From 492a56504d0621ff0b0ffcca92d97c3b6f029f13 Mon Sep 17 00:00:00 2001 From: Yoga Pangestu Date: Mon, 5 Jan 2026 10:44:28 +0700 Subject: [PATCH] feat: implement initial home page with new frontend assets and Livewire components --- app/Livewire/Home/Index.php | 15 + app/View/Components/Partials/Footer.php | 26 + app/View/Components/Partials/Header.php | 26 + package-lock.json | 531 +- package.json | 7 +- public/css/home/it-business.css | 201 + public/css/home/responsive.css | 21629 +++++++++ public/css/home/style.css | 19223 ++++++++ public/css/home/vendors.css | 15652 +++++++ public/js/home/jquery.js | 8 + public/js/home/main.js | 3722 ++ public/js/home/vendors.js | 36213 ++++++++++++++++ public/js/home/vendors/anime.min.js | 8 + public/js/home/vendors/atropos.js | 481 + public/js/home/vendors/bootstrap.bundle.js | 6315 +++ .../js/home/vendors/bootstrap.bundle.js.map | 1 + public/js/home/vendors/gsap.js | 5614 +++ public/js/home/vendors/imagesloaded.pkgd.js | 442 + .../js/home/vendors/interactive-portfolio.js | 400 + public/js/home/vendors/isotope.pkgd.js | 3559 ++ public/js/home/vendors/jquery-cookie.js | 114 + public/js/home/vendors/jquery.appear.js | 119 + public/js/home/vendors/jquery.count-to.js | 136 + public/js/home/vendors/jquery.countdown.js | 232 + public/js/home/vendors/jquery.easypiechart.js | 361 + public/js/home/vendors/jquery.fitvids.js | 84 + .../js/home/vendors/jquery.magnific-popup.js | 1864 + .../jquery.mcustomscrollbar.concat.min.js | 16 + public/js/home/vendors/justified-gallery.js | 1246 + public/js/home/vendors/mapstyles.js | 1100 + public/js/home/vendors/parallax.js | 6 + public/js/home/vendors/parallaxLiquid.js | 77 + public/js/home/vendors/particles.js | 1539 + public/js/home/vendors/retina.min.js | 7 + public/js/home/vendors/skrollr.js | 1779 + public/js/home/vendors/smooth-scroll.js | 357 + public/js/home/vendors/splitting.js | 548 + public/js/home/vendors/sticky-kit.js | 266 + public/js/home/vendors/swiper-bundle.js | 9533 ++++ resources/js/app.js | 6 + resources/sass/app.scss | 2 + .../views/components/layouts/app.blade.php | 37 + .../components/partials/footer.blade.php | 110 + .../components/partials/header.blade.php | 67 + resources/views/livewire/home/index.blade.php | 1067 + routes/web.php | 5 +- vite.config.js | 1 + 47 files changed, 134746 insertions(+), 6 deletions(-) create mode 100644 app/Livewire/Home/Index.php create mode 100644 app/View/Components/Partials/Footer.php create mode 100644 app/View/Components/Partials/Header.php create mode 100644 public/css/home/it-business.css create mode 100644 public/css/home/responsive.css create mode 100644 public/css/home/style.css create mode 100644 public/css/home/vendors.css create mode 100644 public/js/home/jquery.js create mode 100644 public/js/home/main.js create mode 100644 public/js/home/vendors.js create mode 100644 public/js/home/vendors/anime.min.js create mode 100644 public/js/home/vendors/atropos.js create mode 100644 public/js/home/vendors/bootstrap.bundle.js create mode 100644 public/js/home/vendors/bootstrap.bundle.js.map create mode 100644 public/js/home/vendors/gsap.js create mode 100644 public/js/home/vendors/imagesloaded.pkgd.js create mode 100644 public/js/home/vendors/interactive-portfolio.js create mode 100644 public/js/home/vendors/isotope.pkgd.js create mode 100644 public/js/home/vendors/jquery-cookie.js create mode 100644 public/js/home/vendors/jquery.appear.js create mode 100644 public/js/home/vendors/jquery.count-to.js create mode 100644 public/js/home/vendors/jquery.countdown.js create mode 100644 public/js/home/vendors/jquery.easypiechart.js create mode 100644 public/js/home/vendors/jquery.fitvids.js create mode 100644 public/js/home/vendors/jquery.magnific-popup.js create mode 100644 public/js/home/vendors/jquery.mcustomscrollbar.concat.min.js create mode 100644 public/js/home/vendors/justified-gallery.js create mode 100644 public/js/home/vendors/mapstyles.js create mode 100644 public/js/home/vendors/parallax.js create mode 100644 public/js/home/vendors/parallaxLiquid.js create mode 100644 public/js/home/vendors/particles.js create mode 100644 public/js/home/vendors/retina.min.js create mode 100644 public/js/home/vendors/skrollr.js create mode 100644 public/js/home/vendors/smooth-scroll.js create mode 100644 public/js/home/vendors/splitting.js create mode 100644 public/js/home/vendors/sticky-kit.js create mode 100644 public/js/home/vendors/swiper-bundle.js create mode 100644 resources/sass/app.scss create mode 100644 resources/views/components/layouts/app.blade.php create mode 100644 resources/views/components/partials/footer.blade.php create mode 100644 resources/views/components/partials/header.blade.php create mode 100644 resources/views/livewire/home/index.blade.php diff --git a/app/Livewire/Home/Index.php b/app/Livewire/Home/Index.php new file mode 100644 index 0000000..9e292c9 --- /dev/null +++ b/app/Livewire/Home/Index.php @@ -0,0 +1,15 @@ += 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "@parcel/watcher-android-arm64": "2.5.1", + "@parcel/watcher-darwin-arm64": "2.5.1", + "@parcel/watcher-darwin-x64": "2.5.1", + "@parcel/watcher-freebsd-x64": "2.5.1", + "@parcel/watcher-linux-arm-glibc": "2.5.1", + "@parcel/watcher-linux-arm-musl": "2.5.1", + "@parcel/watcher-linux-arm64-glibc": "2.5.1", + "@parcel/watcher-linux-arm64-musl": "2.5.1", + "@parcel/watcher-linux-x64-glibc": "2.5.1", + "@parcel/watcher-linux-x64-musl": "2.5.1", + "@parcel/watcher-win32-arm64": "2.5.1", + "@parcel/watcher-win32-ia32": "2.5.1", + "@parcel/watcher-win32-x64": "2.5.1" + } + }, + "node_modules/@parcel/watcher-android-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz", + "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz", + "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-darwin-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz", + "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-freebsd-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz", + "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz", + "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz", + "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==", + "cpu": [ + "arm" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz", + "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-arm64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz", + "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-glibc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz", + "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-linux-x64-musl": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz", + "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-arm64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz", + "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==", + "cpu": [ + "arm64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-ia32": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz", + "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher-win32-x64": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz", + "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==", + "cpu": [ + "x64" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/@parcel/watcher/node_modules/detect-libc": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz", + "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "bin": { + "detect-libc": "bin/detect-libc.js" + }, + "engines": { + "node": ">=0.10" + } + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", + "license": "MIT", + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } + }, "node_modules/@rollup/rollup-android-arm-eabi": { "version": "4.54.0", "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.54.0.tgz", @@ -1158,6 +1495,39 @@ "proxy-from-env": "^1.1.0" } }, + "node_modules/bootstrap": { + "version": "5.3.8", + "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz", + "integrity": "sha512-HP1SZDqaLDPwsNiqRqi5NcP0SSXciX2s9E+RyqJIIqGo+vJeN5AJVM98CXmW/Wux0nQ5L7jeWUdplCEf0Ee+tg==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/twbs" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/bootstrap" + } + ], + "license": "MIT", + "peerDependencies": { + "@popperjs/core": "^2.11.8" + } + }, + "node_modules/braces": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "fill-range": "^7.1.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/call-bind-apply-helpers": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz", @@ -1202,6 +1572,22 @@ "node": ">=8" } }, + "node_modules/chokidar": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", + "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", + "dev": true, + "license": "MIT", + "dependencies": { + "readdirp": "^4.0.1" + }, + "engines": { + "node": ">= 14.16.0" + }, + "funding": { + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/cliui": { "version": "8.0.1", "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz", @@ -1450,6 +1836,20 @@ } } }, + "node_modules/fill-range": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "to-regex-range": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/follow-redirects": { "version": "1.15.11", "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz", @@ -1634,6 +2034,24 @@ "node": ">= 0.4" } }, + "node_modules/immutable": { + "version": "5.1.4", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz", + "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==", + "dev": true, + "license": "MIT" + }, + "node_modules/is-extglob": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", + "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/is-fullwidth-code-point": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz", @@ -1644,6 +2062,31 @@ "node": ">=8" } }, + "node_modules/is-glob": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", + "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "is-extglob": "^2.1.1" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/is-number": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", + "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=0.12.0" + } + }, "node_modules/jiti": { "version": "2.6.1", "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz", @@ -1955,6 +2398,35 @@ "node": ">= 0.4" } }, + "node_modules/micromatch": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "braces": "^3.0.3", + "picomatch": "^2.3.1" + }, + "engines": { + "node": ">=8.6" + } + }, + "node_modules/micromatch/node_modules/picomatch": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", + "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", + "dev": true, + "license": "MIT", + "optional": true, + "engines": { + "node": ">=8.6" + }, + "funding": { + "url": "https://github.com/sponsors/jonschlinkert" + } + }, "node_modules/mime-db": { "version": "1.52.0", "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz", @@ -1997,6 +2469,14 @@ "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1" } }, + "node_modules/node-addon-api": { + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz", + "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==", + "dev": true, + "license": "MIT", + "optional": true + }, "node_modules/picocolors": { "version": "1.1.1", "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz", @@ -2063,6 +2543,20 @@ "node": ">=0.10.0" } }, + "node_modules/readdirp": { + "version": "4.1.2", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", + "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 14.18.0" + }, + "funding": { + "type": "individual", + "url": "https://paulmillr.com/funding/" + } + }, "node_modules/require-directory": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz", @@ -2125,6 +2619,27 @@ "tslib": "^2.1.0" } }, + "node_modules/sass": { + "version": "1.97.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.97.1.tgz", + "integrity": "sha512-uf6HoO8fy6ClsrShvMgaKUn14f2EHQLQRtpsZZLeU/Mv0Q1K5P0+x2uvH6Cub39TVVbWNSrraUhDAoFph6vh0A==", + "dev": true, + "license": "MIT", + "dependencies": { + "chokidar": "^4.0.0", + "immutable": "^5.0.2", + "source-map-js": ">=0.6.2 <2.0.0" + }, + "bin": { + "sass": "sass.js" + }, + "engines": { + "node": ">=14.0.0" + }, + "optionalDependencies": { + "@parcel/watcher": "^2.4.1" + } + }, "node_modules/shell-quote": { "version": "1.8.3", "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz", @@ -2230,6 +2745,20 @@ "url": "https://github.com/sponsors/SuperchupuDev" } }, + "node_modules/to-regex-range": { + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", + "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", + "dev": true, + "license": "MIT", + "optional": true, + "dependencies": { + "is-number": "^7.0.0" + }, + "engines": { + "node": ">=8.0" + } + }, "node_modules/tree-kill": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz", diff --git a/package.json b/package.json index 969fa65..5e74f53 100644 --- a/package.json +++ b/package.json @@ -11,10 +11,13 @@ "axios": "^1.11.0", "concurrently": "^9.0.1", "laravel-vite-plugin": "^2.0.0", + "sass": "^1.97.1", "tailwindcss": "^4.1.18", "vite": "^7.0.7" }, "dependencies": { - "@lottiefiles/dotlottie-react": "^0.17.10" + "@lottiefiles/dotlottie-react": "^0.17.10", + "@popperjs/core": "^2.11.8", + "bootstrap": "^5.3.8" } -} \ No newline at end of file +} diff --git a/public/css/home/it-business.css b/public/css/home/it-business.css new file mode 100644 index 0000000..4e1f9eb --- /dev/null +++ b/public/css/home/it-business.css @@ -0,0 +1,201 @@ +/* font */ +@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap'); +/* variable */ +:root { + --base-color: #074eb9; + --dark-gray:#252840; + --black:#05060a; + --medium-gray:#7d8087; + --very-light-gray: #f0f2f8; + --primary-font: 'Plus Jakarta Sans', sans-serif; +} +/* reset */ +body{ + line-height: 29px; +} +/* header */ +header .navbar-brand img { + max-height: 32px; +} +.navbar .navbar-nav .nav-link { + font-size: 17px; +} +header .btn.btn-rounded.btn-large { + padding:10px 26px; + font-size: 13px; + font-weight: 500; +} +.sticky .header-transparent .header-button .btn { + color: var(--dark-gray); + border-color: var(--extra-medium-gray); +} +.sticky .header-transparent .header-button .btn:hover { + border-color: var(--dark-gray); + color: var(--white); + background: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover="light"] .widget-text i { + color: var(--white); +} +/* accordion style 02 */ +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + background-color: var(--dark-gray); +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + color: var(--white); +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a, +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a{ + opacity: .5; +} +/* btn */ +[class*=btn-transparent], [class*=" btn-transparent"] { + font-weight: 500; +} +.btn { + text-transform: none; + font-family: var(--primary-font); +} +.btn.btn-switch-text.btn-extra-large > span { + padding: 19px 40px; +} +.btn-gradient-purple-pink { + background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb); + background-size: 200% auto; + color: var(--white); +} +/* bg gradient color */ +.bg-gradient-dark-gray-transparent { + background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0)); + background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0)); +} +.bg-gradient-very-light-gray-transparent { + background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0)); + background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0)); +} +.bg-gradient-flamingo-red-transparent { + background: -webkit-linear-gradient(right, rgba(243, 69, 59, 1.0), rgba(255, 255, 255, 0.0)); + background: linear-gradient(to right, rgba(243, 69, 59, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%); +} +.bg-gradient-base-color-transparent { + background: -webkit-linear-gradient(right, rgba(15, 89, 201, 1.0), rgba(255, 255, 255, 0.0)); + background: linear-gradient(to right, rgba(15, 89, 201, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%); +} +.bg-gradient-light-gray-transparent { + background: -webkit-linear-gradient(right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0)); + background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0)); +} +.bg-midnight-blue { + background-color: #1e2033; +} +/* text */ +.text-flamingo { + color: #e55b53; +} +.text-gradient-orange-sky-blue { + background-image: linear-gradient(to right, #5e70f3, #6170f1, #8074dc, #b87bb6, #ec8192); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + margin-bottom: 25px; +} +/* portfolio filter */ +.portfolio-filter li { + padding: 0 18px; + line-height: 24px; +} +/* blog */ +.categories-btn { + font-size: 11px; +} +/* page title */ +.page-title-extra-large h1 { + font-size: 4rem; + line-height: 4rem; +} +.page-title-extra-large h2 { + font-size: 17px; + line-height: 28px; + margin: 0 auto; +} +.process-step-style-05 .progress-step-separator { + bottom: -10px; + height: 100%; + z-index: -1; +} +/* height */ +.h-72px { + height: 72px !important; +} +#map { + height: 650px; + border-radius: 6px 0 0 6px; +} +/* margin top */ +.mt-minus-50px { + margin-top: -50px; +} +/* line-height */ +.lh-200 { + line-height: 12.5rem; +} +/* bottom */ +.bottom-auto { + bottom: auto; +} +/* footer */ +footer .footer-logo img { + max-height: 35px; +} +footer ul li { + margin-bottom: 0; +} +.footer-light a:hover, .footer-navbar li a:hover { + color: var(--dark-gray); +} +@media (max-width: 1299px) { + .navbar .navbar-nav .nav-link { + font-size: 16px; + } + header .btn.btn-rounded.btn-large { + padding: 10px 15px; + font-size: 12px; + } +} +@media (max-width: 1199px) { + .navbar .navbar-nav .nav-link { + font-size: 15px; + } + header .btn.btn-rounded.btn-large { + padding: 10px 10px; + font-size: 11px; + } +} +@media (max-width: 991px) { + .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + width: calc(100% + 30px) !important; + margin-left: -15px; + padding: 10px 45px; + margin-bottom: 0; + margin-right: -15px; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { + padding-bottom: 17px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { + font-size: 19px; + } + header .btn.btn-rounded.btn-large { + color: var(--dark-gray); + border-color: var(--extra-medium-gray); + padding: 10px 15px; + font-size: 13px; + } +} +@media (max-width: 767px) { + .portfolio-filter li { + padding: 0; + } +} \ No newline at end of file diff --git a/public/css/home/responsive.css b/public/css/home/responsive.css new file mode 100644 index 0000000..f83ed9a --- /dev/null +++ b/public/css/home/responsive.css @@ -0,0 +1,21629 @@ +/* Bootstrap overwrite css */ +@media (min-width: 1400px) { + .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + max-width: 1220px; + } +} +@media (min-width: 992px) { + .row.g-lg-0 { + margin-right: 0; + margin-left: 0; + } + .row.g-lg-0 > * { + padding-right: 0; + padding-left: 0; + } +} +@media (max-width: 1600px) { + section { + padding-top: 90px; + padding-bottom: 90px; + } + section.big-section { + padding-top: 120px; + padding-bottom: 120px; + } + section.extra-big-section { + padding-top: 160px; + padding-bottom: 160px; + } +} +@media (max-width: 991px) { + html { + font-size: 14px; + } + section { + padding-top: 75px; + padding-bottom: 75px; + } + section.half-section { + padding-top: 50px; + padding-bottom: 50px; + } + section.big-section { + padding-top: 95px; + padding-bottom: 95px; + } + section.extra-big-section { + padding-top: 110px; + padding-bottom: 110px; + } + .row.md-gutter-very-small { + margin-left: -5px; + margin-right: -5px; + } + .row.md-gutter-very-small > * { + padding-right: 5px; + padding-left: 5px; + } + .row.md-gutter-small { + margin-left: -10px; + margin-right: -10px; + } + .row.md-gutter-small > * { + padding-right: 10px; + padding-left: 10px; + } +} +@media (max-width: 767px) { + html { + font-size: 12px; + } + section { + padding-top: 50px; + padding-bottom: 50px; + } + section.half-section { + padding-top: 40px; + padding-bottom: 40px; + } + section.big-section { + padding-top: 50px; + padding-bottom: 50px; + } + section.extra-big-section { + padding-top: 50px; + padding-bottom: 50px; + } + .row.sm-gutter-very-small { + margin-left: -5px; + margin-right: -5px; + } + .row.sm-gutter-very-small > * { + padding-right: 5px; + padding-left: 5px; + } + .row.sm-gutter-small { + margin-left: -10px; + margin-right: -10px; + } + .row.sm-gutter-small > * { + padding-right: 10px; + padding-left: 10px; + } +} +@media (max-width: 1600px) { + /* Font size */ + .xxl-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .xxl-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .xxl-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .xxl-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .xxl-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .xxl-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .xxl-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .xxl-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .xxl-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .xxl-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .xxl-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .xxl-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .xxl-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .xxl-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } +} +@media (max-width: 1399px) { + /* Font size */ + .xl-fs-0 { + font-size: 0; + } + .xl-fs-10 { + font-size: 10px; + } + .xl-fs-11 { + font-size: 11px; + } + .xl-fs-12 { + font-size: 12px; + } + .xl-fs-13 { + font-size: 13px; + } + .xl-fs-14 { + font-size: 14px; + } + .xl-fs-15 { + font-size: 15px; + } + .xl-fs-16 { + font-size: 16px; + } + .xl-fs-17 { + font-size: 17px; + } + .xl-fs-18 { + font-size: 18px; + } + .xl-fs-19 { + font-size: 19px; + } + .xl-fs-20 { + font-size: 20px; + } + .xl-fs-22 { + font-size: 22px; + } + .xl-fs-24 { + font-size: 24px; + line-height: 32px; + } + .xl-fs-26 { + font-size: 26px; + line-height: 38px; + } + .xl-fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; + } + .xl-fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; + } + .xl-fs-32 { + font-size: 2rem; + line-height: 2.5rem; + } + .xl-fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; + } + .xl-fs-45 { + font-size: 2.813rem; + line-height: 3rem; + } + .xl-fs-50 { + font-size: 3.125rem; + line-height: 3.25rem; + } + .xl-fs-55 { + font-size: 3.438rem; + line-height: 3.5rem; + } + .xl-fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; + } + .xl-fs-65 { + font-size: 4.063rem; + line-height: 4.688rem; + } + .xl-fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; + } + .xl-fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; + } + .xl-fs-80 { + font-size: 5rem; + line-height: 5rem; + } + .xl-fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; + } + .xl-fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; + } + .xl-fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; + } + .xl-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .xl-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .xl-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .xl-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .xl-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .xl-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .xl-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .xl-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .xl-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .xl-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .xl-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .xl-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .xl-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .xl-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } + /* Line height */ + .xl-lh-20 { + line-height: 20px; + } + .xl-lh-22 { + line-height: 22px; + } + .xl-lh-24 { + line-height: 24px; + } + .xl-lh-26 { + line-height: 26px; + } + .xl-lh-28 { + line-height: 28px; + } + .xl-lh-30 { + line-height: 30px; + } + .xl-lh-32 { + line-height: 2rem; + } + .xl-lh-34 { + line-height: 2.125rem; + } + .xl-lh-36 { + line-height: 2.25rem; + } + .xl-lh-38 { + line-height: 2.375rem; + } + .xl-lh-40 { + line-height: 2.5rem; + } + .xl-lh-42 { + line-height: 2.625rem; + } + .xl-lh-44 { + line-height: 2.75rem; + } + .xl-lh-46 { + line-height: 2.875rem; + } + .xl-lh-48 { + line-height: 3rem; + } + .xl-lh-50 { + line-height: 3.125rem; + } + .xl-lh-55 { + line-height: 3.438rem; + } + .xl-lh-60 { + line-height: 3.75rem; + } + .xl-lh-65 { + line-height: 4.063rem; + } + .xl-lh-70 { + line-height: 4.375rem; + } + .xl-lh-75 { + line-height: 4.688rem; + } + .xl-lh-80 { + line-height: 5rem; + } + .xl-lh-85 { + line-height: 5.313rem; + } + .xl-lh-90 { + line-height: 5.625rem; + } + .xl-lh-95 { + line-height: 5.938rem; + } + .xl-lh-100 { + line-height: 6.25rem; + } + .xl-lh-normal { + line-height: normal; + } + .xl-lh-initial { + line-height: initial; + } +} +@media (max-width: 1199px) { + /* Font size */ + .lg-fs-0 { + font-size: 0; + } + .lg-fs-10 { + font-size: 10px; + } + .lg-fs-11 { + font-size: 11px; + } + .lg-fs-12 { + font-size: 12px; + } + .lg-fs-13 { + font-size: 13px; + } + .lg-fs-14 { + font-size: 14px; + } + .lg-fs-15 { + font-size: 15px; + } + .lg-fs-16 { + font-size: 16px; + } + .lg-fs-17 { + font-size: 17px; + } + .lg-fs-18 { + font-size: 18px; + } + .lg-fs-19 { + font-size: 19px; + } + .lg-fs-20 { + font-size: 20px; + } + .lg-fs-22 { + font-size: 22px; + } + .lg-fs-24 { + font-size: 24px; + line-height: 32px; + } + .lg-fs-26 { + font-size: 26px; + line-height: 38px; + } + .lg-fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; + } + .lg-fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; + } + .lg-fs-32 { + font-size: 2rem; + line-height: 2.5rem; + } + .lg-fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; + } + .lg-fs-45 { + font-size: 2.813rem; + line-height: 3rem; + } + .lg-fs-50 { + font-size: 3.125rem; + line-height: 3.25rem; + } + .lg-fs-55 { + font-size: 3.438rem; + line-height: 3.5rem; + } + .lg-fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; + } + .lg-fs-65 { + font-size: 4.063rem; + line-height: 4.688rem; + } + .lg-fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; + } + .lg-fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; + } + .lg-fs-80 { + font-size: 5rem; + line-height: 5rem; + } + .lg-fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; + } + .lg-fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; + } + .lg-fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; + } + .lg-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .lg-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .lg-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .lg-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .lg-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .lg-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .lg-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .lg-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .lg-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .lg-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .lg-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .lg-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .lg-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .lg-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } + /* Line height */ + .lg-lh-20 { + line-height: 20px; + } + .lg-lh-22 { + line-height: 22px; + } + .lg-lh-24 { + line-height: 24px; + } + .lg-lh-26 { + line-height: 26px; + } + .lg-lh-28 { + line-height: 28px; + } + .lg-lh-30 { + line-height: 30px; + } + .lg-lh-32 { + line-height: 2rem; + } + .lg-lh-34 { + line-height: 2.125rem; + } + .lg-lh-36 { + line-height: 2.25rem; + } + .lg-lh-38 { + line-height: 2.375rem; + } + .lg-lh-40 { + line-height: 2.5rem; + } + .lg-lh-42 { + line-height: 2.625rem; + } + .lg-lh-44 { + line-height: 2.75rem; + } + .lg-lh-46 { + line-height: 2.875rem; + } + .lg-lh-48 { + line-height: 3rem; + } + .lg-lh-50 { + line-height: 3.125rem; + } + .lg-lh-55 { + line-height: 3.438rem; + } + .lg-lh-60 { + line-height: 3.75rem; + } + .lg-lh-65 { + line-height: 4.063rem; + } + .lg-lh-70 { + line-height: 4.375rem; + } + .lg-lh-75 { + line-height: 4.688rem; + } + .lg-lh-80 { + line-height: 5rem; + } + .lg-lh-85 { + line-height: 5.313rem; + } + .lg-lh-90 { + line-height: 5.625rem; + } + .lg-lh-95 { + line-height: 5.938rem; + } + .lg-lh-100 { + line-height: 6.25rem; + } + .lg-lh-normal { + line-height: normal; + } + .lg-lh-initial { + line-height: initial; + } +} +@media (max-width: 991px) { + /* Font size */ + .md-fs-0 { + font-size: 0; + } + .md-fs-10 { + font-size: 10px; + } + .md-fs-11 { + font-size: 11px; + } + .md-fs-12 { + font-size: 12px; + } + .md-fs-13 { + font-size: 13px; + } + .md-fs-14 { + font-size: 14px; + } + .md-fs-15 { + font-size: 15px; + } + .md-fs-16 { + font-size: 16px; + } + .md-fs-17 { + font-size: 17px; + } + .md-fs-18 { + font-size: 18px; + } + .md-fs-19 { + font-size: 19px; + } + .md-fs-20 { + font-size: 20px; + } + .md-fs-22 { + font-size: 22px; + } + .md-fs-24 { + font-size: 24px; + line-height: 32px; + } + .md-fs-26 { + font-size: 26px; + line-height: 38px; + } + .md-fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; + } + .md-fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; + } + .md-fs-32 { + font-size: 2rem; + line-height: 2.5rem; + } + .md-fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; + } + .md-fs-45 { + font-size: 2.813rem; + line-height: 3rem; + } + .md-fs-50 { + font-size: 3.125rem; + line-height: 3.25rem; + } + .md-fs-55 { + font-size: 3.438rem; + line-height: 3.5rem; + } + .md-fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; + } + .md-fs-65 { + font-size: 4.063rem; + line-height: 4.688rem; + } + .md-fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; + } + .md-fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; + } + .md-fs-80 { + font-size: 5rem; + line-height: 5rem; + } + .md-fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; + } + .md-fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; + } + .md-fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; + } + .md-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .md-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .md-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .md-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .md-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .md-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .md-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .md-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .md-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .md-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .md-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .md-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .md-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .md-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } + /* Line height */ + .md-lh-20 { + line-height: 20px; + } + .md-lh-22 { + line-height: 22px; + } + .md-lh-24 { + line-height: 24px; + } + .md-lh-26 { + line-height: 26px; + } + .md-lh-28 { + line-height: 28px; + } + .md-lh-30 { + line-height: 30px; + } + .md-lh-32 { + line-height: 2rem; + } + .md-lh-34 { + line-height: 2.125rem; + } + .md-lh-36 { + line-height: 2.25rem; + } + .md-lh-38 { + line-height: 2.375rem; + } + .md-lh-40 { + line-height: 2.5rem; + } + .md-lh-42 { + line-height: 2.625rem; + } + .md-lh-44 { + line-height: 2.75rem; + } + .md-lh-46 { + line-height: 2.875rem; + } + .md-lh-48 { + line-height: 3rem; + } + .md-lh-50 { + line-height: 3.125rem; + } + .md-lh-55 { + line-height: 3.438rem; + } + .md-lh-60 { + line-height: 3.75rem; + } + .md-lh-65 { + line-height: 4.063rem; + } + .md-lh-70 { + line-height: 4.375rem; + } + .md-lh-75 { + line-height: 4.688rem; + } + .md-lh-80 { + line-height: 5rem; + } + .md-lh-85 { + line-height: 5.313rem; + } + .md-lh-90 { + line-height: 5.625rem; + } + .md-lh-95 { + line-height: 5.938rem; + } + .md-lh-100 { + line-height: 6.25rem; + } + .md-lh-normal { + line-height: normal; + } + .md-lh-initial { + line-height: initial; + } +} +@media (max-width: 767px) { + /* Heading */ + h1, h2, h3, h4, h5, h6 { + margin-bottom: 25px; + } + /* Font size */ + .sm-fs-0 { + font-size: 0; + } + .sm-fs-10 { + font-size: 10px; + } + .sm-fs-11 { + font-size: 11px; + } + .sm-fs-12 { + font-size: 12px; + } + .sm-fs-13 { + font-size: 13px; + } + .sm-fs-14 { + font-size: 14px; + } + .sm-fs-15 { + font-size: 15px; + } + .sm-fs-16 { + font-size: 16px; + } + .sm-fs-17 { + font-size: 17px; + } + .sm-fs-18 { + font-size: 18px; + } + .sm-fs-19 { + font-size: 19px; + } + .sm-fs-20 { + font-size: 20px; + } + .sm-fs-22 { + font-size: 22px; + } + .sm-fs-24 { + font-size: 24px; + line-height: 32px; + } + .sm-fs-26 { + font-size: 26px; + line-height: 38px; + } + .sm-fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; + } + .sm-fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; + } + .sm-fs-32 { + font-size: 2rem; + line-height: 2.5rem; + } + .sm-fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; + } + .sm-fs-45 { + font-size: 2.813rem; + line-height: 2.813rem; + } + .sm-fs-50 { + font-size: 3.125rem; + line-height: 3.125rem; + } + .sm-fs-55 { + font-size: 3.438rem; + line-height: 3.438rem; + } + .sm-fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; + } + .sm-fs-65 { + font-size: 4.063rem; + line-height: 4.063rem; + } + .sm-fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; + } + .sm-fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; + } + .sm-fs-80 { + font-size: 5rem; + line-height: 5rem; + } + .sm-fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; + } + .sm-fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; + } + .sm-fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; + } + .sm-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .sm-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .sm-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .sm-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .sm-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .sm-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .sm-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .sm-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .sm-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .sm-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .sm-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .sm-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .sm-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .sm-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } + /* Line height */ + .sm-lh-20 { + line-height: 20px; + } + .sm-lh-22 { + line-height: 22px; + } + .sm-lh-24 { + line-height: 24px; + } + .sm-lh-26 { + line-height: 26px; + } + .sm-lh-28 { + line-height: 28px; + } + .sm-lh-30 { + line-height: 30px; + } + .sm-lh-32 { + line-height: 2rem; + } + .sm-lh-34 { + line-height: 2.125rem; + } + .sm-lh-36 { + line-height: 2.25rem; + } + .sm-lh-38 { + line-height: 2.375rem; + } + .sm-lh-40 { + line-height: 2.5rem; + } + .sm-lh-42 { + line-height: 2.625rem; + } + .sm-lh-44 { + line-height: 2.75rem; + } + .sm-lh-46 { + line-height: 2.875rem; + } + .sm-lh-48 { + line-height: 3rem; + } + .sm-lh-50 { + line-height: 3.125rem; + } + .sm-lh-55 { + line-height: 3.438rem; + } + .sm-lh-60 { + line-height: 3.75rem; + } + .sm-lh-65 { + line-height: 4.063rem; + } + .sm-lh-70 { + line-height: 4.375rem; + } + .sm-lh-75 { + line-height: 4.688rem; + } + .sm-lh-80 { + line-height: 5rem; + } + .sm-lh-85 { + line-height: 5.313rem; + } + .sm-lh-90 { + line-height: 5.625rem; + } + .sm-lh-95 { + line-height: 5.938rem; + } + .sm-lh-100 { + line-height: 6.25rem; + } + .sm-lh-normal { + line-height: normal; + } + .sm-lh-initial { + line-height: initial; + } +} +@media (max-width: 575px) { + /* Font size */ + .xs-fs-0 { + font-size: 0; + } + .xs-fs-10 { + font-size: 10px; + } + .xs-fs-11 { + font-size: 11px; + } + .xs-fs-12 { + font-size: 12px; + } + .xs-fs-13 { + font-size: 13px; + } + .xs-fs-14 { + font-size: 14px; + } + .xs-fs-15 { + font-size: 15px; + } + .xs-fs-16 { + font-size: 16px; + } + .xs-fs-17 { + font-size: 17px; + } + .xs-fs-18 { + font-size: 18px; + } + .xs-fs-19 { + font-size: 19px; + } + .xs-fs-20 { + font-size: 20px; + } + .xs-fs-22 { + font-size: 22px; + } + .xs-fs-24 { + font-size: 24px; + line-height: 32px; + } + .xs-fs-26 { + font-size: 26px; + line-height: 38px; + } + .xs-fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; + } + .xs-fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; + } + .xs-fs-32 { + font-size: 2rem; + line-height: 2.5rem; + } + .xs-fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; + } + .xs-fs-45 { + font-size: 2.813rem; + line-height: 3rem; + } + .xs-fs-50 { + font-size: 3.125rem; + line-height: 3.125rem; + } + .xs-fs-55 { + font-size: 3.438rem; + line-height: 3.438rem; + } + .xs-fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; + } + .xs-fs-65 { + font-size: 4.063rem; + line-height: 4.688rem; + } + .xs-fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; + } + .xs-fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; + } + .xs-fs-80 { + font-size: 5rem; + line-height: 5rem; + } + .xs-fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; + } + .xs-fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; + } + .xs-fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; + } + .xs-fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; + } + .xs-fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; + } + .xs-fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; + } + .xs-fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; + } + .xs-fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; + } + .xs-fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; + } + .xs-fs-160 { + font-size: 10rem; + line-height: 10rem; + } + .xs-fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; + } + .xs-fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; + } + .xs-fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; + } + .xs-fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; + } + .xs-fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; + } + .xs-fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; + } + .xs-fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; + } + /* Line height */ + .xs-lh-20 { + line-height: 20px; + } + .xs-lh-22 { + line-height: 22px; + } + .xs-lh-24 { + line-height: 24px; + } + .xs-lh-26 { + line-height: 26px; + } + .xs-lh-28 { + line-height: 28px; + } + .xs-lh-30 { + line-height: 30px; + } + .xs-lh-32 { + line-height: 2rem; + } + .xs-lh-34 { + line-height: 2.125rem; + } + .xs-lh-36 { + line-height: 2.25rem; + } + .xs-lh-38 { + line-height: 2.375rem; + } + .xs-lh-40 { + line-height: 2.5rem; + } + .xs-lh-42 { + line-height: 2.625rem; + } + .xs-lh-44 { + line-height: 2.75rem; + } + .xs-lh-46 { + line-height: 2.875rem; + } + .xs-lh-48 { + line-height: 3rem; + } + .xs-lh-50 { + line-height: 3.125rem; + } + .xs-lh-55 { + line-height: 3.438rem; + } + .xs-lh-60 { + line-height: 3.75rem; + } + .xs-lh-65 { + line-height: 4.063rem; + } + .xs-lh-70 { + line-height: 4.375rem; + } + .xs-lh-75 { + line-height: 4.688rem; + } + .xs-lh-80 { + line-height: 5rem; + } + .xs-lh-85 { + line-height: 5.313rem; + } + .xs-lh-90 { + line-height: 5.625rem; + } + .xs-lh-95 { + line-height: 5.938rem; + } + .xs-lh-100 { + line-height: 6.25rem; + } + .xs-lh-normal { + line-height: normal; + } + .xs-lh-initial { + line-height: initial; + } +} +@media (max-width: 1600px) { + /* Width */ + .xxl-w-100 { + width: 100% !important; + } + /* Outside box right */ + .xxl-outside-box-right-7 { + margin-right: -7vw; + } +} +@media (max-width: 1399px) { + /* Width */ + .xl-w-220px { + width: 220px !important; + } + .xl-w-230px { + width: 230px !important; + } + .xl-w-40 { + width: 40% !important; + } + .xl-w-45 { + width: 45% !important; + } + .xl-w-50 { + width: 50% !important; + } + .xl-w-55 { + width: 55% !important; + } + .xl-w-60 { + width: 60% !important; + } + .xl-w-65 { + width: 65% !important; + } + .xl-w-70 { + width: 70% !important; + } + .xl-w-75 { + width: 75% !important; + } + .xl-w-80 { + width: 80% !important; + } + .xl-w-85 { + width: 85% !important; + } + .xl-w-90 { + width: 90% !important; + } + .xl-w-95 { + width: 95% !important; + } + .xl-w-100 { + width: 100% !important; + } + .xl-w-auto { + width: auto !important; + } + /* Height */ + .xl-h-300px { + height: 300px !important; + } + .xl-h-350px { + height: 350px !important; + } + .xl-h-400px { + height: 400px !important; + } + .xl-h-450px { + height: 450px !important; + } + .xl-h-auto { + height: auto !important; + } + .xl-h-100 { + height: 100% !important; + } + /* Border none */ + .xl-border-top-0 { + border-top: 0 !important; + } + .xl-border-bottom-0 { + border-bottom: 0 !important; + } + .xl-border-end-0 { + border-right: 0 !important; + } + .xl-border-start-0 { + border-left: 0 !important; + } + /* Letter spacing */ + .xl-ls-minus-05px { + letter-spacing: -0.5px !important; + } + .xl-ls-minus-1px { + letter-spacing: -1px !important; + } + .xl-ls-minus-2px { + letter-spacing: -2px !important; + } + .xl-ls-minus-3px { + letter-spacing: -3px !important; + } + .xl-ls-minus-4px { + letter-spacing: -4px !important; + } + /* Position */ + .xl-position-relative { + position: relative !important; + } + .xl-position-absolute { + position: absolute !important; + } + .xl-position-inherit { + position: inherit !important; + } + .xl-position-initial { + position: initial !important; + } + /* Outside box left */ + .xl-outside-box-left-10 { + margin-left: -10vw; + } + .xl-outside-box-left-15 { + margin-left: -15vw; + } + .xl-outside-box-left-20 { + margin-left: -20vw; + } + .xl-outside-box-left-30 { + margin-left: -30vw; + } + /* Outside box right */ + .xl-outside-box-right-5 { + margin-right: -5vw; + } + .xl-outside-box-right-10 { + margin-right: -10vw; + } + .xl-outside-box-right-15 { + margin-right: -15vw; + } + .xl-outside-box-right-20 { + margin-right: -20vw; + } + .xl-outside-box-right-25 { + margin-right: -25vw; + } + .xl-outside-box-right-30 { + margin-right: -30vw; + } + /* for buy and demo button */ + .theme-demos .demos-wrapper .demos-wrapper-inner { + padding-left: 0; + padding-right: 0; + } +} +@media (max-width: 1199px) { + /* Screen height */ + .one-fifth-screen { + height: 750px !important; + } + /* Width */ + .lg-w-10px { + width: 10px !important; + } + .lg-w-15px { + width: 15px !important; + } + .lg-w-20px { + width: 20px !important; + } + .lg-w-25px { + width: 25px !important; + } + .lg-w-30px { + width: 30px !important; + } + .lg-w-35px { + width: 35px !important; + } + .lg-w-40px { + width: 40px !important; + } + .lg-w-45px { + width: 45px !important; + } + .lg-w-50px { + width: 50px !important; + } + .lg-w-55px { + width: 55px !important; + } + .lg-w-60px { + width: 60px !important; + } + .lg-w-65px { + width: 65px !important; + } + .lg-w-70px { + width: 70px !important; + } + .lg-w-75px { + width: 75px !important; + } + .lg-w-80px { + width: 80px !important; + } + .lg-w-85px { + width: 85px !important; + } + .lg-w-90px { + width: 90px !important; + } + .lg-w-95px { + width: 95px !important; + } + .lg-w-100px { + width: 100px !important; + } + .lg-w-110px { + width: 110px !important; + } + .lg-w-120px { + width: 120px !important; + } + .lg-w-130px { + width: 130px !important; + } + .lg-w-140px { + width: 140px !important; + } + .lg-w-150px { + width: 150px !important; + } + .lg-w-160px { + width: 160px !important; + } + .lg-w-170px { + width: 170px !important; + } + .lg-w-180px { + width: 180px !important; + } + .lg-w-190px { + width: 190px !important; + } + .lg-w-200px { + width: 200px !important; + } + .lg-w-250px { + width: 250px !important; + } + .lg-w-300px { + width: 300px !important; + } + .lg-w-350px { + width: 350px !important; + } + .lg-w-400px { + width: 400px !important; + } + .lg-w-450px { + width: 450px !important; + } + .lg-w-500px { + width: 500px !important; + } + .lg-w-550px { + width: 550px !important; + } + .lg-w-600px { + width: 600px !important; + } + .lg-w-650px { + width: 650px !important; + } + .lg-w-700px { + width: 700px !important; + } + .lg-w-750px { + width: 750px !important; + } + .lg-w-800px { + width: 800px !important; + } + .lg-w-850px { + width: 850px !important; + } + .lg-w-900px { + width: 900px !important; + } + .lg-w-950px { + width: 950px !important; + } + .lg-w-1000px { + width: 1000px !important; + } + .lg-w-10 { + width: 10% !important; + } + .lg-w-15 { + width: 15% !important; + } + .lg-w-20 { + width: 20% !important; + } + .lg-w-25 { + width: 25% !important; + } + .lg-w-30 { + width: 30% !important; + } + .lg-w-35 { + width: 35% !important; + } + .lg-w-40 { + width: 40% !important; + } + .lg-w-45 { + width: 45% !important; + } + .lg-w-50 { + width: 50% !important; + } + .lg-w-55 { + width: 55% !important; + } + .lg-w-60 { + width: 60% !important; + } + .lg-w-65 { + width: 65% !important; + } + .lg-w-70 { + width: 70% !important; + } + .lg-w-75 { + width: 75% !important; + } + .lg-w-80 { + width: 80% !important; + } + .lg-w-85 { + width: 85% !important; + } + .lg-w-90 { + width: 90% !important; + } + .lg-w-95 { + width: 95% !important; + } + .lg-w-100 { + width: 100% !important; + } + .lg-w-auto { + width: auto !important; + } + /* Height */ + .lg-h-10px { + height: 10px !important; + } + .lg-h-15px { + height: 15px !important; + } + .lg-h-20px { + height: 20px !important; + } + .lg-h-25px { + height: 25px !important; + } + .lg-h-30px { + height: 30px !important; + } + .lg-h-35px { + height: 35px !important; + } + .lg-h-40px { + height: 40px !important; + } + .lg-h-45px { + height: 45px !important; + } + .lg-h-50px { + height: 50px !important; + } + .lg-h-55px { + height: 55px !important; + } + .lg-h-60px { + height: 60px !important; + } + .lg-h-65px { + height: 65px !important; + } + .lg-h-70px { + height: 70px !important; + } + .lg-h-75px { + height: 75px !important; + } + .lg-h-80px { + height: 80px !important; + } + .lg-h-85px { + height: 85px !important; + } + .lg-h-90px { + height: 90px !important; + } + .lg-h-95px { + height: 95px !important; + } + .lg-h-100px { + height: 100px !important; + } + .lg-h-110px { + height: 110px !important; + } + .lg-h-120px { + height: 120px !important; + } + .lg-h-130px { + height: 130px !important; + } + .lg-h-140px { + height: 140px !important; + } + .lg-h-150px { + height: 150px !important; + } + .lg-h-160px { + height: 160px !important; + } + .lg-h-170px { + height: 170px !important; + } + .lg-h-180px { + height: 180px !important; + } + .lg-h-190px { + height: 190px !important; + } + .lg-h-200px { + height: 200px !important; + } + .lg-h-250px { + height: 250px !important; + } + .lg-h-300px { + height: 300px !important; + } + .lg-h-350px { + height: 350px !important; + } + .lg-h-400px { + height: 400px !important; + } + .lg-h-450px { + height: 450px !important; + } + .lg-h-500px { + height: 500px !important; + } + .lg-h-550px { + height: 550px !important; + } + .lg-h-600px { + height: 600px !important; + } + .lg-h-650px { + height: 650px !important; + } + .lg-h-700px { + height: 700px !important; + } + .lg-h-750px { + height: 750px !important; + } + .lg-h-800px { + height: 800px !important; + } + .lg-h-850px { + height: 850px !important; + } + .lg-h-auto { + height: auto !important; + } + .lg-h-100 { + height: 100% !important; + } + /* Letter spacing */ + .lg-ls-0px { + letter-spacing: 0px !important; + } + .lg-ls-minus-05px { + letter-spacing: -0.5px !important; + } + .lg-ls-minus-1px { + letter-spacing: -1px !important; + } + .lg-ls-minus-2px { + letter-spacing: -2px !important; + } + .lg-ls-minus-3px { + letter-spacing: -3px !important; + } + .lg-ls-minus-4px { + letter-spacing: -4px !important; + } + .lg-ls-minus-5px { + letter-spacing: -5px !important; + } + /* Boder align */ + .lg-border { + border: 1px solid; + } + .lg-border-top { + border-top: 1px solid; + } + .lg-border-bottom { + border-bottom: 1px solid; + } + .lg-border-start { + border-left: 1px solid; + } + .lg-border-end { + border-right: 1px solid; + } + /* Border none */ + .lg-border-top-0 { + border-top: 0 !important; + } + .lg-border-bottom-0 { + border-bottom: 0 !important; + } + .lg-border-end-0 { + border-right: 0 !important; + } + .lg-border-start-0 { + border-left: 0 !important; + } + /* Border radius */ + .lg-no-border-radius { + border-radius: 0 !important; + } + /* Position */ + .lg-position-relative { + position: relative !important; + } + .lg-position-absolute { + position: absolute !important; + } + .lg-position-inherit { + position: inherit !important; + } + .lg-position-initial { + position: initial !important; + } + /* Slider shadow */ + .lg-slider-shadow-none { + mask-image: none !important; + -webkit-mask-image: none !important; + } + /* Background image none */ + .lg-background-image-none { + background-image: none !important; + } + /* Outside box top */ + .outside-box-top-15 { + margin-top: -8vw; + } + /* Outside box left */ + .lg-outside-box-left-0 { + margin-left: 0; + } + .lg-outside-box-left-2 { + margin-left: -2vw; + } + .lg-outside-box-left-5 { + margin-left: -5vw; + } + .lg-outside-box-left-10 { + margin-left: -10vw; + } + .lg-outside-box-left-20 { + margin-left: -20vw; + } + .lg-outside-box-left-30 { + margin-left: -30vw; + } + .lg-outside-box-left-40 { + margin-left: -40vw; + } + .lg-outside-box-left-50 { + margin-left: -50vw; + } + /* Outside box right */ + .lg-outside-box-right-0 { + margin-right: 0; + } + .lg-outside-box-right-2 { + margin-right: -2vw; + } + .lg-outside-box-right-5 { + margin-right: -5vw; + } + .lg-outside-box-right-7 { + margin-right: -7vw; + } + .lg-outside-box-right-10 { + margin-right: -10vw; + } + .lg-outside-box-right-20 { + margin-right: -20vw; + } + .lg-outside-box-right-30 { + margin-right: -30vw; + } + .lg-outside-box-right-40 { + margin-right: -40vw; + } + .lg-outside-box-right-50 { + margin-right: -50vw; + } + .lg-outside-box-right-60 { + margin-right: -60vw; + } + .lg-outside-box-right-65 { + margin-right: -65vw; + } + /* Transform none */ + .lg-transform-none { + transform: none !important; + } + /* Parallax liquid */ + [data-parallax-liquid] .liquid-parallax { + top: 0; + } + /* Swiper number pagination style 02 */ + .swiper-number-pagination-style-02 .swiper-number { + right: 0; + left: 0; + width: 100%; + text-align: center; + top: inherit; + transform: translate3d(0, 0, 0); + bottom: 50px; + } + .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet { + margin: 0 10px !important; + display: inline-block; + } + /* Swiper slider navigation */ + .slider-navigation-style-03 { + left: -15px; + } + .slider-navigation-style-03.swiper-button-next { + right: -15px; + } + /* Stack box */ + .stack-box { + height: auto; + } + .stack-box .stack-box-contain { + height: auto; + position: relative; + } + .stack-box .stack-item { + height: auto; + position: relative; + display: block; + } + .stack-box .stack-item .stack-item-wrapper { + position: relative; + display: flex; + align-items: center; + height: auto; + } + .transform-3d { + transform: translate3d(0px, 0px, 100px); + } + /* Slider parallax */ + .lg-no-parallax [data-swiper-parallax] { + transform: none !important; + } + /* for buy and demo button */ + .theme-demos { + display: none !important; + } +} +@media (max-width: 991px) { + /* Screen height */ + .md-extra-small-screen { + height: 300px !important; + } + .md-small-screen { + height: 400px !important; + } + .md-one-half-screen { + height: 600px !important; + } + .md-one-third-screen { + height: 700px !important; + } + .md-one-fourth-screen { + height: 800px !important; + } + .md-one-fifth-screen { + height: 900px !important; + } + .one-third-screen { + height: 550px !important; + } + .one-fourth-screen { + height: 650px !important; + } + /* Width */ + .md-w-5px { + width: 5px !important; + } + .md-w-10px { + width: 10px !important; + } + .md-w-15px { + width: 15px !important; + } + .md-w-20px { + width: 20px !important; + } + .md-w-25px { + width: 25px !important; + } + .md-w-30px { + width: 30px !important; + } + .md-w-35px { + width: 35px !important; + } + .md-w-40px { + width: 40px !important; + } + .md-w-45px { + width: 45px !important; + } + .md-w-50px { + width: 50px !important; + } + .md-w-55px { + width: 55px !important; + } + .md-w-60px { + width: 60px !important; + } + .md-w-65px { + width: 65px !important; + } + .md-w-70px { + width: 70px !important; + } + .md-w-75px { + width: 75px !important; + } + .md-w-80px { + width: 80px !important; + } + .md-w-85px { + width: 85px !important; + } + .md-w-90px { + width: 90px !important; + } + .md-w-95px { + width: 95px !important; + } + .md-w-100px { + width: 100px !important; + } + .md-w-110px { + width: 110px !important; + } + .md-w-120px { + width: 120px !important; + } + .md-w-130px { + width: 130px !important; + } + .md-w-140px { + width: 140px !important; + } + .md-w-150px { + width: 150px !important; + } + .md-w-160px { + width: 160px !important; + } + .md-w-170px { + width: 170px !important; + } + .md-w-180px { + width: 180px !important; + } + .md-w-190px { + width: 190px !important; + } + .md-w-200px { + width: 200px !important; + } + .md-w-210px { + width: 210px !important; + } + .md-w-220px { + width: 220px !important; + } + .md-w-230px { + width: 230px !important; + } + .md-w-240px { + width: 240px !important; + } + .md-w-250px { + width: 250px !important; + } + .md-w-260px { + width: 260px !important; + } + .md-w-270px { + width: 270px !important; + } + .md-w-280px { + width: 280px !important; + } + .md-w-290px { + width: 290px !important; + } + .md-w-300px { + width: 300px !important; + } + .md-w-350px { + width: 350px !important; + } + .md-w-400px { + width: 400px !important; + } + .md-w-450px { + width: 450px !important; + } + .md-w-500px { + width: 500px !important; + } + .md-w-550px { + width: 550px !important; + } + .md-w-600px { + width: 600px !important; + } + .md-w-650px { + width: 650px !important; + } + .md-w-700px { + width: 700px !important; + } + .md-w-750px { + width: 750px !important; + } + .md-w-800px { + width: 800px !important; + } + .md-w-850px { + width: 850px !important; + } + .md-w-900px { + width: 900px !important; + } + .md-w-950px { + width: 950px !important; + } + .md-w-1000px { + width: 1000px !important; + } + .md-w-10 { + width: 10% !important; + } + .md-w-15 { + width: 15% !important; + } + .md-w-20 { + width: 20% !important; + } + .md-w-25 { + width: 25% !important; + } + .md-w-30 { + width: 30% !important; + } + .md-w-35 { + width: 35% !important; + } + .md-w-40 { + width: 40% !important; + } + .md-w-45 { + width: 45% !important; + } + .md-w-50 { + width: 50% !important; + } + .md-w-55 { + width: 55% !important; + } + .md-w-60 { + width: 60% !important; + } + .md-w-65 { + width: 65% !important; + } + .md-w-70 { + width: 70% !important; + } + .md-w-75 { + width: 75% !important; + } + .md-w-80 { + width: 80% !important; + } + .md-w-85 { + width: 85% !important; + } + .md-w-90 { + width: 90% !important; + } + .md-w-95 { + width: 95% !important; + } + .md-w-100 { + width: 100% !important; + } + .md-w-auto { + width: auto !important; + } + /* Height */ + .md-h-1px { + height: 1px !important; + } + .md-h-5px { + height: 5px !important; + } + .md-h-10px { + height: 10px !important; + } + .md-h-15px { + height: 15px !important; + } + .md-h-20px { + height: 20px !important; + } + .md-h-25px { + height: 25px !important; + } + .md-h-30px { + height: 30px !important; + } + .md-h-35px { + height: 35px !important; + } + .md-h-40px { + height: 40px !important; + } + .md-h-42px { + height: 42px !important; + } + .md-h-45px { + height: 45px !important; + } + .md-h-50px { + height: 50px !important; + } + .md-h-55px { + height: 55px !important; + } + .md-h-60px { + height: 60px !important; + } + .md-h-65px { + height: 65px !important; + } + .md-h-70px { + height: 70px !important; + } + .md-h-75px { + height: 75px !important; + } + .md-h-80px { + height: 80px !important; + } + .md-h-85px { + height: 85px !important; + } + .md-h-90px { + height: 90px !important; + } + .md-h-95px { + height: 95px !important; + } + .md-h-100px { + height: 100px !important; + } + .md-h-110px { + height: 110px !important; + } + .md-h-120px { + height: 120px !important; + } + .md-h-130px { + height: 130px !important; + } + .md-h-140px { + height: 140px !important; + } + .md-h-150px { + height: 150px !important; + } + .md-h-160px { + height: 160px !important; + } + .md-h-170px { + height: 170px !important; + } + .md-h-180px { + height: 180px !important; + } + .md-h-190px { + height: 190px !important; + } + .md-h-200px { + height: 200px !important; + } + .md-h-250px { + height: 250px !important; + } + .md-h-300px { + height: 300px !important; + } + .md-h-350px { + height: 350px !important; + } + .md-h-400px { + height: 400px !important; + } + .md-h-450px { + height: 450px !important; + } + .md-h-500px { + height: 500px !important; + } + .md-h-550px { + height: 550px !important; + } + .md-h-600px { + height: 600px !important; + } + .md-h-650px { + height: 650px !important; + } + .md-h-700px { + height: 700px !important; + } + .md-h-750px { + height: 750px !important; + } + .md-h-800px { + height: 800px !important; + } + .md-h-850px { + height: 850px !important; + } + .md-h-auto { + height: auto !important; + } + .md-h-100 { + height: 100% !important; + } + /* Letter spacing */ + .md-ls-05px { + letter-spacing: 0.5px !important; + } + .md-ls-0px { + letter-spacing: 0px !important; + } + .md-ls-minus-05px { + letter-spacing: -0.5px !important; + } + .md-ls-minus-1px { + letter-spacing: -1px !important; + } + .md-ls-minus-2px { + letter-spacing: -2px !important; + } + .md-ls-minus-3px { + letter-spacing: -3px !important; + } + .md-ls-minus-4px { + letter-spacing: -4px !important; + } + .md-ls-minus-5px { + letter-spacing: -5px !important; + } + /* Border */ + .md-border { + border: 1px solid; + } + .md-border-top { + border-top: 1px solid; + } + .md-border-bottom { + border-bottom: 1px solid; + } + .md-border-start { + border-left: 1px solid; + } + .md-border-end { + border-right: 1px solid; + } + /* Border none */ + .md-border-top-0 { + border-top: 0 !important; + } + .md-border-bottom-0 { + border-bottom: 0 !important; + } + .md-border-end-0 { + border-right: 0 !important; + } + .md-border-start-0 { + border-left: 0 !important; + } + /* Outside box top */ + .outside-box-top-15 { + margin-top: -8vw; + } + /* Outside box left */ + .md-outside-box-left-2 { + margin-left: -2vw; + } + .md-outside-box-left-5 { + margin-left: -5vw; + } + .md-outside-box-left-7 { + margin-left: -7vw; + } + .md-outside-box-left-8 { + margin-left: -8vw; + } + .md-outside-box-left-10 { + margin-left: -10vw; + } + .md-outside-box-left-15 { + margin-left: -15vw; + } + .md-outside-box-left-20 { + margin-left: -20vw; + } + .md-outside-box-left-25 { + margin-left: -25vw; + } + .md-outside-box-left-30 { + margin-left: -30vw; + } + .md-outside-box-left-35 { + margin-left: -35vw; + } + .md-outside-box-left-40 { + margin-left: -40vw; + } + .md-outside-box-left-50 { + margin-left: -50vw; + } + .md-outside-box-left-60 { + margin-left: -60vw; + } + .md-outside-box-left-65 { + margin-left: -65vw; + } + /* Outside box right */ + .md-outside-box-right-2 { + margin-right: -2vw; + } + .md-outside-box-right-5 { + margin-right: -5vw; + } + .md-outside-box-right-7 { + margin-right: -7vw; + } + .md-outside-box-right-10 { + margin-right: -10vw; + } + .md-outside-box-right-15 { + margin-right: -15vw; + } + .md-outside-box-right-20 { + margin-right: -20vw; + } + .md-outside-box-right-25 { + margin-right: -25vw; + } + .md-outside-box-right-30 { + margin-right: -30vw; + } + .md-outside-box-right-35 { + margin-right: -35vw; + } + .md-outside-box-right-40 { + margin-right: -40vw; + } + .md-outside-box-right-50 { + margin-right: -50vw; + } + .md-outside-box-right-60 { + margin-right: -60vw; + } + .md-outside-box-right-65 { + margin-right: -65vw; + } + /* Border radius */ + .md-border-radius-6px { + border-radius: 6px !important; + } + /* Background image */ + .md-background-image-none { + background-image: none !important; + } + .md-background-position-left-center { + background-position: left center !important; + } + /* Outside box right */ + .md-outside-box-right-0 { + margin-right: 0; + } + /* Outside box left */ + .md-outside-box-left-0 { + margin-left: 0; + } + /* Transform none */ + .md-transform-none { + transform: none !important; + } + /* Position */ + .md-position-relative { + position: relative !important; + } + .md-position-absolute { + position: absolute !important; + } + .md-position-inherit { + position: inherit !important; + } + .md-position-initial { + position: initial !important; + } + /* Slider shadow */ + .md-slider-shadow-none { + mask-image: none !important; + -webkit-mask-image: none !important; + } + /* Slider navigation */ + .slider-navigation-style-01 { + left: 30px; + } + .slider-navigation-style-01.swiper-button-next { + right: 30px; + } + .slider-navigation-style-05 { + left: -15%; + } + .slider-navigation-style-05.swiper-button-next { + right: -15%; + } + /* Swiper number pagination style 01 */ + .swiper-number-pagination-style-01 .swiper-number { + bottom: 30px; + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper { + right: 0; + top: inherit; + transform: none; + z-index: 99; + bottom: 20px; + left: 0; + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress { + height: 2px; + width: var(--swiper-progress, 0); + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical { + transform: none; + writing-mode: inherit; + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical .swiper-pagination-progress { + width: 200px; + height: 2px; + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev { + margin: 0 15px 0 0; + } + .swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next { + margin: 0 0 0 15px; + } + /* Swiper slider pagination */ + .swiper-horizontal > .swiper-pagination-bullets { + bottom: 28px; + } + /* Absolute middle center */ + .md-absolute-middle-center { + left: 50%; + right: auto; + top: 50%; + position: absolute; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + } + /* Swiper navigation style 07 */ + .slider-navigation-style-06 { + left: 30px; + } + .slider-navigation-style-06.swiper-button-next { + right: 30px; + } + /* Swiper number pagination style 02 */ + .swiper-number-pagination-style-02 .swiper-number { + right: 30px; + } + /* Swiper navigation style 07 */ + .slider-navigation-style-07 { + -webkit-transform: translateX(-190px); + transform: translateX(-190px); + } + .slider-navigation-style-07.swiper-button-next { + -webkit-transform: translate(-190px, -100%); + transform: translate(-190px, -100%); + } + /* Slider parallax */ + .md-no-parallax [data-swiper-parallax] { + transform: none !important; + } + /* Text white space */ + .md-text-white-space-nowrap { + white-space: nowrap; + } + .md-text-white-space-normal { + white-space: normal; + } + /* Icon size */ + .md-icon-extra-double-large { + font-size: 80px; + } + .md-icon-double-large { + font-size: 60px; + } + .md-icon-extra-large { + font-size: 50px; + } + .md-icon-large { + font-size: 42px; + } + .md-icon-medium { + font-size: 34px; + } + .md-icon-very-medium { + font-size: 28px; + } + .md-icon-extra-medium { + font-size: 24px; + } + /* Text vertical */ + .md-vertical-align-top { + vertical-align: top; + } + /* Swiper slider custom text */ + .swiper-button-prev.slider-custom-text-prev { + padding-right: 30px; + } + .swiper-button-next.slider-custom-text-next { + padding-left: 30px; + } + /* Scrolling text */ + .looping-wrapper .el { + height: 18vh; + margin-top: -20vh; + } +} +@media (max-width: 767px) { + /* Screen height */ + .sm-extra-small-screen { + height: 300px !important; + } + .sm-small-screen { + height: 400px !important; + } + .sm-one-half-screen { + height: 600px !important; + } + .sm-one-third-screen { + height: 700px !important; + } + .sm-one-fourth-screen { + height: 800px !important; + } + .sm-one-fifth-screen { + height: 900px !important; + } + .small-screen { + height: 300px !important; + } + .extra-small-screen { + height: 250px !important; + } + .one-third-screen { + height: 450px !important; + } + .one-fourth-screen { + height: 500px !important; + } + .one-fifth-screen { + height: 650px !important; + } + /* Width */ + .sm-w-5px { + width: 5px !important; + } + .sm-w-10px { + width: 10px !important; + } + .sm-w-15px { + width: 15px !important; + } + .sm-w-20px { + width: 20px !important; + } + .sm-w-25px { + width: 25px !important; + } + .sm-w-30px { + width: 30px !important; + } + .sm-w-35px { + width: 35px !important; + } + .sm-w-40px { + width: 40px !important; + } + .sm-w-45px { + width: 45px !important; + } + .sm-w-50px { + width: 50px !important; + } + .sm-w-55px { + width: 55px !important; + } + .sm-w-60px { + width: 60px !important; + } + .sm-w-65px { + width: 65px !important; + } + .sm-w-70px { + width: 70px !important; + } + .sm-w-75px { + width: 75px !important; + } + .sm-w-80px { + width: 80px !important; + } + .sm-w-85px { + width: 85px !important; + } + .sm-w-90px { + width: 90px !important; + } + .sm-w-95px { + width: 95px !important; + } + .sm-w-100px { + width: 100px !important; + } + .sm-w-110px { + width: 110px !important; + } + .sm-w-120px { + width: 120px !important; + } + .sm-w-130px { + width: 130px !important; + } + .sm-w-140px { + width: 140px !important; + } + .sm-w-150px { + width: 150px !important; + } + .sm-w-160px { + width: 160px !important; + } + .sm-w-170px { + width: 170px !important; + } + .sm-w-180px { + width: 180px !important; + } + .sm-w-190px { + width: 190px !important; + } + .sm-w-200px { + width: 200px !important; + } + .sm-w-210px { + width: 210px !important; + } + .sm-w-220px { + width: 220px !important; + } + .sm-w-230px { + width: 230px !important; + } + .sm-w-240px { + width: 240px !important; + } + .sm-w-250px { + width: 250px !important; + } + .sm-w-260px { + width: 260px !important; + } + .sm-w-270px { + width: 270px !important; + } + .sm-w-280px { + width: 280px !important; + } + .sm-w-290px { + width: 290px !important; + } + .sm-w-300px { + width: 300px !important; + } + .sm-w-350px { + width: 350px !important; + } + .sm-w-400px { + width: 400px !important; + } + .sm-w-450px { + width: 450px !important; + } + .sm-w-500px { + width: 500px !important; + } + .sm-w-550px { + width: 550px !important; + } + .sm-w-600px { + width: 600px !important; + } + .sm-w-650px { + width: 650px !important; + } + .sm-w-700px { + width: 700px !important; + } + .sm-w-750px { + width: 750px !important; + } + .sm-w-800px { + width: 800px !important; + } + .sm-w-850px { + width: 850px !important; + } + .sm-w-900px { + width: 900px !important; + } + .sm-w-950px { + width: 950px !important; + } + .sm-w-1000px { + width: 1000px !important; + } + .sm-w-10 { + width: 10% !important; + } + .sm-w-15 { + width: 15% !important; + } + .sm-w-20 { + width: 20% !important; + } + .sm-w-25 { + width: 25% !important; + } + .sm-w-30 { + width: 30% !important; + } + .sm-w-35 { + width: 35% !important; + } + .sm-w-40 { + width: 40% !important; + } + .sm-w-45 { + width: 45% !important; + } + .sm-w-50 { + width: 50% !important; + } + .sm-w-55 { + width: 55% !important; + } + .sm-w-60 { + width: 60% !important; + } + .sm-w-65 { + width: 65% !important; + } + .sm-w-70 { + width: 70% !important; + } + .sm-w-75 { + width: 75% !important; + } + .sm-w-80 { + width: 80% !important; + } + .sm-w-85 { + width: 85% !important; + } + .sm-w-90 { + width: 90% !important; + } + .sm-w-95 { + width: 95% !important; + } + .sm-w-100 { + width: 100% !important; + } + .sm-w-auto { + width: auto !important; + } + /* Height */ + .sm-h-5px { + height: 5px !important; + } + .sm-h-6px { + height: 6px !important; + } + .sm-h-7px { + height: 7px !important; + } + .sm-h-8px { + height: 8px !important; + } + .sm-h-9px { + height: 9px !important; + } + .sm-h-10px { + height: 10px !important; + } + .sm-h-15px { + height: 15px !important; + } + .sm-h-20px { + height: 20px !important; + } + .sm-h-25px { + height: 25px !important; + } + .sm-h-30px { + height: 30px !important; + } + .sm-h-35px { + height: 35px !important; + } + .sm-h-40px { + height: 40px !important; + } + .sm-h-42px { + height: 42px !important; + } + .sm-h-45px { + height: 45px !important; + } + .sm-h-50px { + height: 50px !important; + } + .sm-h-55px { + height: 55px !important; + } + .sm-h-60px { + height: 60px !important; + } + .sm-h-65px { + height: 65px !important; + } + .sm-h-70px { + height: 70px !important; + } + .sm-h-75px { + height: 75px !important; + } + .sm-h-80px { + height: 80px !important; + } + .sm-h-85px { + height: 85px !important; + } + .sm-h-90px { + height: 90px !important; + } + .sm-h-95px { + height: 95px !important; + } + .sm-h-100px { + height: 100px !important; + } + .sm-h-110px { + height: 110px !important; + } + .sm-h-120px { + height: 120px !important; + } + .sm-h-130px { + height: 130px !important; + } + .sm-h-140px { + height: 140px !important; + } + .sm-h-150px { + height: 150px !important; + } + .sm-h-160px { + height: 160px !important; + } + .sm-h-170px { + height: 170px !important; + } + .sm-h-180px { + height: 180px !important; + } + .sm-h-190px { + height: 190px !important; + } + .sm-h-200px { + height: 200px !important; + } + .sm-h-250px { + height: 250px !important; + } + .sm-h-300px { + height: 300px !important; + } + .sm-h-350px { + height: 350px !important; + } + .sm-h-400px { + height: 400px !important; + } + .sm-h-450px { + height: 450px !important; + } + .sm-h-500px { + height: 500px !important; + } + .sm-h-550px { + height: 550px !important; + } + .sm-h-600px { + height: 600px !important; + } + .sm-h-650px { + height: 650px !important; + } + .sm-h-700px { + height: 700px !important; + } + .sm-h-750px { + height: 750px !important; + } + .sm-h-800px { + height: 800px !important; + } + .sm-h-850px { + height: 850px !important; + } + .sm-h-auto { + height: auto !important; + } + .sm-h-100 { + height: 100% !important; + } + /* Boder */ + .sm-border { + border: 1px solid; + } + .sm-border-top { + border-top: 1px solid; + } + .sm-border-bottom { + border-bottom: 1px solid; + } + .sm-border-start { + border-left: 1px solid; + } + .sm-border-end { + border-right: 1px solid; + } + /* Border none */ + .sm-border-top-0 { + border-top: 0 !important; + } + .sm-border-bottom-0 { + border-bottom: 0 !important; + } + .sm-border-end-0 { + border-right: 0 !important; + } + .sm-border-start-0 { + border-left: 0 !important; + } + /* Letter spacing */ + .sm-ls-05px { + letter-spacing: 0.5px !important; + } + .sm-ls-0px { + letter-spacing: 0px !important; + } + .sm-ls-1px { + letter-spacing: 1px !important; + } + .sm-ls-2px { + letter-spacing: 2px !important; + } + .sm-ls-3px { + letter-spacing: 3px !important; + } + .sm-ls-4px { + letter-spacing: 4px !important; + } + .sm-ls-5px { + letter-spacing: 5px !important; + } + .sm-ls-minus-05px { + letter-spacing: -0.5px !important; + } + .sm-ls-minus-1px { + letter-spacing: -1px !important; + } + .sm-ls-minus-2px { + letter-spacing: -2px !important; + } + .sm-ls-minus-3px { + letter-spacing: -3px !important; + } + .sm-ls-minus-4px { + letter-spacing: -4px !important; + } + .sm-ls-minus-5px { + letter-spacing: -5px !important; + } + /* Border radius */ + .sm-border-radius-0px { + border-radius: 0 !important; + } + .sm-border-radius-6px { + border-radius: 6px !important; + } + /* Position */ + .sm-position-relative { + position: relative !important; + } + .sm-position-absolute { + position: absolute !important; + } + .sm-position-inherit { + position: inherit !important; + } + .sm-position-initial { + position: initial !important; + } + /* Slider shadow */ + .sm-slider-shadow-none { + mask-image: none !important; + -webkit-mask-image: none !important; + } + /* Swiper slider navigation */ + .slider-navigation-style-01 { + left: 15px; + } + .slider-navigation-style-01.swiper-button-next { + right: 15px; + } + .slider-navigation-style-03 { + left: 25px; + } + .slider-navigation-style-03.swiper-button-next { + right: 25px; + } + /* Swiper navigation style 05 */ + .slider-navigation-style-05 { + left: 25px; + } + .slider-navigation-style-05.swiper-button-next { + right: 25px; + } + /* Swiper navigation style 06 */ + .slider-navigation-style-06 { + left: 15px; + } + .slider-navigation-style-06.swiper-button-next { + right: 15px; + } + /* Swiper navigation style 07 */ + .slider-navigation-style-07 { + left: 0; + bottom: initial; + top: 50%; + width: 50px; + height: 50px; + -webkit-transform: translateX(0); + transform: translateX(0); + -webkit-transform: translateY(-13px); + transform: translateY(-13px); + } + .slider-navigation-style-07.swiper-button-next { + bottom: initial; + right: 0; + left: initial; + -webkit-transform: translate(0px, -100%); + transform: translate(0px, -100%); + } + /* Background image */ + .sm-background-image-none { + background-image: none !important; + } + .sm-background-position-left-center { + background-position: left center !important; + } + /* Outside box left */ + .sm-outside-box-left-2 { + margin-left: -2vw; + } + .sm-outside-box-left-5 { + margin-left: -5vw; + } + .sm-outside-box-left-7 { + margin-left: -7vw; + } + .sm-outside-box-left-8 { + margin-left: -8vw; + } + .sm-outside-box-left-10 { + margin-left: -10vw; + } + .sm-outside-box-left-15 { + margin-left: -15vw; + } + .sm-outside-box-left-20 { + margin-left: -20vw; + } + .sm-outside-box-left-25 { + margin-left: -25vw; + } + .sm-outside-box-left-30 { + margin-left: -30vw; + } + .sm-outside-box-left-35 { + margin-left: -35vw; + } + .sm-outside-box-left-40 { + margin-left: -40vw; + } + .sm-outside-box-left-50 { + margin-left: -50vw; + } + .sm-outside-box-left-60 { + margin-left: -60vw; + } + .sm-outside-box-left-65 { + margin-left: -65vw; + } + /* Outside box right */ + .sm-outside-box-right-2 { + margin-right: -2vw; + } + .sm-outside-box-right-5 { + margin-right: -5vw; + } + .sm-outside-box-right-7 { + margin-right: -7vw; + } + .sm-outside-box-right-10 { + margin-right: -10vw; + } + .sm-outside-box-right-15 { + margin-right: -15vw; + } + .sm-outside-box-right-20 { + margin-right: -20vw; + } + .sm-outside-box-right-25 { + margin-right: -25vw; + } + .sm-outside-box-right-30 { + margin-right: -30vw; + } + .sm-outside-box-right-35 { + margin-right: -35vw; + } + .sm-outside-box-right-40 { + margin-right: -40vw; + } + .sm-outside-box-right-50 { + margin-right: -50vw; + } + .sm-outside-box-right-60 { + margin-right: -60vw; + } + .sm-outside-box-right-65 { + margin-right: -65vw; + } + /* Outside box right */ + .sm-outside-box-right-0 { + margin-right: 0; + } + /* Outside box left */ + .sm-outside-box-left-0 { + margin-left: 0; + } + /* Outside box top */ + .sm-outside-box-top-0 { + margin-top: 0; + } + /* Transform none */ + .sm-transform-none { + transform: none !important; + } + /* Video icon */ + .video-icon-extra-large .video-icon { + width: 100px; + height: 100px; + font-size: 28px; + } + .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { + width: 150px; + height: 150px; + } + .video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { + width: 120px; + height: 120px; + } + /* Swiper number pagination style 02 */ + .swiper-number-pagination-style-02 .swiper-number { + right: 15px; + } + /* Slider parallax */ + .sm-no-parallax [data-swiper-parallax] { + transform: none !important; + } + /* Swiper navigation style 07 */ + .slider-navigation-style-07 { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + } + /* Text white space */ + .sm-text-white-space-nowrap { + white-space: nowrap; + } + .sm-text-white-space-normal { + white-space: normal; + } + /* Icon size */ + .sm-icon-extra-double-large { + font-size: 80px; + } + .sm-icon-double-large { + font-size: 60px; + } + .sm-icon-extra-large { + font-size: 50px; + } + .sm-icon-large { + font-size: 42px; + } + .sm-icon-medium { + font-size: 34px; + } + .sm-icon-very-medium { + font-size: 28px; + } + .sm-icon-extra-medium { + font-size: 24px; + } + /* Text vertical */ + .sm-vertical-align-top { + vertical-align: top; + } + /* Vertical title center */ + .sm-vertical-title-inherit .title { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + writing-mode: inherit; + } + /* Father shadow */ + .sm-feather-shadow-none { + mask-image: none; + -webkit-mask-image: none; + } + /* Scrolling text */ + .looping-wrapper .el { + height: 145px; + margin-top: -145px; + } + /* Cookie message */ + .cookie-message { + right: 15px; + max-width: 330px; + } +} +@media (max-width: 575px) { + /* Screen height */ + .xs-extra-small-screen { + height: 300px !important; + } + .xs-small-screen { + height: 400px !important; + } + .xs-one-half-screen { + height: 600px !important; + } + .xs-one-third-screen { + height: 700px !important; + } + .xs-one-fourth-screen { + height: 800px !important; + } + .xs-one-fifth-screen { + height: 900px !important; + } + /* Width */ + .xs-w-5px { + width: 5px !important; + } + .xs-w-10px { + width: 10px !important; + } + .xs-w-15px { + width: 15px !important; + } + .xs-w-20px { + width: 20px !important; + } + .xs-w-25px { + width: 25px !important; + } + .xs-w-30px { + width: 30px !important; + } + .xs-w-35px { + width: 35px !important; + } + .xs-w-40px { + width: 40px !important; + } + .xs-w-45px { + width: 45px !important; + } + .xs-w-50px { + width: 50px !important; + } + .xs-w-55px { + width: 55px !important; + } + .xs-w-60px { + width: 60px !important; + } + .xs-w-65px { + width: 65px !important; + } + .xs-w-70px { + width: 70px !important; + } + .xs-w-75px { + width: 75px !important; + } + .xs-w-80px { + width: 80px !important; + } + .xs-w-85px { + width: 85px !important; + } + .xs-w-90px { + width: 90px !important; + } + .xs-w-95px { + width: 95px !important; + } + .xs-w-100px { + width: 100px !important; + } + .xs-w-110px { + width: 110px !important; + } + .xs-w-120px { + width: 120px !important; + } + .xs-w-130px { + width: 130px !important; + } + .xs-w-140px { + width: 140px !important; + } + .xs-w-150px { + width: 150px !important; + } + .xs-w-160px { + width: 160px !important; + } + .xs-w-170px { + width: 170px !important; + } + .xs-w-180px { + width: 180px !important; + } + .xs-w-190px { + width: 190px !important; + } + .xs-w-200px { + width: 200px !important; + } + .xs-w-210px { + width: 210px !important; + } + .xs-w-220px { + width: 220px !important; + } + .xs-w-230px { + width: 230px !important; + } + .xs-w-240px { + width: 240px !important; + } + .xs-w-250px { + width: 250px !important; + } + .xs-w-260px { + width: 260px !important; + } + .xs-w-270px { + width: 270px !important; + } + .xs-w-280px { + width: 280px !important; + } + .xs-w-290px { + width: 290px !important; + } + .xs-w-300px { + width: 300px !important; + } + .xs-w-350px { + width: 350px !important; + } + .xs-w-400px { + width: 400px !important; + } + .xs-w-450px { + width: 450px !important; + } + .xs-w-500px { + width: 500px !important; + } + .xs-w-550px { + width: 550px !important; + } + .xs-w-600px { + width: 600px !important; + } + .xs-w-650px { + width: 650px !important; + } + .xs-w-700px { + width: 700px !important; + } + .xs-w-750px { + width: 750px !important; + } + .xs-w-800px { + width: 800px !important; + } + .xs-w-850px { + width: 850px !important; + } + .xs-w-900px { + width: 900px !important; + } + .xs-w-950px { + width: 950px !important; + } + .xs-w-1000px { + width: 1000px !important; + } + .xs-w-10 { + width: 10% !important; + } + .xs-w-15 { + width: 15% !important; + } + .xs-w-20 { + width: 20% !important; + } + .xs-w-25 { + width: 25% !important; + } + .xs-w-30 { + width: 30% !important; + } + .xs-w-35 { + width: 35% !important; + } + .xs-w-40 { + width: 40% !important; + } + .xs-w-45 { + width: 45% !important; + } + .xs-w-50 { + width: 50% !important; + } + .xs-w-55 { + width: 55% !important; + } + .xs-w-60 { + width: 60% !important; + } + .xs-w-65 { + width: 65% !important; + } + .xs-w-70 { + width: 70% !important; + } + .xs-w-75 { + width: 75% !important; + } + .xs-w-80 { + width: 80% !important; + } + .xs-w-85 { + width: 85% !important; + } + .xs-w-90 { + width: 90% !important; + } + .xs-w-95 { + width: 95% !important; + } + .xs-w-100 { + width: 100% !important; + } + .xs-w-auto { + width: auto !important; + } + /* Height */ + .xs-h-1px { + height: 1px !important; + } + .xs-h-2px { + height: 2px !important; + } + .xs-h-3px { + height: 3px !important; + } + .xs-h-4px { + height: 4px !important; + } + .xs-h-5px { + height: 5px !important; + } + .xs-h-6px { + height: 6px !important; + } + .xs-h-7px { + height: 7px !important; + } + .xs-h-8px { + height: 8px !important; + } + .xs-h-9px { + height: 9px !important; + } + .xs-h-10px { + height: 10px !important; + } + .xs-h-15px { + height: 15px !important; + } + .xs-h-20px { + height: 20px !important; + } + .xs-h-25px { + height: 25px !important; + } + .xs-h-30px { + height: 30px !important; + } + .xs-h-35px { + height: 35px !important; + } + .xs-h-40px { + height: 40px !important; + } + .xs-h-42px { + height: 42px !important; + } + .xs-h-45px { + height: 45px !important; + } + .xs-h-50px { + height: 50px !important; + } + .xs-h-55px { + height: 55px !important; + } + .xs-h-60px { + height: 60px !important; + } + .xs-h-65px { + height: 65px !important; + } + .xs-h-70px { + height: 70px !important; + } + .xs-h-75px { + height: 75px !important; + } + .xs-h-80px { + height: 80px !important; + } + .xs-h-85px { + height: 85px !important; + } + .xs-h-90px { + height: 90px !important; + } + .xs-h-95px { + height: 95px !important; + } + .xs-h-100px { + height: 100px !important; + } + .xs-h-110px { + height: 110px !important; + } + .xs-h-120px { + height: 120px !important; + } + .xs-h-130px { + height: 130px !important; + } + .xs-h-140px { + height: 140px !important; + } + .xs-h-150px { + height: 150px !important; + } + .xs-h-160px { + height: 160px !important; + } + .xs-h-170px { + height: 170px !important; + } + .xs-h-180px { + height: 180px !important; + } + .xs-h-190px { + height: 190px !important; + } + .xs-h-200px { + height: 200px !important; + } + .xs-h-250px { + height: 250px !important; + } + .xs-h-300px { + height: 300px !important; + } + .xs-h-350px { + height: 350px !important; + } + .xs-h-400px { + height: 400px !important; + } + .xs-h-450px { + height: 450px !important; + } + .xs-h-480px { + height: 480px !important; + } + .xs-h-500px { + height: 500px !important; + } + .xs-h-550px { + height: 550px !important; + } + .xs-h-600px { + height: 600px !important; + } + .xs-h-650px { + height: 650px !important; + } + .xs-h-700px { + height: 700px !important; + } + .xs-h-750px { + height: 750px !important; + } + .xs-h-800px { + height: 800px !important; + } + .xs-h-850px { + height: 850px !important; + } + .xs-h-auto { + height: auto !important; + } + .xs-h-100 { + height: 100% !important; + } + /* Letter spacing */ + .xs-ls-05px { + letter-spacing: 0.5px !important; + } + .xs-ls-0px { + letter-spacing: 0px !important; + } + .xs-ls-1px { + letter-spacing: 1px !important; + } + .xs-ls-2px { + letter-spacing: 2px !important; + } + .xs-ls-3px { + letter-spacing: 3px !important; + } + .xs-ls-4px { + letter-spacing: 4px !important; + } + .xs-ls-5px { + letter-spacing: 5px !important; + } + .xs-ls-6px { + letter-spacing: 6px !important; + } + .xs-ls-7px { + letter-spacing: 7px !important; + } + .xs-ls-8px { + letter-spacing: 8px !important; + } + .xs-ls-9px { + letter-spacing: 9px !important; + } + .xs-ls-10px { + letter-spacing: 10px !important; + } + .xs-ls-minus-05px { + letter-spacing: -0.5px !important; + } + .xs-ls-minus-1px { + letter-spacing: -1px !important; + } + .xs-ls-minus-2px { + letter-spacing: -2px !important; + } + .xs-ls-minus-3px { + letter-spacing: -3px !important; + } + .xs-ls-minus-4px { + letter-spacing: -4px !important; + } + .xs-ls-minus-5px { + letter-spacing: -5px !important; + } + .xs-ls-minus-6px { + letter-spacing: -6px !important; + } + .xs-ls-minus-7px { + letter-spacing: -7px !important; + } + .xs-ls-minus-8px { + letter-spacing: -8px !important; + } + .xs-ls-minus-9px { + letter-spacing: -9px !important; + } + .xs-ls-minus-10px { + letter-spacing: -10px !important; + } + /* Border align */ + .xs-border { + border: 1px solid; + } + .xs-border-top { + border-top: 1px solid; + } + .xs-border-bottom { + border-bottom: 1px solid; + } + .xs-border-start { + border-left: 1px solid; + } + .xs-border-end { + border-right: 1px solid; + } + /* Border none */ + .xs-border-top-0 { + border-top: 0 !important; + } + .xs-border-bottom-0 { + border-bottom: 0 !important; + } + .xs-border-end-0 { + border-right: 0 !important; + } + .xs-border-start-0 { + border-left: 0 !important; + } + /* Border radius */ + .xs-border-radius-0 { + border-radius: 0 !important; + } + /* Position */ + .xs-position-relative { + position: relative !important; + } + .xs-position-absolute { + position: absolute !important; + } + .xs-position-inherit { + position: inherit !important; + } + .xs-position-initial { + position: initial !important; + } + /* Background image */ + .xs-background-image-none { + background-image: none !important; + } + .xs-background-position-left-center { + background-position: left center !important; + } + /* Outside box right */ + .xs-outside-box-right-0 { + margin-right: 0; + } + /* Outside box left */ + .xs-outside-box-left-0 { + margin-left: 0; + } + /* Outside box top */ + .xs-outside-box-top-0 { + margin-top: 0; + } + /* Transform none */ + .xs-transform-none { + transform: none !important; + } + /* Slider shadow */ + .xs-slider-shadow-none { + mask-image: none !important; + -webkit-mask-image: none !important; + } + /* Swiper slider custom image pagination */ + .slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet { + width: 70px; + height: 70px; + margin: 0 10px !important; + } + /* Swiper number pagination style 02 */ + .swiper-number-pagination-style-02 .swiper-number { + bottom: 25px; + } + .swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet { + margin: 0 5px !important; + } + /* Text white space */ + .xs-text-white-space-nowrap { + white-space: nowrap; + } + .xs-text-white-space-normal { + white-space: normal; + } + /* Icon size */ + .xs-icon-extra-double-large { + font-size: 80px; + } + .xs-icon-double-large { + font-size: 60px; + } + .xs-icon-extra-large { + font-size: 50px; + } + .xs-icon-large { + font-size: 42px; + } + .xs-icon-medium { + font-size: 34px; + } + .xs-icon-very-medium { + font-size: 28px; + } + .xs-icon-extra-medium { + font-size: 24px; + } + /* Text vertical */ + .xs-vertical-align-top { + vertical-align: top; + } + /* Border radius */ + .xs-border-radius-0px { + border-radius: 0 !important; + } + .xs-border-radius-30px { + border-radius: 30px !important; + } + .xs-no-border-radius { + border-radius: 0 !important; + } + /* Vertical title center */ + .xs-vertical-title-inherit .title { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + writing-mode: inherit; + } + /* Scrolling text */ + .looping-wrapper .el { + height: 105px; + margin-top: -105px; + } +} +/* Padding and margin */ +@media (max-width: 1600px) { + .xxl-p-5px { + padding: 5px !important; + } + .xxl-p-10px { + padding: 10px !important; + } + .xxl-p-15px { + padding: 15px !important; + } + .xxl-p-20px { + padding: 20px !important; + } + .xxl-p-25px { + padding: 25px !important; + } + .xxl-p-30px { + padding: 30px !important; + } + .xxl-p-35px { + padding: 35px !important; + } + .xxl-p-40px { + padding: 40px !important; + } + .xxl-p-45px { + padding: 45px !important; + } + .xxl-p-50px { + padding: 50px !important; + } + .xxl-p-55px { + padding: 55px !important; + } + .xxl-p-60px { + padding: 60px !important; + } + .xxl-p-65px { + padding: 65px !important; + } + .xxl-p-70px { + padding: 70px !important; + } + .xxl-p-1 { + padding: 1% !important; + } + .xxl-p-2 { + padding: 2% !important; + } + .xxl-p-3 { + padding: 3% !important; + } + .xxl-p-4 { + padding: 4% !important; + } + .xxl-p-5 { + padding: 5% !important; + } + .xxl-p-6 { + padding: 6% !important; + } + .xxl-p-7 { + padding: 7% !important; + } + .xxl-p-8 { + padding: 8% !important; + } + .xxl-p-9 { + padding: 9% !important; + } + .xxl-p-10 { + padding: 10% !important; + } + .xxl-p-11 { + padding: 11% !important; + } + .xxl-p-12 { + padding: 12% !important; + } + .xxl-p-13 { + padding: 13% !important; + } + .xxl-p-14 { + padding: 14% !important; + } + .xxl-p-15 { + padding: 15% !important; + } + .xxl-p-16 { + padding: 16% !important; + } + .xxl-p-17 { + padding: 17% !important; + } + .xxl-p-18 { + padding: 18% !important; + } + .xxl-p-19 { + padding: 19% !important; + } + .xxl-p-20 { + padding: 20% !important; + } + .xxl-p-21 { + padding: 21% !important; + } + .xxl-p-22 { + padding: 22% !important; + } + .xxl-p-23 { + padding: 23% !important; + } + .xxl-p-24 { + padding: 24% !important; + } + .xxl-p-25 { + padding: 25% !important; + } + .xxl-p-26 { + padding: 26% !important; + } + .xxl-p-27 { + padding: 27% !important; + } + .xxl-p-28 { + padding: 28% !important; + } + .xxl-p-29 { + padding: 29% !important; + } + .xxl-p-30 { + padding: 30% !important; + } + .xxl-pt-5px { + padding-top: 5px !important; + } + .xxl-pt-10px { + padding-top: 10px !important; + } + .xxl-pt-15px { + padding-top: 15px !important; + } + .xxl-pt-20px { + padding-top: 20px !important; + } + .xxl-pt-25px { + padding-top: 25px !important; + } + .xxl-pt-30px { + padding-top: 30px !important; + } + .xxl-pt-35px { + padding-top: 35px !important; + } + .xxl-pt-40px { + padding-top: 40px !important; + } + .xxl-pt-45px { + padding-top: 45px !important; + } + .xxl-pt-50px { + padding-top: 50px !important; + } + .xxl-pt-55px { + padding-top: 55px !important; + } + .xxl-pt-60px { + padding-top: 60px !important; + } + .xxl-pt-65px { + padding-top: 65px !important; + } + .xxl-pt-70px { + padding-top: 70px !important; + } + .xxl-pt-1 { + padding-top: 1% !important; + } + .xxl-pt-2 { + padding-top: 2% !important; + } + .xxl-pt-3 { + padding-top: 3% !important; + } + .xxl-pt-4 { + padding-top: 4% !important; + } + .xxl-pt-5 { + padding-top: 5% !important; + } + .xxl-pt-6 { + padding-top: 6% !important; + } + .xxl-pt-7 { + padding-top: 7% !important; + } + .xxl-pt-8 { + padding-top: 8% !important; + } + .xxl-pt-9 { + padding-top: 9% !important; + } + .xxl-pt-10 { + padding-top: 10% !important; + } + .xxl-pt-11 { + padding-top: 11% !important; + } + .xxl-pt-12 { + padding-top: 12% !important; + } + .xxl-pt-13 { + padding-top: 13% !important; + } + .xxl-pt-14 { + padding-top: 14% !important; + } + .xxl-pt-15 { + padding-top: 15% !important; + } + .xxl-pt-16 { + padding-top: 16% !important; + } + .xxl-pt-17 { + padding-top: 17% !important; + } + .xxl-pt-18 { + padding-top: 18% !important; + } + .xxl-pt-19 { + padding-top: 19% !important; + } + .xxl-pt-20 { + padding-top: 20% !important; + } + .xxl-pt-21 { + padding-top: 21% !important; + } + .xxl-pt-22 { + padding-top: 22% !important; + } + .xxl-pt-23 { + padding-top: 23% !important; + } + .xxl-pt-24 { + padding-top: 24% !important; + } + .xxl-pt-25 { + padding-top: 25% !important; + } + .xxl-pt-26 { + padding-top: 26% !important; + } + .xxl-pt-27 { + padding-top: 27% !important; + } + .xxl-pt-28 { + padding-top: 28% !important; + } + .xxl-pt-29 { + padding-top: 29% !important; + } + .xxl-pt-30 { + padding-top: 30% !important; + } + .xxl-pe-5px { + padding-right: 5px !important; + } + .xxl-pe-10px { + padding-right: 10px !important; + } + .xxl-pe-15px { + padding-right: 15px !important; + } + .xxl-pe-20px { + padding-right: 20px !important; + } + .xxl-pe-25px { + padding-right: 25px !important; + } + .xxl-pe-30px { + padding-right: 30px !important; + } + .xxl-pe-35px { + padding-right: 35px !important; + } + .xxl-pe-40px { + padding-right: 40px !important; + } + .xxl-pe-45px { + padding-right: 45px !important; + } + .xxl-pe-50px { + padding-right: 50px !important; + } + .xxl-pe-55px { + padding-right: 55px !important; + } + .xxl-pe-60px { + padding-right: 60px !important; + } + .xxl-pe-65px { + padding-right: 65px !important; + } + .xxl-pe-70px { + padding-right: 70px !important; + } + .xxl-pe-1 { + padding-right: 1% !important; + } + .xxl-pe-2 { + padding-right: 2% !important; + } + .xxl-pe-3 { + padding-right: 3% !important; + } + .xxl-pe-4 { + padding-right: 4% !important; + } + .xxl-pe-5 { + padding-right: 5% !important; + } + .xxl-pe-6 { + padding-right: 6% !important; + } + .xxl-pe-7 { + padding-right: 7% !important; + } + .xxl-pe-8 { + padding-right: 8% !important; + } + .xxl-pe-9 { + padding-right: 9% !important; + } + .xxl-pe-10 { + padding-right: 10% !important; + } + .xxl-pe-11 { + padding-right: 11% !important; + } + .xxl-pe-12 { + padding-right: 12% !important; + } + .xxl-pe-13 { + padding-right: 13% !important; + } + .xxl-pe-14 { + padding-right: 14% !important; + } + .xxl-pe-15 { + padding-right: 15% !important; + } + .xxl-pe-16 { + padding-right: 16% !important; + } + .xxl-pe-17 { + padding-right: 17% !important; + } + .xxl-pe-18 { + padding-right: 18% !important; + } + .xxl-pe-19 { + padding-right: 19% !important; + } + .xxl-pe-20 { + padding-right: 20% !important; + } + .xxl-pe-21 { + padding-right: 21% !important; + } + .xxl-pe-22 { + padding-right: 22% !important; + } + .xxl-pe-23 { + padding-right: 23% !important; + } + .xxl-pe-24 { + padding-right: 24% !important; + } + .xxl-pe-25 { + padding-right: 25% !important; + } + .xxl-pe-26 { + padding-right: 26% !important; + } + .xxl-pe-27 { + padding-right: 27% !important; + } + .xxl-pe-28 { + padding-right: 28% !important; + } + .xxl-pe-29 { + padding-right: 29% !important; + } + .xxl-pe-30 { + padding-right: 30% !important; + } + .xxl-pb-5px { + padding-bottom: 5px !important; + } + .xxl-pb-10px { + padding-bottom: 10px !important; + } + .xxl-pb-15px { + padding-bottom: 15px !important; + } + .xxl-pb-20px { + padding-bottom: 20px !important; + } + .xxl-pb-25px { + padding-bottom: 25px !important; + } + .xxl-pb-30px { + padding-bottom: 30px !important; + } + .xxl-pb-35px { + padding-bottom: 35px !important; + } + .xxl-pb-40px { + padding-bottom: 40px !important; + } + .xxl-pb-45px { + padding-bottom: 45px !important; + } + .xxl-pb-50px { + padding-bottom: 50px !important; + } + .xxl-pb-55px { + padding-bottom: 55px !important; + } + .xxl-pb-60px { + padding-bottom: 60px !important; + } + .xxl-pb-65px { + padding-bottom: 65px !important; + } + .xxl-pb-70px { + padding-bottom: 70px !important; + } + .xxl-pb-1 { + padding-bottom: 1% !important; + } + .xxl-pb-2 { + padding-bottom: 2% !important; + } + .xxl-pb-3 { + padding-bottom: 3% !important; + } + .xxl-pb-4 { + padding-bottom: 4% !important; + } + .xxl-pb-5 { + padding-bottom: 5% !important; + } + .xxl-pb-6 { + padding-bottom: 6% !important; + } + .xxl-pb-7 { + padding-bottom: 7% !important; + } + .xxl-pb-8 { + padding-bottom: 8% !important; + } + .xxl-pb-9 { + padding-bottom: 9% !important; + } + .xxl-pb-10 { + padding-bottom: 10% !important; + } + .xxl-pb-11 { + padding-bottom: 11% !important; + } + .xxl-pb-12 { + padding-bottom: 12% !important; + } + .xxl-pb-13 { + padding-bottom: 13% !important; + } + .xxl-pb-14 { + padding-bottom: 14% !important; + } + .xxl-pb-15 { + padding-bottom: 15% !important; + } + .xxl-pb-16 { + padding-bottom: 16% !important; + } + .xxl-pb-17 { + padding-bottom: 17% !important; + } + .xxl-pb-18 { + padding-bottom: 18% !important; + } + .xxl-pb-19 { + padding-bottom: 19% !important; + } + .xxl-pb-20 { + padding-bottom: 20% !important; + } + .xxl-pb-21 { + padding-bottom: 21% !important; + } + .xxl-pb-22 { + padding-bottom: 22% !important; + } + .xxl-pb-23 { + padding-bottom: 23% !important; + } + .xxl-pb-24 { + padding-bottom: 24% !important; + } + .xxl-pb-25 { + padding-bottom: 25% !important; + } + .xxl-pb-26 { + padding-bottom: 26% !important; + } + .xxl-pb-27 { + padding-bottom: 27% !important; + } + .xxl-pb-28 { + padding-bottom: 28% !important; + } + .xxl-pb-29 { + padding-bottom: 29% !important; + } + .xxl-pb-30 { + padding-bottom: 30% !important; + } + .xxl-ps-5px { + padding-left: 5px !important; + } + .xxl-ps-10px { + padding-left: 10px !important; + } + .xxl-ps-15px { + padding-left: 15px !important; + } + .xxl-ps-20px { + padding-left: 20px !important; + } + .xxl-ps-25px { + padding-left: 25px !important; + } + .xxl-ps-30px { + padding-left: 30px !important; + } + .xxl-ps-35px { + padding-left: 35px !important; + } + .xxl-ps-40px { + padding-left: 40px !important; + } + .xxl-ps-45px { + padding-left: 45px !important; + } + .xxl-ps-50px { + padding-left: 50px !important; + } + .xxl-ps-55px { + padding-left: 55px !important; + } + .xxl-ps-60px { + padding-left: 60px !important; + } + .xxl-ps-65px { + padding-left: 65px !important; + } + .xxl-ps-70px { + padding-left: 70px !important; + } + .xxl-ps-1 { + padding-left: 1% !important; + } + .xxl-ps-2 { + padding-left: 2% !important; + } + .xxl-ps-3 { + padding-left: 3% !important; + } + .xxl-ps-4 { + padding-left: 4% !important; + } + .xxl-ps-5 { + padding-left: 5% !important; + } + .xxl-ps-6 { + padding-left: 6% !important; + } + .xxl-ps-7 { + padding-left: 7% !important; + } + .xxl-ps-8 { + padding-left: 8% !important; + } + .xxl-ps-9 { + padding-left: 9% !important; + } + .xxl-ps-10 { + padding-left: 10% !important; + } + .xxl-ps-11 { + padding-left: 11% !important; + } + .xxl-ps-12 { + padding-left: 12% !important; + } + .xxl-ps-13 { + padding-left: 13% !important; + } + .xxl-ps-14 { + padding-left: 14% !important; + } + .xxl-ps-15 { + padding-left: 15% !important; + } + .xxl-ps-16 { + padding-left: 16% !important; + } + .xxl-ps-17 { + padding-left: 17% !important; + } + .xxl-ps-18 { + padding-left: 18% !important; + } + .xxl-ps-19 { + padding-left: 19% !important; + } + .xxl-ps-20 { + padding-left: 20% !important; + } + .xxl-ps-21 { + padding-left: 21% !important; + } + .xxl-ps-22 { + padding-left: 22% !important; + } + .xxl-ps-23 { + padding-left: 23% !important; + } + .xxl-ps-24 { + padding-left: 24% !important; + } + .xxl-ps-25 { + padding-left: 25% !important; + } + .xxl-ps-26 { + padding-left: 26% !important; + } + .xxl-ps-27 { + padding-left: 27% !important; + } + .xxl-ps-28 { + padding-left: 28% !important; + } + .xxl-ps-29 { + padding-left: 29% !important; + } + .xxl-ps-30 { + padding-left: 30% !important; + } + .xxl-m-5px { + margin: 5px !important; + } + .xxl-m-10px { + margin: 10px !important; + } + .xxl-m-15px { + margin: 15px !important; + } + .xxl-m-20px { + margin: 20px !important; + } + .xxl-m-25px { + margin: 25px !important; + } + .xxl-m-30px { + margin: 30px !important; + } + .xxl-m-35px { + margin: 35px !important; + } + .xxl-m-40px { + margin: 40px !important; + } + .xxl-m-45px { + margin: 45px !important; + } + .xxl-m-50px { + margin: 50px !important; + } + .xxl-m-55px { + margin: 55px !important; + } + .xxl-m-60px { + margin: 60px !important; + } + .xxl-m-65px { + margin: 65px !important; + } + .xxl-m-70px { + margin: 70px !important; + } + .xxl-m-1 { + margin: 1% !important; + } + .xxl-m-2 { + margin: 2% !important; + } + .xxl-m-3 { + margin: 3% !important; + } + .xxl-m-4 { + margin: 4% !important; + } + .xxl-m-5 { + margin: 5% !important; + } + .xxl-m-6 { + margin: 6% !important; + } + .xxl-m-7 { + margin: 7% !important; + } + .xxl-m-8 { + margin: 8% !important; + } + .xxl-m-9 { + margin: 9% !important; + } + .xxl-m-10 { + margin: 10% !important; + } + .xxl-m-11 { + margin: 11% !important; + } + .xxl-m-12 { + margin: 12% !important; + } + .xxl-m-13 { + margin: 13% !important; + } + .xxl-m-14 { + margin: 14% !important; + } + .xxl-m-15 { + margin: 15% !important; + } + .xxl-m-16 { + margin: 16% !important; + } + .xxl-m-17 { + margin: 17% !important; + } + .xxl-m-18 { + margin: 18% !important; + } + .xxl-m-19 { + margin: 19% !important; + } + .xxl-m-20 { + margin: 20% !important; + } + .xxl-m-21 { + margin: 21% !important; + } + .xxl-m-22 { + margin: 22% !important; + } + .xxl-m-23 { + margin: 23% !important; + } + .xxl-m-24 { + margin: 24% !important; + } + .xxl-m-25 { + margin: 25% !important; + } + .xxl-m-26 { + margin: 26% !important; + } + .xxl-m-27 { + margin: 27% !important; + } + .xxl-m-28 { + margin: 28% !important; + } + .xxl-m-29 { + margin: 29% !important; + } + .xxl-m-30 { + margin: 30% !important; + } + .xxl-mt-5px { + margin-top: 5px !important; + } + .xxl-mt-10px { + margin-top: 10px !important; + } + .xxl-mt-15px { + margin-top: 15px !important; + } + .xxl-mt-20px { + margin-top: 20px !important; + } + .xxl-mt-25px { + margin-top: 25px !important; + } + .xxl-mt-30px { + margin-top: 30px !important; + } + .xxl-mt-35px { + margin-top: 35px !important; + } + .xxl-mt-40px { + margin-top: 40px !important; + } + .xxl-mt-45px { + margin-top: 45px !important; + } + .xxl-mt-50px { + margin-top: 50px !important; + } + .xxl-mt-55px { + margin-top: 55px !important; + } + .xxl-mt-60px { + margin-top: 60px !important; + } + .xxl-mt-65px { + margin-top: 65px !important; + } + .xxl-mt-70px { + margin-top: 70px !important; + } + .xxl-mt-1 { + margin-top: 1% !important; + } + .xxl-mt-2 { + margin-top: 2% !important; + } + .xxl-mt-3 { + margin-top: 3% !important; + } + .xxl-mt-4 { + margin-top: 4% !important; + } + .xxl-mt-5 { + margin-top: 5% !important; + } + .xxl-mt-6 { + margin-top: 6% !important; + } + .xxl-mt-7 { + margin-top: 7% !important; + } + .xxl-mt-8 { + margin-top: 8% !important; + } + .xxl-mt-9 { + margin-top: 9% !important; + } + .xxl-mt-10 { + margin-top: 10% !important; + } + .xxl-mt-11 { + margin-top: 11% !important; + } + .xxl-mt-12 { + margin-top: 12% !important; + } + .xxl-mt-13 { + margin-top: 13% !important; + } + .xxl-mt-14 { + margin-top: 14% !important; + } + .xxl-mt-15 { + margin-top: 15% !important; + } + .xxl-mt-16 { + margin-top: 16% !important; + } + .xxl-mt-17 { + margin-top: 17% !important; + } + .xxl-mt-18 { + margin-top: 18% !important; + } + .xxl-mt-19 { + margin-top: 19% !important; + } + .xxl-mt-20 { + margin-top: 20% !important; + } + .xxl-mt-21 { + margin-top: 21% !important; + } + .xxl-mt-22 { + margin-top: 22% !important; + } + .xxl-mt-23 { + margin-top: 23% !important; + } + .xxl-mt-24 { + margin-top: 24% !important; + } + .xxl-mt-25 { + margin-top: 25% !important; + } + .xxl-mt-26 { + margin-top: 26% !important; + } + .xxl-mt-27 { + margin-top: 27% !important; + } + .xxl-mt-28 { + margin-top: 28% !important; + } + .xxl-mt-29 { + margin-top: 29% !important; + } + .xxl-mt-30 { + margin-top: 30% !important; + } + .xxl-me-5px { + margin-right: 5px !important; + } + .xxl-me-10px { + margin-right: 10px !important; + } + .xxl-me-15px { + margin-right: 15px !important; + } + .xxl-me-20px { + margin-right: 20px !important; + } + .xxl-me-25px { + margin-right: 25px !important; + } + .xxl-me-30px { + margin-right: 30px !important; + } + .xxl-me-35px { + margin-right: 35px !important; + } + .xxl-me-40px { + margin-right: 40px !important; + } + .xxl-me-45px { + margin-right: 45px !important; + } + .xxl-me-50px { + margin-right: 50px !important; + } + .xxl-me-55px { + margin-right: 55px !important; + } + .xxl-me-60px { + margin-right: 60px !important; + } + .xxl-me-65px { + margin-right: 65px !important; + } + .xxl-me-70px { + margin-right: 70px !important; + } + .xxl-me-1 { + margin-right: 1% !important; + } + .xxl-me-2 { + margin-right: 2% !important; + } + .xxl-me-3 { + margin-right: 3% !important; + } + .xxl-me-4 { + margin-right: 4% !important; + } + .xxl-me-5 { + margin-right: 5% !important; + } + .xxl-me-6 { + margin-right: 6% !important; + } + .xxl-me-7 { + margin-right: 7% !important; + } + .xxl-me-8 { + margin-right: 8% !important; + } + .xxl-me-9 { + margin-right: 9% !important; + } + .xxl-me-10 { + margin-right: 10% !important; + } + .xxl-me-11 { + margin-right: 11% !important; + } + .xxl-me-12 { + margin-right: 12% !important; + } + .xxl-me-13 { + margin-right: 13% !important; + } + .xxl-me-14 { + margin-right: 14% !important; + } + .xxl-me-15 { + margin-right: 15% !important; + } + .xxl-me-16 { + margin-right: 16% !important; + } + .xxl-me-17 { + margin-right: 17% !important; + } + .xxl-me-18 { + margin-right: 18% !important; + } + .xxl-me-19 { + margin-right: 19% !important; + } + .xxl-me-20 { + margin-right: 20% !important; + } + .xxl-me-21 { + margin-right: 21% !important; + } + .xxl-me-22 { + margin-right: 22% !important; + } + .xxl-me-23 { + margin-right: 23% !important; + } + .xxl-me-24 { + margin-right: 24% !important; + } + .xxl-me-25 { + margin-right: 25% !important; + } + .xxl-me-26 { + margin-right: 26% !important; + } + .xxl-me-27 { + margin-right: 27% !important; + } + .xxl-me-28 { + margin-right: 28% !important; + } + .xxl-me-29 { + margin-right: 29% !important; + } + .xxl-me-30 { + margin-right: 30% !important; + } + .xxl-mb-5px { + margin-bottom: 5px !important; + } + .xxl-mb-10px { + margin-bottom: 10px !important; + } + .xxl-mb-15px { + margin-bottom: 15px !important; + } + .xxl-mb-20px { + margin-bottom: 20px !important; + } + .xxl-mb-25px { + margin-bottom: 25px !important; + } + .xxl-mb-30px { + margin-bottom: 30px !important; + } + .xxl-mb-35px { + margin-bottom: 35px !important; + } + .xxl-mb-40px { + margin-bottom: 40px !important; + } + .xxl-mb-45px { + margin-bottom: 45px !important; + } + .xxl-mb-50px { + margin-bottom: 50px !important; + } + .xxl-mb-55px { + margin-bottom: 55px !important; + } + .xxl-mb-60px { + margin-bottom: 60px !important; + } + .xxl-mb-65px { + margin-bottom: 65px !important; + } + .xxl-mb-70px { + margin-bottom: 70px !important; + } + .xxl-mb-1 { + margin-bottom: 1% !important; + } + .xxl-mb-2 { + margin-bottom: 2% !important; + } + .xxl-mb-3 { + margin-bottom: 3% !important; + } + .xxl-mb-4 { + margin-bottom: 4% !important; + } + .xxl-mb-5 { + margin-bottom: 5% !important; + } + .xxl-mb-6 { + margin-bottom: 6% !important; + } + .xxl-mb-7 { + margin-bottom: 7% !important; + } + .xxl-mb-8 { + margin-bottom: 8% !important; + } + .xxl-mb-9 { + margin-bottom: 9% !important; + } + .xxl-mb-10 { + margin-bottom: 10% !important; + } + .xxl-mb-11 { + margin-bottom: 11% !important; + } + .xxl-mb-12 { + margin-bottom: 12% !important; + } + .xxl-mb-13 { + margin-bottom: 13% !important; + } + .xxl-mb-14 { + margin-bottom: 14% !important; + } + .xxl-mb-15 { + margin-bottom: 15% !important; + } + .xxl-mb-16 { + margin-bottom: 16% !important; + } + .xxl-mb-17 { + margin-bottom: 17% !important; + } + .xxl-mb-18 { + margin-bottom: 18% !important; + } + .xxl-mb-19 { + margin-bottom: 19% !important; + } + .xxl-mb-20 { + margin-bottom: 20% !important; + } + .xxl-mb-21 { + margin-bottom: 21% !important; + } + .xxl-mb-22 { + margin-bottom: 22% !important; + } + .xxl-mb-23 { + margin-bottom: 23% !important; + } + .xxl-mb-24 { + margin-bottom: 24% !important; + } + .xxl-mb-25 { + margin-bottom: 25% !important; + } + .xxl-mb-26 { + margin-bottom: 26% !important; + } + .xxl-mb-27 { + margin-bottom: 27% !important; + } + .xxl-mb-28 { + margin-bottom: 28% !important; + } + .xxl-mb-29 { + margin-bottom: 29% !important; + } + .xxl-mb-30 { + margin-bottom: 30% !important; + } + .xxl-ms-5px { + margin-left: 5px !important; + } + .xxl-ms-10px { + margin-left: 10px !important; + } + .xxl-ms-15px { + margin-left: 15px !important; + } + .xxl-ms-20px { + margin-left: 20px !important; + } + .xxl-ms-25px { + margin-left: 25px !important; + } + .xxl-ms-30px { + margin-left: 30px !important; + } + .xxl-ms-35px { + margin-left: 35px !important; + } + .xxl-ms-40px { + margin-left: 40px !important; + } + .xxl-ms-45px { + margin-left: 45px !important; + } + .xxl-ms-50px { + margin-left: 50px !important; + } + .xxl-ms-55px { + margin-left: 55px !important; + } + .xxl-ms-60px { + margin-left: 60px !important; + } + .xxl-ms-65px { + margin-left: 65px !important; + } + .xxl-ms-70px { + margin-left: 70px !important; + } + .xxl-ms-1 { + margin-left: 1% !important; + } + .xxl-ms-2 { + margin-left: 2% !important; + } + .xxl-ms-3 { + margin-left: 3% !important; + } + .xxl-ms-4 { + margin-left: 4% !important; + } + .xxl-ms-5 { + margin-left: 5% !important; + } + .xxl-ms-6 { + margin-left: 6% !important; + } + .xxl-ms-7 { + margin-left: 7% !important; + } + .xxl-ms-8 { + margin-left: 8% !important; + } + .xxl-ms-9 { + margin-left: 9% !important; + } + .xxl-ms-10 { + margin-left: 10% !important; + } + .xxl-ms-11 { + margin-left: 11% !important; + } + .xxl-ms-12 { + margin-left: 12% !important; + } + .xxl-ms-13 { + margin-left: 13% !important; + } + .xxl-ms-14 { + margin-left: 14% !important; + } + .xxl-ms-15 { + margin-left: 15% !important; + } + .xxl-ms-16 { + margin-left: 16% !important; + } + .xxl-ms-17 { + margin-left: 17% !important; + } + .xxl-ms-18 { + margin-left: 18% !important; + } + .xxl-ms-19 { + margin-left: 19% !important; + } + .xxl-ms-20 { + margin-left: 20% !important; + } + .xxl-ms-21 { + margin-left: 21% !important; + } + .xxl-ms-22 { + margin-left: 22% !important; + } + .xxl-ms-23 { + margin-left: 23% !important; + } + .xxl-ms-24 { + margin-left: 24% !important; + } + .xxl-ms-25 { + margin-left: 25% !important; + } + .xxl-ms-26 { + margin-left: 26% !important; + } + .xxl-ms-27 { + margin-left: 27% !important; + } + .xxl-ms-28 { + margin-left: 28% !important; + } + .xxl-ms-29 { + margin-left: 29% !important; + } + .xxl-ms-30 { + margin-left: 30% !important; + } + .xxl-top-0px { + top: 0px !important; + } + .xxl-top-1px { + top: 1px !important; + } + .xxl-top-2px { + top: 2px !important; + } + .xxl-top-3px { + top: 3px !important; + } + .xxl-top-4px { + top: 4px !important; + } + .xxl-top-5px { + top: 5px !important; + } + .xxl-top-6px { + top: 6px !important; + } + .xxl-top-7px { + top: 7px !important; + } + .xxl-top-8px { + top: 8px !important; + } + .xxl-top-9px { + top: 9px !important; + } + .xxl-top-10px { + top: 10px !important; + } + .xxl-top-11px { + top: 11px !important; + } + .xxl-top-12px { + top: 12px !important; + } + .xxl-top-13px { + top: 13px !important; + } + .xxl-top-14px { + top: 14px !important; + } + .xxl-top-15px { + top: 15px !important; + } + .xxl-top-16px { + top: 16px !important; + } + .xxl-top-17px { + top: 17px !important; + } + .xxl-top-18px { + top: 18px !important; + } + .xxl-top-19px { + top: 19px !important; + } + .xxl-top-20px { + top: 20px !important; + } + .xxl-top-21px { + top: 21px !important; + } + .xxl-top-22px { + top: 22px !important; + } + .xxl-top-23px { + top: 23px !important; + } + .xxl-top-24px { + top: 24px !important; + } + .xxl-top-25px { + top: 25px !important; + } + .xxl-top-26px { + top: 26px !important; + } + .xxl-top-27px { + top: 27px !important; + } + .xxl-top-28px { + top: 28px !important; + } + .xxl-top-29px { + top: 29px !important; + } + .xxl-top-30px { + top: 30px !important; + } + .xxl-top-40px { + top: 40px !important; + } + .xxl-top-50px { + top: 50px !important; + } + .xxl-top-60px { + top: 60px !important; + } + .xxl-top-70px { + top: 70px !important; + } + .xxl-top-80px { + top: 80px !important; + } + .xxl-top-90px { + top: 90px !important; + } + .xxl-top-100px { + top: 100px !important; + } + .xxl-top-110px { + top: 110px !important; + } + .xxl-top-120px { + top: 120px !important; + } + .xxl-top-130px { + top: 130px !important; + } + .xxl-top-140px { + top: 140px !important; + } + .xxl-top-150px { + top: 150px !important; + } + .xxl-right-0px { + right: 0px !important; + } + .xxl-right-1px { + right: 1px !important; + } + .xxl-right-2px { + right: 2px !important; + } + .xxl-right-3px { + right: 3px !important; + } + .xxl-right-4px { + right: 4px !important; + } + .xxl-right-5px { + right: 5px !important; + } + .xxl-right-6px { + right: 6px !important; + } + .xxl-right-7px { + right: 7px !important; + } + .xxl-right-8px { + right: 8px !important; + } + .xxl-right-9px { + right: 9px !important; + } + .xxl-right-10px { + right: 10px !important; + } + .xxl-right-11px { + right: 11px !important; + } + .xxl-right-12px { + right: 12px !important; + } + .xxl-right-13px { + right: 13px !important; + } + .xxl-right-14px { + right: 14px !important; + } + .xxl-right-15px { + right: 15px !important; + } + .xxl-right-16px { + right: 16px !important; + } + .xxl-right-17px { + right: 17px !important; + } + .xxl-right-18px { + right: 18px !important; + } + .xxl-right-19px { + right: 19px !important; + } + .xxl-right-20px { + right: 20px !important; + } + .xxl-right-21px { + right: 21px !important; + } + .xxl-right-22px { + right: 22px !important; + } + .xxl-right-23px { + right: 23px !important; + } + .xxl-right-24px { + right: 24px !important; + } + .xxl-right-25px { + right: 25px !important; + } + .xxl-right-26px { + right: 26px !important; + } + .xxl-right-27px { + right: 27px !important; + } + .xxl-right-28px { + right: 28px !important; + } + .xxl-right-29px { + right: 29px !important; + } + .xxl-right-30px { + right: 30px !important; + } + .xxl-right-40px { + right: 40px !important; + } + .xxl-right-50px { + right: 50px !important; + } + .xxl-right-60px { + right: 60px !important; + } + .xxl-right-70px { + right: 70px !important; + } + .xxl-right-80px { + right: 80px !important; + } + .xxl-right-90px { + right: 90px !important; + } + .xxl-right-100px { + right: 100px !important; + } + .xxl-right-110px { + right: 110px !important; + } + .xxl-right-120px { + right: 120px !important; + } + .xxl-right-130px { + right: 130px !important; + } + .xxl-right-140px { + right: 140px !important; + } + .xxl-right-150px { + right: 150px !important; + } + .xxl-bottom-0px { + bottom: 0px !important; + } + .xxl-bottom-1px { + bottom: 1px !important; + } + .xxl-bottom-2px { + bottom: 2px !important; + } + .xxl-bottom-3px { + bottom: 3px !important; + } + .xxl-bottom-4px { + bottom: 4px !important; + } + .xxl-bottom-5px { + bottom: 5px !important; + } + .xxl-bottom-6px { + bottom: 6px !important; + } + .xxl-bottom-7px { + bottom: 7px !important; + } + .xxl-bottom-8px { + bottom: 8px !important; + } + .xxl-bottom-9px { + bottom: 9px !important; + } + .xxl-bottom-10px { + bottom: 10px !important; + } + .xxl-bottom-11px { + bottom: 11px !important; + } + .xxl-bottom-12px { + bottom: 12px !important; + } + .xxl-bottom-13px { + bottom: 13px !important; + } + .xxl-bottom-14px { + bottom: 14px !important; + } + .xxl-bottom-15px { + bottom: 15px !important; + } + .xxl-bottom-16px { + bottom: 16px !important; + } + .xxl-bottom-17px { + bottom: 17px !important; + } + .xxl-bottom-18px { + bottom: 18px !important; + } + .xxl-bottom-19px { + bottom: 19px !important; + } + .xxl-bottom-20px { + bottom: 20px !important; + } + .xxl-bottom-21px { + bottom: 21px !important; + } + .xxl-bottom-22px { + bottom: 22px !important; + } + .xxl-bottom-23px { + bottom: 23px !important; + } + .xxl-bottom-24px { + bottom: 24px !important; + } + .xxl-bottom-25px { + bottom: 25px !important; + } + .xxl-bottom-26px { + bottom: 26px !important; + } + .xxl-bottom-27px { + bottom: 27px !important; + } + .xxl-bottom-28px { + bottom: 28px !important; + } + .xxl-bottom-29px { + bottom: 29px !important; + } + .xxl-bottom-30px { + bottom: 30px !important; + } + .xxl-bottom-40px { + bottom: 40px !important; + } + .xxl-bottom-50px { + bottom: 50px !important; + } + .xxl-bottom-60px { + bottom: 60px !important; + } + .xxl-bottom-70px { + bottom: 70px !important; + } + .xxl-bottom-80px { + bottom: 80px !important; + } + .xxl-bottom-90px { + bottom: 90px !important; + } + .xxl-bottom-100px { + bottom: 100px !important; + } + .xxl-bottom-110px { + bottom: 110px !important; + } + .xxl-bottom-120px { + bottom: 120px !important; + } + .xxl-bottom-130px { + bottom: 130px !important; + } + .xxl-bottom-140px { + bottom: 140px !important; + } + .xxl-bottom-150px { + bottom: 150px !important; + } + .xxl-left-0px { + left: 0px !important; + } + .xxl-left-1px { + left: 1px !important; + } + .xxl-left-2px { + left: 2px !important; + } + .xxl-left-3px { + left: 3px !important; + } + .xxl-left-4px { + left: 4px !important; + } + .xxl-left-5px { + left: 5px !important; + } + .xxl-left-6px { + left: 6px !important; + } + .xxl-left-7px { + left: 7px !important; + } + .xxl-left-8px { + left: 8px !important; + } + .xxl-left-9px { + left: 9px !important; + } + .xxl-left-10px { + left: 10px !important; + } + .xxl-left-11px { + left: 11px !important; + } + .xxl-left-12px { + left: 12px !important; + } + .xxl-left-13px { + left: 13px !important; + } + .xxl-left-14px { + left: 14px !important; + } + .xxl-left-15px { + left: 15px !important; + } + .xxl-left-16px { + left: 16px !important; + } + .xxl-left-17px { + left: 17px !important; + } + .xxl-left-18px { + left: 18px !important; + } + .xxl-left-19px { + left: 19px !important; + } + .xxl-left-20px { + left: 20px !important; + } + .xxl-left-21px { + left: 21px !important; + } + .xxl-left-22px { + left: 22px !important; + } + .xxl-left-23px { + left: 23px !important; + } + .xxl-left-24px { + left: 24px !important; + } + .xxl-left-25px { + left: 25px !important; + } + .xxl-left-26px { + left: 26px !important; + } + .xxl-left-27px { + left: 27px !important; + } + .xxl-left-28px { + left: 28px !important; + } + .xxl-left-29px { + left: 29px !important; + } + .xxl-left-30px { + left: 30px !important; + } + .xxl-left-40px { + left: 40px !important; + } + .xxl-left-50px { + left: 50px !important; + } + .xxl-left-60px { + left: 60px !important; + } + .xxl-left-70px { + left: 70px !important; + } + .xxl-left-80px { + left: 80px !important; + } + .xxl-left-90px { + left: 90px !important; + } + .xxl-left-100px { + left: 100px !important; + } + .xxl-left-110px { + left: 110px !important; + } + .xxl-left-120px { + left: 120px !important; + } + .xxl-left-130px { + left: 130px !important; + } + .xxl-left-140px { + left: 140px !important; + } + .xxl-left-150px { + left: 150px !important; + } + .xxl-top-minus-0px { + top: -0px !important; + } + .xxl-top-minus-1px { + top: -1px !important; + } + .xxl-top-minus-2px { + top: -2px !important; + } + .xxl-top-minus-3px { + top: -3px !important; + } + .xxl-top-minus-4px { + top: -4px !important; + } + .xxl-top-minus-5px { + top: -5px !important; + } + .xxl-top-minus-6px { + top: -6px !important; + } + .xxl-top-minus-7px { + top: -7px !important; + } + .xxl-top-minus-8px { + top: -8px !important; + } + .xxl-top-minus-9px { + top: -9px !important; + } + .xxl-top-minus-10px { + top: -10px !important; + } + .xxl-top-minus-11px { + top: -11px !important; + } + .xxl-top-minus-12px { + top: -12px !important; + } + .xxl-top-minus-13px { + top: -13px !important; + } + .xxl-top-minus-14px { + top: -14px !important; + } + .xxl-top-minus-15px { + top: -15px !important; + } + .xxl-top-minus-16px { + top: -16px !important; + } + .xxl-top-minus-17px { + top: -17px !important; + } + .xxl-top-minus-18px { + top: -18px !important; + } + .xxl-top-minus-19px { + top: -19px !important; + } + .xxl-top-minus-20px { + top: -20px !important; + } + .xxl-top-minus-21px { + top: -21px !important; + } + .xxl-top-minus-22px { + top: -22px !important; + } + .xxl-top-minus-23px { + top: -23px !important; + } + .xxl-top-minus-24px { + top: -24px !important; + } + .xxl-top-minus-25px { + top: -25px !important; + } + .xxl-top-minus-26px { + top: -26px !important; + } + .xxl-top-minus-27px { + top: -27px !important; + } + .xxl-top-minus-28px { + top: -28px !important; + } + .xxl-top-minus-29px { + top: -29px !important; + } + .xxl-top-minus-30px { + top: -30px !important; + } + .xxl-top-minus-40px { + top: -40px !important; + } + .xxl-top-minus-50px { + top: -50px !important; + } + .xxl-top-minus-60px { + top: -60px !important; + } + .xxl-top-minus-70px { + top: -70px !important; + } + .xxl-top-minus-80px { + top: -80px !important; + } + .xxl-top-minus-90px { + top: -90px !important; + } + .xxl-top-minus-100px { + top: -100px !important; + } + .xxl-top-minus-110px { + top: -110px !important; + } + .xxl-top-minus-120px { + top: -120px !important; + } + .xxl-top-minus-130px { + top: -130px !important; + } + .xxl-top-minus-140px { + top: -140px !important; + } + .xxl-top-minus-150px { + top: -150px !important; + } + .xxl-right-minus-0px { + right: -0px !important; + } + .xxl-right-minus-1px { + right: -1px !important; + } + .xxl-right-minus-2px { + right: -2px !important; + } + .xxl-right-minus-3px { + right: -3px !important; + } + .xxl-right-minus-4px { + right: -4px !important; + } + .xxl-right-minus-5px { + right: -5px !important; + } + .xxl-right-minus-6px { + right: -6px !important; + } + .xxl-right-minus-7px { + right: -7px !important; + } + .xxl-right-minus-8px { + right: -8px !important; + } + .xxl-right-minus-9px { + right: -9px !important; + } + .xxl-right-minus-10px { + right: -10px !important; + } + .xxl-right-minus-11px { + right: -11px !important; + } + .xxl-right-minus-12px { + right: -12px !important; + } + .xxl-right-minus-13px { + right: -13px !important; + } + .xxl-right-minus-14px { + right: -14px !important; + } + .xxl-right-minus-15px { + right: -15px !important; + } + .xxl-right-minus-16px { + right: -16px !important; + } + .xxl-right-minus-17px { + right: -17px !important; + } + .xxl-right-minus-18px { + right: -18px !important; + } + .xxl-right-minus-19px { + right: -19px !important; + } + .xxl-right-minus-20px { + right: -20px !important; + } + .xxl-right-minus-21px { + right: -21px !important; + } + .xxl-right-minus-22px { + right: -22px !important; + } + .xxl-right-minus-23px { + right: -23px !important; + } + .xxl-right-minus-24px { + right: -24px !important; + } + .xxl-right-minus-25px { + right: -25px !important; + } + .xxl-right-minus-26px { + right: -26px !important; + } + .xxl-right-minus-27px { + right: -27px !important; + } + .xxl-right-minus-28px { + right: -28px !important; + } + .xxl-right-minus-29px { + right: -29px !important; + } + .xxl-right-minus-30px { + right: -30px !important; + } + .xxl-right-minus-40px { + right: -40px !important; + } + .xxl-right-minus-50px { + right: -50px !important; + } + .xxl-right-minus-60px { + right: -60px !important; + } + .xxl-right-minus-70px { + right: -70px !important; + } + .xxl-right-minus-80px { + right: -80px !important; + } + .xxl-right-minus-90px { + right: -90px !important; + } + .xxl-right-minus-100px { + right: -100px !important; + } + .xxl-right-minus-110px { + right: -110px !important; + } + .xxl-right-minus-120px { + right: -120px !important; + } + .xxl-right-minus-130px { + right: -130px !important; + } + .xxl-right-minus-140px { + right: -140px !important; + } + .xxl-right-minus-150px { + right: -150px !important; + } + .xxl-bottom-minus-0px { + bottom: -0px !important; + } + .xxl-bottom-minus-1px { + bottom: -1px !important; + } + .xxl-bottom-minus-2px { + bottom: -2px !important; + } + .xxl-bottom-minus-3px { + bottom: -3px !important; + } + .xxl-bottom-minus-4px { + bottom: -4px !important; + } + .xxl-bottom-minus-5px { + bottom: -5px !important; + } + .xxl-bottom-minus-6px { + bottom: -6px !important; + } + .xxl-bottom-minus-7px { + bottom: -7px !important; + } + .xxl-bottom-minus-8px { + bottom: -8px !important; + } + .xxl-bottom-minus-9px { + bottom: -9px !important; + } + .xxl-bottom-minus-10px { + bottom: -10px !important; + } + .xxl-bottom-minus-11px { + bottom: -11px !important; + } + .xxl-bottom-minus-12px { + bottom: -12px !important; + } + .xxl-bottom-minus-13px { + bottom: -13px !important; + } + .xxl-bottom-minus-14px { + bottom: -14px !important; + } + .xxl-bottom-minus-15px { + bottom: -15px !important; + } + .xxl-bottom-minus-16px { + bottom: -16px !important; + } + .xxl-bottom-minus-17px { + bottom: -17px !important; + } + .xxl-bottom-minus-18px { + bottom: -18px !important; + } + .xxl-bottom-minus-19px { + bottom: -19px !important; + } + .xxl-bottom-minus-20px { + bottom: -20px !important; + } + .xxl-bottom-minus-21px { + bottom: -21px !important; + } + .xxl-bottom-minus-22px { + bottom: -22px !important; + } + .xxl-bottom-minus-23px { + bottom: -23px !important; + } + .xxl-bottom-minus-24px { + bottom: -24px !important; + } + .xxl-bottom-minus-25px { + bottom: -25px !important; + } + .xxl-bottom-minus-26px { + bottom: -26px !important; + } + .xxl-bottom-minus-27px { + bottom: -27px !important; + } + .xxl-bottom-minus-28px { + bottom: -28px !important; + } + .xxl-bottom-minus-29px { + bottom: -29px !important; + } + .xxl-bottom-minus-30px { + bottom: -30px !important; + } + .xxl-bottom-minus-40px { + bottom: -40px !important; + } + .xxl-bottom-minus-50px { + bottom: -50px !important; + } + .xxl-bottom-minus-60px { + bottom: -60px !important; + } + .xxl-bottom-minus-70px { + bottom: -70px !important; + } + .xxl-bottom-minus-80px { + bottom: -80px !important; + } + .xxl-bottom-minus-90px { + bottom: -90px !important; + } + .xxl-bottom-minus-100px { + bottom: -100px !important; + } + .xxl-bottom-minus-110px { + bottom: -110px !important; + } + .xxl-bottom-minus-120px { + bottom: -120px !important; + } + .xxl-bottom-minus-130px { + bottom: -130px !important; + } + .xxl-bottom-minus-140px { + bottom: -140px !important; + } + .xxl-bottom-minus-150px { + bottom: -150px !important; + } + .xxl-left-minus-0px { + left: -0px !important; + } + .xxl-left-minus-1px { + left: -1px !important; + } + .xxl-left-minus-2px { + left: -2px !important; + } + .xxl-left-minus-3px { + left: -3px !important; + } + .xxl-left-minus-4px { + left: -4px !important; + } + .xxl-left-minus-5px { + left: -5px !important; + } + .xxl-left-minus-6px { + left: -6px !important; + } + .xxl-left-minus-7px { + left: -7px !important; + } + .xxl-left-minus-8px { + left: -8px !important; + } + .xxl-left-minus-9px { + left: -9px !important; + } + .xxl-left-minus-10px { + left: -10px !important; + } + .xxl-left-minus-11px { + left: -11px !important; + } + .xxl-left-minus-12px { + left: -12px !important; + } + .xxl-left-minus-13px { + left: -13px !important; + } + .xxl-left-minus-14px { + left: -14px !important; + } + .xxl-left-minus-15px { + left: -15px !important; + } + .xxl-left-minus-16px { + left: -16px !important; + } + .xxl-left-minus-17px { + left: -17px !important; + } + .xxl-left-minus-18px { + left: -18px !important; + } + .xxl-left-minus-19px { + left: -19px !important; + } + .xxl-left-minus-20px { + left: -20px !important; + } + .xxl-left-minus-21px { + left: -21px !important; + } + .xxl-left-minus-22px { + left: -22px !important; + } + .xxl-left-minus-23px { + left: -23px !important; + } + .xxl-left-minus-24px { + left: -24px !important; + } + .xxl-left-minus-25px { + left: -25px !important; + } + .xxl-left-minus-26px { + left: -26px !important; + } + .xxl-left-minus-27px { + left: -27px !important; + } + .xxl-left-minus-28px { + left: -28px !important; + } + .xxl-left-minus-29px { + left: -29px !important; + } + .xxl-left-minus-30px { + left: -30px !important; + } + .xxl-left-minus-40px { + left: -40px !important; + } + .xxl-left-minus-50px { + left: -50px !important; + } + .xxl-left-minus-60px { + left: -60px !important; + } + .xxl-left-minus-70px { + left: -70px !important; + } + .xxl-left-minus-80px { + left: -80px !important; + } + .xxl-left-minus-90px { + left: -90px !important; + } + .xxl-left-minus-100px { + left: -100px !important; + } + .xxl-left-minus-110px { + left: -110px !important; + } + .xxl-left-minus-120px { + left: -120px !important; + } + .xxl-left-minus-130px { + left: -130px !important; + } + .xxl-left-minus-140px { + left: -140px !important; + } + .xxl-left-minus-150px { + left: -150px !important; + } + .xxl-border-width-0px { + border-width: 0px !important; + } + .xxl-border-width-1px { + border-width: 1px !important; + } + .xxl-border-width-2px { + border-width: 2px !important; + } + .xxl-border-width-3px { + border-width: 3px !important; + } + .xxl-border-width-4px { + border-width: 4px !important; + } + .xxl-border-width-5px { + border-width: 5px !important; + } + .xxl-border-width-6px { + border-width: 6px !important; + } + .xxl-border-width-7px { + border-width: 7px !important; + } + .xxl-border-width-8px { + border-width: 8px !important; + } + .xxl-border-width-9px { + border-width: 9px !important; + } + .xxl-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 1399px) { + .xl-p-5px { + padding: 5px !important; + } + .xl-p-10px { + padding: 10px !important; + } + .xl-p-15px { + padding: 15px !important; + } + .xl-p-20px { + padding: 20px !important; + } + .xl-p-25px { + padding: 25px !important; + } + .xl-p-30px { + padding: 30px !important; + } + .xl-p-35px { + padding: 35px !important; + } + .xl-p-40px { + padding: 40px !important; + } + .xl-p-45px { + padding: 45px !important; + } + .xl-p-50px { + padding: 50px !important; + } + .xl-p-55px { + padding: 55px !important; + } + .xl-p-60px { + padding: 60px !important; + } + .xl-p-65px { + padding: 65px !important; + } + .xl-p-70px { + padding: 70px !important; + } + .xl-p-1 { + padding: 1% !important; + } + .xl-p-2 { + padding: 2% !important; + } + .xl-p-3 { + padding: 3% !important; + } + .xl-p-4 { + padding: 4% !important; + } + .xl-p-5 { + padding: 5% !important; + } + .xl-p-6 { + padding: 6% !important; + } + .xl-p-7 { + padding: 7% !important; + } + .xl-p-8 { + padding: 8% !important; + } + .xl-p-9 { + padding: 9% !important; + } + .xl-p-10 { + padding: 10% !important; + } + .xl-p-11 { + padding: 11% !important; + } + .xl-p-12 { + padding: 12% !important; + } + .xl-p-13 { + padding: 13% !important; + } + .xl-p-14 { + padding: 14% !important; + } + .xl-p-15 { + padding: 15% !important; + } + .xl-p-16 { + padding: 16% !important; + } + .xl-p-17 { + padding: 17% !important; + } + .xl-p-18 { + padding: 18% !important; + } + .xl-p-19 { + padding: 19% !important; + } + .xl-p-20 { + padding: 20% !important; + } + .xl-p-21 { + padding: 21% !important; + } + .xl-p-22 { + padding: 22% !important; + } + .xl-p-23 { + padding: 23% !important; + } + .xl-p-24 { + padding: 24% !important; + } + .xl-p-25 { + padding: 25% !important; + } + .xl-p-26 { + padding: 26% !important; + } + .xl-p-27 { + padding: 27% !important; + } + .xl-p-28 { + padding: 28% !important; + } + .xl-p-29 { + padding: 29% !important; + } + .xl-p-30 { + padding: 30% !important; + } + .xl-pt-5px { + padding-top: 5px !important; + } + .xl-pt-10px { + padding-top: 10px !important; + } + .xl-pt-15px { + padding-top: 15px !important; + } + .xl-pt-20px { + padding-top: 20px !important; + } + .xl-pt-25px { + padding-top: 25px !important; + } + .xl-pt-30px { + padding-top: 30px !important; + } + .xl-pt-35px { + padding-top: 35px !important; + } + .xl-pt-40px { + padding-top: 40px !important; + } + .xl-pt-45px { + padding-top: 45px !important; + } + .xl-pt-50px { + padding-top: 50px !important; + } + .xl-pt-55px { + padding-top: 55px !important; + } + .xl-pt-60px { + padding-top: 60px !important; + } + .xl-pt-65px { + padding-top: 65px !important; + } + .xl-pt-70px { + padding-top: 70px !important; + } + .xl-pt-1 { + padding-top: 1% !important; + } + .xl-pt-2 { + padding-top: 2% !important; + } + .xl-pt-3 { + padding-top: 3% !important; + } + .xl-pt-4 { + padding-top: 4% !important; + } + .xl-pt-5 { + padding-top: 5% !important; + } + .xl-pt-6 { + padding-top: 6% !important; + } + .xl-pt-7 { + padding-top: 7% !important; + } + .xl-pt-8 { + padding-top: 8% !important; + } + .xl-pt-9 { + padding-top: 9% !important; + } + .xl-pt-10 { + padding-top: 10% !important; + } + .xl-pt-11 { + padding-top: 11% !important; + } + .xl-pt-12 { + padding-top: 12% !important; + } + .xl-pt-13 { + padding-top: 13% !important; + } + .xl-pt-14 { + padding-top: 14% !important; + } + .xl-pt-15 { + padding-top: 15% !important; + } + .xl-pt-16 { + padding-top: 16% !important; + } + .xl-pt-17 { + padding-top: 17% !important; + } + .xl-pt-18 { + padding-top: 18% !important; + } + .xl-pt-19 { + padding-top: 19% !important; + } + .xl-pt-20 { + padding-top: 20% !important; + } + .xl-pt-21 { + padding-top: 21% !important; + } + .xl-pt-22 { + padding-top: 22% !important; + } + .xl-pt-23 { + padding-top: 23% !important; + } + .xl-pt-24 { + padding-top: 24% !important; + } + .xl-pt-25 { + padding-top: 25% !important; + } + .xl-pt-26 { + padding-top: 26% !important; + } + .xl-pt-27 { + padding-top: 27% !important; + } + .xl-pt-28 { + padding-top: 28% !important; + } + .xl-pt-29 { + padding-top: 29% !important; + } + .xl-pt-30 { + padding-top: 30% !important; + } + .xl-pe-5px { + padding-right: 5px !important; + } + .xl-pe-10px { + padding-right: 10px !important; + } + .xl-pe-15px { + padding-right: 15px !important; + } + .xl-pe-20px { + padding-right: 20px !important; + } + .xl-pe-25px { + padding-right: 25px !important; + } + .xl-pe-30px { + padding-right: 30px !important; + } + .xl-pe-35px { + padding-right: 35px !important; + } + .xl-pe-40px { + padding-right: 40px !important; + } + .xl-pe-45px { + padding-right: 45px !important; + } + .xl-pe-50px { + padding-right: 50px !important; + } + .xl-pe-55px { + padding-right: 55px !important; + } + .xl-pe-60px { + padding-right: 60px !important; + } + .xl-pe-65px { + padding-right: 65px !important; + } + .xl-pe-70px { + padding-right: 70px !important; + } + .xl-pe-1 { + padding-right: 1% !important; + } + .xl-pe-2 { + padding-right: 2% !important; + } + .xl-pe-3 { + padding-right: 3% !important; + } + .xl-pe-4 { + padding-right: 4% !important; + } + .xl-pe-5 { + padding-right: 5% !important; + } + .xl-pe-6 { + padding-right: 6% !important; + } + .xl-pe-7 { + padding-right: 7% !important; + } + .xl-pe-8 { + padding-right: 8% !important; + } + .xl-pe-9 { + padding-right: 9% !important; + } + .xl-pe-10 { + padding-right: 10% !important; + } + .xl-pe-11 { + padding-right: 11% !important; + } + .xl-pe-12 { + padding-right: 12% !important; + } + .xl-pe-13 { + padding-right: 13% !important; + } + .xl-pe-14 { + padding-right: 14% !important; + } + .xl-pe-15 { + padding-right: 15% !important; + } + .xl-pe-16 { + padding-right: 16% !important; + } + .xl-pe-17 { + padding-right: 17% !important; + } + .xl-pe-18 { + padding-right: 18% !important; + } + .xl-pe-19 { + padding-right: 19% !important; + } + .xl-pe-20 { + padding-right: 20% !important; + } + .xl-pe-21 { + padding-right: 21% !important; + } + .xl-pe-22 { + padding-right: 22% !important; + } + .xl-pe-23 { + padding-right: 23% !important; + } + .xl-pe-24 { + padding-right: 24% !important; + } + .xl-pe-25 { + padding-right: 25% !important; + } + .xl-pe-26 { + padding-right: 26% !important; + } + .xl-pe-27 { + padding-right: 27% !important; + } + .xl-pe-28 { + padding-right: 28% !important; + } + .xl-pe-29 { + padding-right: 29% !important; + } + .xl-pe-30 { + padding-right: 30% !important; + } + .xl-pb-5px { + padding-bottom: 5px !important; + } + .xl-pb-10px { + padding-bottom: 10px !important; + } + .xl-pb-15px { + padding-bottom: 15px !important; + } + .xl-pb-20px { + padding-bottom: 20px !important; + } + .xl-pb-25px { + padding-bottom: 25px !important; + } + .xl-pb-30px { + padding-bottom: 30px !important; + } + .xl-pb-35px { + padding-bottom: 35px !important; + } + .xl-pb-40px { + padding-bottom: 40px !important; + } + .xl-pb-45px { + padding-bottom: 45px !important; + } + .xl-pb-50px { + padding-bottom: 50px !important; + } + .xl-pb-55px { + padding-bottom: 55px !important; + } + .xl-pb-60px { + padding-bottom: 60px !important; + } + .xl-pb-65px { + padding-bottom: 65px !important; + } + .xl-pb-70px { + padding-bottom: 70px !important; + } + .xl-pb-1 { + padding-bottom: 1% !important; + } + .xl-pb-2 { + padding-bottom: 2% !important; + } + .xl-pb-3 { + padding-bottom: 3% !important; + } + .xl-pb-4 { + padding-bottom: 4% !important; + } + .xl-pb-5 { + padding-bottom: 5% !important; + } + .xl-pb-6 { + padding-bottom: 6% !important; + } + .xl-pb-7 { + padding-bottom: 7% !important; + } + .xl-pb-8 { + padding-bottom: 8% !important; + } + .xl-pb-9 { + padding-bottom: 9% !important; + } + .xl-pb-10 { + padding-bottom: 10% !important; + } + .xl-pb-11 { + padding-bottom: 11% !important; + } + .xl-pb-12 { + padding-bottom: 12% !important; + } + .xl-pb-13 { + padding-bottom: 13% !important; + } + .xl-pb-14 { + padding-bottom: 14% !important; + } + .xl-pb-15 { + padding-bottom: 15% !important; + } + .xl-pb-16 { + padding-bottom: 16% !important; + } + .xl-pb-17 { + padding-bottom: 17% !important; + } + .xl-pb-18 { + padding-bottom: 18% !important; + } + .xl-pb-19 { + padding-bottom: 19% !important; + } + .xl-pb-20 { + padding-bottom: 20% !important; + } + .xl-pb-21 { + padding-bottom: 21% !important; + } + .xl-pb-22 { + padding-bottom: 22% !important; + } + .xl-pb-23 { + padding-bottom: 23% !important; + } + .xl-pb-24 { + padding-bottom: 24% !important; + } + .xl-pb-25 { + padding-bottom: 25% !important; + } + .xl-pb-26 { + padding-bottom: 26% !important; + } + .xl-pb-27 { + padding-bottom: 27% !important; + } + .xl-pb-28 { + padding-bottom: 28% !important; + } + .xl-pb-29 { + padding-bottom: 29% !important; + } + .xl-pb-30 { + padding-bottom: 30% !important; + } + .xl-ps-5px { + padding-left: 5px !important; + } + .xl-ps-10px { + padding-left: 10px !important; + } + .xl-ps-15px { + padding-left: 15px !important; + } + .xl-ps-20px { + padding-left: 20px !important; + } + .xl-ps-25px { + padding-left: 25px !important; + } + .xl-ps-30px { + padding-left: 30px !important; + } + .xl-ps-35px { + padding-left: 35px !important; + } + .xl-ps-40px { + padding-left: 40px !important; + } + .xl-ps-45px { + padding-left: 45px !important; + } + .xl-ps-50px { + padding-left: 50px !important; + } + .xl-ps-55px { + padding-left: 55px !important; + } + .xl-ps-60px { + padding-left: 60px !important; + } + .xl-ps-65px { + padding-left: 65px !important; + } + .xl-ps-70px { + padding-left: 70px !important; + } + .xl-ps-1 { + padding-left: 1% !important; + } + .xl-ps-2 { + padding-left: 2% !important; + } + .xl-ps-3 { + padding-left: 3% !important; + } + .xl-ps-4 { + padding-left: 4% !important; + } + .xl-ps-5 { + padding-left: 5% !important; + } + .xl-ps-6 { + padding-left: 6% !important; + } + .xl-ps-7 { + padding-left: 7% !important; + } + .xl-ps-8 { + padding-left: 8% !important; + } + .xl-ps-9 { + padding-left: 9% !important; + } + .xl-ps-10 { + padding-left: 10% !important; + } + .xl-ps-11 { + padding-left: 11% !important; + } + .xl-ps-12 { + padding-left: 12% !important; + } + .xl-ps-13 { + padding-left: 13% !important; + } + .xl-ps-14 { + padding-left: 14% !important; + } + .xl-ps-15 { + padding-left: 15% !important; + } + .xl-ps-16 { + padding-left: 16% !important; + } + .xl-ps-17 { + padding-left: 17% !important; + } + .xl-ps-18 { + padding-left: 18% !important; + } + .xl-ps-19 { + padding-left: 19% !important; + } + .xl-ps-20 { + padding-left: 20% !important; + } + .xl-ps-21 { + padding-left: 21% !important; + } + .xl-ps-22 { + padding-left: 22% !important; + } + .xl-ps-23 { + padding-left: 23% !important; + } + .xl-ps-24 { + padding-left: 24% !important; + } + .xl-ps-25 { + padding-left: 25% !important; + } + .xl-ps-26 { + padding-left: 26% !important; + } + .xl-ps-27 { + padding-left: 27% !important; + } + .xl-ps-28 { + padding-left: 28% !important; + } + .xl-ps-29 { + padding-left: 29% !important; + } + .xl-ps-30 { + padding-left: 30% !important; + } + .xl-m-5px { + margin: 5px !important; + } + .xl-m-10px { + margin: 10px !important; + } + .xl-m-15px { + margin: 15px !important; + } + .xl-m-20px { + margin: 20px !important; + } + .xl-m-25px { + margin: 25px !important; + } + .xl-m-30px { + margin: 30px !important; + } + .xl-m-35px { + margin: 35px !important; + } + .xl-m-40px { + margin: 40px !important; + } + .xl-m-45px { + margin: 45px !important; + } + .xl-m-50px { + margin: 50px !important; + } + .xl-m-55px { + margin: 55px !important; + } + .xl-m-60px { + margin: 60px !important; + } + .xl-m-65px { + margin: 65px !important; + } + .xl-m-70px { + margin: 70px !important; + } + .xl-m-1 { + margin: 1% !important; + } + .xl-m-2 { + margin: 2% !important; + } + .xl-m-3 { + margin: 3% !important; + } + .xl-m-4 { + margin: 4% !important; + } + .xl-m-5 { + margin: 5% !important; + } + .xl-m-6 { + margin: 6% !important; + } + .xl-m-7 { + margin: 7% !important; + } + .xl-m-8 { + margin: 8% !important; + } + .xl-m-9 { + margin: 9% !important; + } + .xl-m-10 { + margin: 10% !important; + } + .xl-m-11 { + margin: 11% !important; + } + .xl-m-12 { + margin: 12% !important; + } + .xl-m-13 { + margin: 13% !important; + } + .xl-m-14 { + margin: 14% !important; + } + .xl-m-15 { + margin: 15% !important; + } + .xl-m-16 { + margin: 16% !important; + } + .xl-m-17 { + margin: 17% !important; + } + .xl-m-18 { + margin: 18% !important; + } + .xl-m-19 { + margin: 19% !important; + } + .xl-m-20 { + margin: 20% !important; + } + .xl-m-21 { + margin: 21% !important; + } + .xl-m-22 { + margin: 22% !important; + } + .xl-m-23 { + margin: 23% !important; + } + .xl-m-24 { + margin: 24% !important; + } + .xl-m-25 { + margin: 25% !important; + } + .xl-m-26 { + margin: 26% !important; + } + .xl-m-27 { + margin: 27% !important; + } + .xl-m-28 { + margin: 28% !important; + } + .xl-m-29 { + margin: 29% !important; + } + .xl-m-30 { + margin: 30% !important; + } + .xl-mt-5px { + margin-top: 5px !important; + } + .xl-mt-10px { + margin-top: 10px !important; + } + .xl-mt-15px { + margin-top: 15px !important; + } + .xl-mt-20px { + margin-top: 20px !important; + } + .xl-mt-25px { + margin-top: 25px !important; + } + .xl-mt-30px { + margin-top: 30px !important; + } + .xl-mt-35px { + margin-top: 35px !important; + } + .xl-mt-40px { + margin-top: 40px !important; + } + .xl-mt-45px { + margin-top: 45px !important; + } + .xl-mt-50px { + margin-top: 50px !important; + } + .xl-mt-55px { + margin-top: 55px !important; + } + .xl-mt-60px { + margin-top: 60px !important; + } + .xl-mt-65px { + margin-top: 65px !important; + } + .xl-mt-70px { + margin-top: 70px !important; + } + .xl-mt-1 { + margin-top: 1% !important; + } + .xl-mt-2 { + margin-top: 2% !important; + } + .xl-mt-3 { + margin-top: 3% !important; + } + .xl-mt-4 { + margin-top: 4% !important; + } + .xl-mt-5 { + margin-top: 5% !important; + } + .xl-mt-6 { + margin-top: 6% !important; + } + .xl-mt-7 { + margin-top: 7% !important; + } + .xl-mt-8 { + margin-top: 8% !important; + } + .xl-mt-9 { + margin-top: 9% !important; + } + .xl-mt-10 { + margin-top: 10% !important; + } + .xl-mt-11 { + margin-top: 11% !important; + } + .xl-mt-12 { + margin-top: 12% !important; + } + .xl-mt-13 { + margin-top: 13% !important; + } + .xl-mt-14 { + margin-top: 14% !important; + } + .xl-mt-15 { + margin-top: 15% !important; + } + .xl-mt-16 { + margin-top: 16% !important; + } + .xl-mt-17 { + margin-top: 17% !important; + } + .xl-mt-18 { + margin-top: 18% !important; + } + .xl-mt-19 { + margin-top: 19% !important; + } + .xl-mt-20 { + margin-top: 20% !important; + } + .xl-mt-21 { + margin-top: 21% !important; + } + .xl-mt-22 { + margin-top: 22% !important; + } + .xl-mt-23 { + margin-top: 23% !important; + } + .xl-mt-24 { + margin-top: 24% !important; + } + .xl-mt-25 { + margin-top: 25% !important; + } + .xl-mt-26 { + margin-top: 26% !important; + } + .xl-mt-27 { + margin-top: 27% !important; + } + .xl-mt-28 { + margin-top: 28% !important; + } + .xl-mt-29 { + margin-top: 29% !important; + } + .xl-mt-30 { + margin-top: 30% !important; + } + .xl-me-5px { + margin-right: 5px !important; + } + .xl-me-10px { + margin-right: 10px !important; + } + .xl-me-15px { + margin-right: 15px !important; + } + .xl-me-20px { + margin-right: 20px !important; + } + .xl-me-25px { + margin-right: 25px !important; + } + .xl-me-30px { + margin-right: 30px !important; + } + .xl-me-35px { + margin-right: 35px !important; + } + .xl-me-40px { + margin-right: 40px !important; + } + .xl-me-45px { + margin-right: 45px !important; + } + .xl-me-50px { + margin-right: 50px !important; + } + .xl-me-55px { + margin-right: 55px !important; + } + .xl-me-60px { + margin-right: 60px !important; + } + .xl-me-65px { + margin-right: 65px !important; + } + .xl-me-70px { + margin-right: 70px !important; + } + .xl-me-1 { + margin-right: 1% !important; + } + .xl-me-2 { + margin-right: 2% !important; + } + .xl-me-3 { + margin-right: 3% !important; + } + .xl-me-4 { + margin-right: 4% !important; + } + .xl-me-5 { + margin-right: 5% !important; + } + .xl-me-6 { + margin-right: 6% !important; + } + .xl-me-7 { + margin-right: 7% !important; + } + .xl-me-8 { + margin-right: 8% !important; + } + .xl-me-9 { + margin-right: 9% !important; + } + .xl-me-10 { + margin-right: 10% !important; + } + .xl-me-11 { + margin-right: 11% !important; + } + .xl-me-12 { + margin-right: 12% !important; + } + .xl-me-13 { + margin-right: 13% !important; + } + .xl-me-14 { + margin-right: 14% !important; + } + .xl-me-15 { + margin-right: 15% !important; + } + .xl-me-16 { + margin-right: 16% !important; + } + .xl-me-17 { + margin-right: 17% !important; + } + .xl-me-18 { + margin-right: 18% !important; + } + .xl-me-19 { + margin-right: 19% !important; + } + .xl-me-20 { + margin-right: 20% !important; + } + .xl-me-21 { + margin-right: 21% !important; + } + .xl-me-22 { + margin-right: 22% !important; + } + .xl-me-23 { + margin-right: 23% !important; + } + .xl-me-24 { + margin-right: 24% !important; + } + .xl-me-25 { + margin-right: 25% !important; + } + .xl-me-26 { + margin-right: 26% !important; + } + .xl-me-27 { + margin-right: 27% !important; + } + .xl-me-28 { + margin-right: 28% !important; + } + .xl-me-29 { + margin-right: 29% !important; + } + .xl-me-30 { + margin-right: 30% !important; + } + .xl-mb-5px { + margin-bottom: 5px !important; + } + .xl-mb-10px { + margin-bottom: 10px !important; + } + .xl-mb-15px { + margin-bottom: 15px !important; + } + .xl-mb-20px { + margin-bottom: 20px !important; + } + .xl-mb-25px { + margin-bottom: 25px !important; + } + .xl-mb-30px { + margin-bottom: 30px !important; + } + .xl-mb-35px { + margin-bottom: 35px !important; + } + .xl-mb-40px { + margin-bottom: 40px !important; + } + .xl-mb-45px { + margin-bottom: 45px !important; + } + .xl-mb-50px { + margin-bottom: 50px !important; + } + .xl-mb-55px { + margin-bottom: 55px !important; + } + .xl-mb-60px { + margin-bottom: 60px !important; + } + .xl-mb-65px { + margin-bottom: 65px !important; + } + .xl-mb-70px { + margin-bottom: 70px !important; + } + .xl-mb-1 { + margin-bottom: 1% !important; + } + .xl-mb-2 { + margin-bottom: 2% !important; + } + .xl-mb-3 { + margin-bottom: 3% !important; + } + .xl-mb-4 { + margin-bottom: 4% !important; + } + .xl-mb-5 { + margin-bottom: 5% !important; + } + .xl-mb-6 { + margin-bottom: 6% !important; + } + .xl-mb-7 { + margin-bottom: 7% !important; + } + .xl-mb-8 { + margin-bottom: 8% !important; + } + .xl-mb-9 { + margin-bottom: 9% !important; + } + .xl-mb-10 { + margin-bottom: 10% !important; + } + .xl-mb-11 { + margin-bottom: 11% !important; + } + .xl-mb-12 { + margin-bottom: 12% !important; + } + .xl-mb-13 { + margin-bottom: 13% !important; + } + .xl-mb-14 { + margin-bottom: 14% !important; + } + .xl-mb-15 { + margin-bottom: 15% !important; + } + .xl-mb-16 { + margin-bottom: 16% !important; + } + .xl-mb-17 { + margin-bottom: 17% !important; + } + .xl-mb-18 { + margin-bottom: 18% !important; + } + .xl-mb-19 { + margin-bottom: 19% !important; + } + .xl-mb-20 { + margin-bottom: 20% !important; + } + .xl-mb-21 { + margin-bottom: 21% !important; + } + .xl-mb-22 { + margin-bottom: 22% !important; + } + .xl-mb-23 { + margin-bottom: 23% !important; + } + .xl-mb-24 { + margin-bottom: 24% !important; + } + .xl-mb-25 { + margin-bottom: 25% !important; + } + .xl-mb-26 { + margin-bottom: 26% !important; + } + .xl-mb-27 { + margin-bottom: 27% !important; + } + .xl-mb-28 { + margin-bottom: 28% !important; + } + .xl-mb-29 { + margin-bottom: 29% !important; + } + .xl-mb-30 { + margin-bottom: 30% !important; + } + .xl-ms-5px { + margin-left: 5px !important; + } + .xl-ms-10px { + margin-left: 10px !important; + } + .xl-ms-15px { + margin-left: 15px !important; + } + .xl-ms-20px { + margin-left: 20px !important; + } + .xl-ms-25px { + margin-left: 25px !important; + } + .xl-ms-30px { + margin-left: 30px !important; + } + .xl-ms-35px { + margin-left: 35px !important; + } + .xl-ms-40px { + margin-left: 40px !important; + } + .xl-ms-45px { + margin-left: 45px !important; + } + .xl-ms-50px { + margin-left: 50px !important; + } + .xl-ms-55px { + margin-left: 55px !important; + } + .xl-ms-60px { + margin-left: 60px !important; + } + .xl-ms-65px { + margin-left: 65px !important; + } + .xl-ms-70px { + margin-left: 70px !important; + } + .xl-ms-1 { + margin-left: 1% !important; + } + .xl-ms-2 { + margin-left: 2% !important; + } + .xl-ms-3 { + margin-left: 3% !important; + } + .xl-ms-4 { + margin-left: 4% !important; + } + .xl-ms-5 { + margin-left: 5% !important; + } + .xl-ms-6 { + margin-left: 6% !important; + } + .xl-ms-7 { + margin-left: 7% !important; + } + .xl-ms-8 { + margin-left: 8% !important; + } + .xl-ms-9 { + margin-left: 9% !important; + } + .xl-ms-10 { + margin-left: 10% !important; + } + .xl-ms-11 { + margin-left: 11% !important; + } + .xl-ms-12 { + margin-left: 12% !important; + } + .xl-ms-13 { + margin-left: 13% !important; + } + .xl-ms-14 { + margin-left: 14% !important; + } + .xl-ms-15 { + margin-left: 15% !important; + } + .xl-ms-16 { + margin-left: 16% !important; + } + .xl-ms-17 { + margin-left: 17% !important; + } + .xl-ms-18 { + margin-left: 18% !important; + } + .xl-ms-19 { + margin-left: 19% !important; + } + .xl-ms-20 { + margin-left: 20% !important; + } + .xl-ms-21 { + margin-left: 21% !important; + } + .xl-ms-22 { + margin-left: 22% !important; + } + .xl-ms-23 { + margin-left: 23% !important; + } + .xl-ms-24 { + margin-left: 24% !important; + } + .xl-ms-25 { + margin-left: 25% !important; + } + .xl-ms-26 { + margin-left: 26% !important; + } + .xl-ms-27 { + margin-left: 27% !important; + } + .xl-ms-28 { + margin-left: 28% !important; + } + .xl-ms-29 { + margin-left: 29% !important; + } + .xl-ms-30 { + margin-left: 30% !important; + } + .xl-top-0px { + top: 0px !important; + } + .xl-top-1px { + top: 1px !important; + } + .xl-top-2px { + top: 2px !important; + } + .xl-top-3px { + top: 3px !important; + } + .xl-top-4px { + top: 4px !important; + } + .xl-top-5px { + top: 5px !important; + } + .xl-top-6px { + top: 6px !important; + } + .xl-top-7px { + top: 7px !important; + } + .xl-top-8px { + top: 8px !important; + } + .xl-top-9px { + top: 9px !important; + } + .xl-top-10px { + top: 10px !important; + } + .xl-top-11px { + top: 11px !important; + } + .xl-top-12px { + top: 12px !important; + } + .xl-top-13px { + top: 13px !important; + } + .xl-top-14px { + top: 14px !important; + } + .xl-top-15px { + top: 15px !important; + } + .xl-top-16px { + top: 16px !important; + } + .xl-top-17px { + top: 17px !important; + } + .xl-top-18px { + top: 18px !important; + } + .xl-top-19px { + top: 19px !important; + } + .xl-top-20px { + top: 20px !important; + } + .xl-top-21px { + top: 21px !important; + } + .xl-top-22px { + top: 22px !important; + } + .xl-top-23px { + top: 23px !important; + } + .xl-top-24px { + top: 24px !important; + } + .xl-top-25px { + top: 25px !important; + } + .xl-top-26px { + top: 26px !important; + } + .xl-top-27px { + top: 27px !important; + } + .xl-top-28px { + top: 28px !important; + } + .xl-top-29px { + top: 29px !important; + } + .xl-top-30px { + top: 30px !important; + } + .xl-top-40px { + top: 40px !important; + } + .xl-top-50px { + top: 50px !important; + } + .xl-top-60px { + top: 60px !important; + } + .xl-top-70px { + top: 70px !important; + } + .xl-top-80px { + top: 80px !important; + } + .xl-top-90px { + top: 90px !important; + } + .xl-top-100px { + top: 100px !important; + } + .xl-top-110px { + top: 110px !important; + } + .xl-top-120px { + top: 120px !important; + } + .xl-top-130px { + top: 130px !important; + } + .xl-top-140px { + top: 140px !important; + } + .xl-top-150px { + top: 150px !important; + } + .xl-right-0px { + right: 0px !important; + } + .xl-right-1px { + right: 1px !important; + } + .xl-right-2px { + right: 2px !important; + } + .xl-right-3px { + right: 3px !important; + } + .xl-right-4px { + right: 4px !important; + } + .xl-right-5px { + right: 5px !important; + } + .xl-right-6px { + right: 6px !important; + } + .xl-right-7px { + right: 7px !important; + } + .xl-right-8px { + right: 8px !important; + } + .xl-right-9px { + right: 9px !important; + } + .xl-right-10px { + right: 10px !important; + } + .xl-right-11px { + right: 11px !important; + } + .xl-right-12px { + right: 12px !important; + } + .xl-right-13px { + right: 13px !important; + } + .xl-right-14px { + right: 14px !important; + } + .xl-right-15px { + right: 15px !important; + } + .xl-right-16px { + right: 16px !important; + } + .xl-right-17px { + right: 17px !important; + } + .xl-right-18px { + right: 18px !important; + } + .xl-right-19px { + right: 19px !important; + } + .xl-right-20px { + right: 20px !important; + } + .xl-right-21px { + right: 21px !important; + } + .xl-right-22px { + right: 22px !important; + } + .xl-right-23px { + right: 23px !important; + } + .xl-right-24px { + right: 24px !important; + } + .xl-right-25px { + right: 25px !important; + } + .xl-right-26px { + right: 26px !important; + } + .xl-right-27px { + right: 27px !important; + } + .xl-right-28px { + right: 28px !important; + } + .xl-right-29px { + right: 29px !important; + } + .xl-right-30px { + right: 30px !important; + } + .xl-right-40px { + right: 40px !important; + } + .xl-right-50px { + right: 50px !important; + } + .xl-right-60px { + right: 60px !important; + } + .xl-right-70px { + right: 70px !important; + } + .xl-right-80px { + right: 80px !important; + } + .xl-right-90px { + right: 90px !important; + } + .xl-right-100px { + right: 100px !important; + } + .xl-right-110px { + right: 110px !important; + } + .xl-right-120px { + right: 120px !important; + } + .xl-right-130px { + right: 130px !important; + } + .xl-right-140px { + right: 140px !important; + } + .xl-right-150px { + right: 150px !important; + } + .xl-bottom-0px { + bottom: 0px !important; + } + .xl-bottom-1px { + bottom: 1px !important; + } + .xl-bottom-2px { + bottom: 2px !important; + } + .xl-bottom-3px { + bottom: 3px !important; + } + .xl-bottom-4px { + bottom: 4px !important; + } + .xl-bottom-5px { + bottom: 5px !important; + } + .xl-bottom-6px { + bottom: 6px !important; + } + .xl-bottom-7px { + bottom: 7px !important; + } + .xl-bottom-8px { + bottom: 8px !important; + } + .xl-bottom-9px { + bottom: 9px !important; + } + .xl-bottom-10px { + bottom: 10px !important; + } + .xl-bottom-11px { + bottom: 11px !important; + } + .xl-bottom-12px { + bottom: 12px !important; + } + .xl-bottom-13px { + bottom: 13px !important; + } + .xl-bottom-14px { + bottom: 14px !important; + } + .xl-bottom-15px { + bottom: 15px !important; + } + .xl-bottom-16px { + bottom: 16px !important; + } + .xl-bottom-17px { + bottom: 17px !important; + } + .xl-bottom-18px { + bottom: 18px !important; + } + .xl-bottom-19px { + bottom: 19px !important; + } + .xl-bottom-20px { + bottom: 20px !important; + } + .xl-bottom-21px { + bottom: 21px !important; + } + .xl-bottom-22px { + bottom: 22px !important; + } + .xl-bottom-23px { + bottom: 23px !important; + } + .xl-bottom-24px { + bottom: 24px !important; + } + .xl-bottom-25px { + bottom: 25px !important; + } + .xl-bottom-26px { + bottom: 26px !important; + } + .xl-bottom-27px { + bottom: 27px !important; + } + .xl-bottom-28px { + bottom: 28px !important; + } + .xl-bottom-29px { + bottom: 29px !important; + } + .xl-bottom-30px { + bottom: 30px !important; + } + .xl-bottom-40px { + bottom: 40px !important; + } + .xl-bottom-50px { + bottom: 50px !important; + } + .xl-bottom-60px { + bottom: 60px !important; + } + .xl-bottom-70px { + bottom: 70px !important; + } + .xl-bottom-80px { + bottom: 80px !important; + } + .xl-bottom-90px { + bottom: 90px !important; + } + .xl-bottom-100px { + bottom: 100px !important; + } + .xl-bottom-110px { + bottom: 110px !important; + } + .xl-bottom-120px { + bottom: 120px !important; + } + .xl-bottom-130px { + bottom: 130px !important; + } + .xl-bottom-140px { + bottom: 140px !important; + } + .xl-bottom-150px { + bottom: 150px !important; + } + .xl-left-0px { + left: 0px !important; + } + .xl-left-1px { + left: 1px !important; + } + .xl-left-2px { + left: 2px !important; + } + .xl-left-3px { + left: 3px !important; + } + .xl-left-4px { + left: 4px !important; + } + .xl-left-5px { + left: 5px !important; + } + .xl-left-6px { + left: 6px !important; + } + .xl-left-7px { + left: 7px !important; + } + .xl-left-8px { + left: 8px !important; + } + .xl-left-9px { + left: 9px !important; + } + .xl-left-10px { + left: 10px !important; + } + .xl-left-11px { + left: 11px !important; + } + .xl-left-12px { + left: 12px !important; + } + .xl-left-13px { + left: 13px !important; + } + .xl-left-14px { + left: 14px !important; + } + .xl-left-15px { + left: 15px !important; + } + .xl-left-16px { + left: 16px !important; + } + .xl-left-17px { + left: 17px !important; + } + .xl-left-18px { + left: 18px !important; + } + .xl-left-19px { + left: 19px !important; + } + .xl-left-20px { + left: 20px !important; + } + .xl-left-21px { + left: 21px !important; + } + .xl-left-22px { + left: 22px !important; + } + .xl-left-23px { + left: 23px !important; + } + .xl-left-24px { + left: 24px !important; + } + .xl-left-25px { + left: 25px !important; + } + .xl-left-26px { + left: 26px !important; + } + .xl-left-27px { + left: 27px !important; + } + .xl-left-28px { + left: 28px !important; + } + .xl-left-29px { + left: 29px !important; + } + .xl-left-30px { + left: 30px !important; + } + .xl-left-40px { + left: 40px !important; + } + .xl-left-50px { + left: 50px !important; + } + .xl-left-60px { + left: 60px !important; + } + .xl-left-70px { + left: 70px !important; + } + .xl-left-80px { + left: 80px !important; + } + .xl-left-90px { + left: 90px !important; + } + .xl-left-100px { + left: 100px !important; + } + .xl-left-110px { + left: 110px !important; + } + .xl-left-120px { + left: 120px !important; + } + .xl-left-130px { + left: 130px !important; + } + .xl-left-140px { + left: 140px !important; + } + .xl-left-150px { + left: 150px !important; + } + .xl-top-minus-0px { + top: -0px !important; + } + .xl-top-minus-1px { + top: -1px !important; + } + .xl-top-minus-2px { + top: -2px !important; + } + .xl-top-minus-3px { + top: -3px !important; + } + .xl-top-minus-4px { + top: -4px !important; + } + .xl-top-minus-5px { + top: -5px !important; + } + .xl-top-minus-6px { + top: -6px !important; + } + .xl-top-minus-7px { + top: -7px !important; + } + .xl-top-minus-8px { + top: -8px !important; + } + .xl-top-minus-9px { + top: -9px !important; + } + .xl-top-minus-10px { + top: -10px !important; + } + .xl-top-minus-11px { + top: -11px !important; + } + .xl-top-minus-12px { + top: -12px !important; + } + .xl-top-minus-13px { + top: -13px !important; + } + .xl-top-minus-14px { + top: -14px !important; + } + .xl-top-minus-15px { + top: -15px !important; + } + .xl-top-minus-16px { + top: -16px !important; + } + .xl-top-minus-17px { + top: -17px !important; + } + .xl-top-minus-18px { + top: -18px !important; + } + .xl-top-minus-19px { + top: -19px !important; + } + .xl-top-minus-20px { + top: -20px !important; + } + .xl-top-minus-21px { + top: -21px !important; + } + .xl-top-minus-22px { + top: -22px !important; + } + .xl-top-minus-23px { + top: -23px !important; + } + .xl-top-minus-24px { + top: -24px !important; + } + .xl-top-minus-25px { + top: -25px !important; + } + .xl-top-minus-26px { + top: -26px !important; + } + .xl-top-minus-27px { + top: -27px !important; + } + .xl-top-minus-28px { + top: -28px !important; + } + .xl-top-minus-29px { + top: -29px !important; + } + .xl-top-minus-30px { + top: -30px !important; + } + .xl-top-minus-40px { + top: -40px !important; + } + .xl-top-minus-50px { + top: -50px !important; + } + .xl-top-minus-60px { + top: -60px !important; + } + .xl-top-minus-70px { + top: -70px !important; + } + .xl-top-minus-80px { + top: -80px !important; + } + .xl-top-minus-90px { + top: -90px !important; + } + .xl-top-minus-100px { + top: -100px !important; + } + .xl-top-minus-110px { + top: -110px !important; + } + .xl-top-minus-120px { + top: -120px !important; + } + .xl-top-minus-130px { + top: -130px !important; + } + .xl-top-minus-140px { + top: -140px !important; + } + .xl-top-minus-150px { + top: -150px !important; + } + .xl-right-minus-0px { + right: -0px !important; + } + .xl-right-minus-1px { + right: -1px !important; + } + .xl-right-minus-2px { + right: -2px !important; + } + .xl-right-minus-3px { + right: -3px !important; + } + .xl-right-minus-4px { + right: -4px !important; + } + .xl-right-minus-5px { + right: -5px !important; + } + .xl-right-minus-6px { + right: -6px !important; + } + .xl-right-minus-7px { + right: -7px !important; + } + .xl-right-minus-8px { + right: -8px !important; + } + .xl-right-minus-9px { + right: -9px !important; + } + .xl-right-minus-10px { + right: -10px !important; + } + .xl-right-minus-11px { + right: -11px !important; + } + .xl-right-minus-12px { + right: -12px !important; + } + .xl-right-minus-13px { + right: -13px !important; + } + .xl-right-minus-14px { + right: -14px !important; + } + .xl-right-minus-15px { + right: -15px !important; + } + .xl-right-minus-16px { + right: -16px !important; + } + .xl-right-minus-17px { + right: -17px !important; + } + .xl-right-minus-18px { + right: -18px !important; + } + .xl-right-minus-19px { + right: -19px !important; + } + .xl-right-minus-20px { + right: -20px !important; + } + .xl-right-minus-21px { + right: -21px !important; + } + .xl-right-minus-22px { + right: -22px !important; + } + .xl-right-minus-23px { + right: -23px !important; + } + .xl-right-minus-24px { + right: -24px !important; + } + .xl-right-minus-25px { + right: -25px !important; + } + .xl-right-minus-26px { + right: -26px !important; + } + .xl-right-minus-27px { + right: -27px !important; + } + .xl-right-minus-28px { + right: -28px !important; + } + .xl-right-minus-29px { + right: -29px !important; + } + .xl-right-minus-30px { + right: -30px !important; + } + .xl-right-minus-40px { + right: -40px !important; + } + .xl-right-minus-50px { + right: -50px !important; + } + .xl-right-minus-60px { + right: -60px !important; + } + .xl-right-minus-70px { + right: -70px !important; + } + .xl-right-minus-80px { + right: -80px !important; + } + .xl-right-minus-90px { + right: -90px !important; + } + .xl-right-minus-100px { + right: -100px !important; + } + .xl-right-minus-110px { + right: -110px !important; + } + .xl-right-minus-120px { + right: -120px !important; + } + .xl-right-minus-130px { + right: -130px !important; + } + .xl-right-minus-140px { + right: -140px !important; + } + .xl-right-minus-150px { + right: -150px !important; + } + .xl-bottom-minus-0px { + bottom: -0px !important; + } + .xl-bottom-minus-1px { + bottom: -1px !important; + } + .xl-bottom-minus-2px { + bottom: -2px !important; + } + .xl-bottom-minus-3px { + bottom: -3px !important; + } + .xl-bottom-minus-4px { + bottom: -4px !important; + } + .xl-bottom-minus-5px { + bottom: -5px !important; + } + .xl-bottom-minus-6px { + bottom: -6px !important; + } + .xl-bottom-minus-7px { + bottom: -7px !important; + } + .xl-bottom-minus-8px { + bottom: -8px !important; + } + .xl-bottom-minus-9px { + bottom: -9px !important; + } + .xl-bottom-minus-10px { + bottom: -10px !important; + } + .xl-bottom-minus-11px { + bottom: -11px !important; + } + .xl-bottom-minus-12px { + bottom: -12px !important; + } + .xl-bottom-minus-13px { + bottom: -13px !important; + } + .xl-bottom-minus-14px { + bottom: -14px !important; + } + .xl-bottom-minus-15px { + bottom: -15px !important; + } + .xl-bottom-minus-16px { + bottom: -16px !important; + } + .xl-bottom-minus-17px { + bottom: -17px !important; + } + .xl-bottom-minus-18px { + bottom: -18px !important; + } + .xl-bottom-minus-19px { + bottom: -19px !important; + } + .xl-bottom-minus-20px { + bottom: -20px !important; + } + .xl-bottom-minus-21px { + bottom: -21px !important; + } + .xl-bottom-minus-22px { + bottom: -22px !important; + } + .xl-bottom-minus-23px { + bottom: -23px !important; + } + .xl-bottom-minus-24px { + bottom: -24px !important; + } + .xl-bottom-minus-25px { + bottom: -25px !important; + } + .xl-bottom-minus-26px { + bottom: -26px !important; + } + .xl-bottom-minus-27px { + bottom: -27px !important; + } + .xl-bottom-minus-28px { + bottom: -28px !important; + } + .xl-bottom-minus-29px { + bottom: -29px !important; + } + .xl-bottom-minus-30px { + bottom: -30px !important; + } + .xl-bottom-minus-40px { + bottom: -40px !important; + } + .xl-bottom-minus-50px { + bottom: -50px !important; + } + .xl-bottom-minus-60px { + bottom: -60px !important; + } + .xl-bottom-minus-70px { + bottom: -70px !important; + } + .xl-bottom-minus-80px { + bottom: -80px !important; + } + .xl-bottom-minus-90px { + bottom: -90px !important; + } + .xl-bottom-minus-100px { + bottom: -100px !important; + } + .xl-bottom-minus-110px { + bottom: -110px !important; + } + .xl-bottom-minus-120px { + bottom: -120px !important; + } + .xl-bottom-minus-130px { + bottom: -130px !important; + } + .xl-bottom-minus-140px { + bottom: -140px !important; + } + .xl-bottom-minus-150px { + bottom: -150px !important; + } + .xl-left-minus-0px { + left: -0px !important; + } + .xl-left-minus-1px { + left: -1px !important; + } + .xl-left-minus-2px { + left: -2px !important; + } + .xl-left-minus-3px { + left: -3px !important; + } + .xl-left-minus-4px { + left: -4px !important; + } + .xl-left-minus-5px { + left: -5px !important; + } + .xl-left-minus-6px { + left: -6px !important; + } + .xl-left-minus-7px { + left: -7px !important; + } + .xl-left-minus-8px { + left: -8px !important; + } + .xl-left-minus-9px { + left: -9px !important; + } + .xl-left-minus-10px { + left: -10px !important; + } + .xl-left-minus-11px { + left: -11px !important; + } + .xl-left-minus-12px { + left: -12px !important; + } + .xl-left-minus-13px { + left: -13px !important; + } + .xl-left-minus-14px { + left: -14px !important; + } + .xl-left-minus-15px { + left: -15px !important; + } + .xl-left-minus-16px { + left: -16px !important; + } + .xl-left-minus-17px { + left: -17px !important; + } + .xl-left-minus-18px { + left: -18px !important; + } + .xl-left-minus-19px { + left: -19px !important; + } + .xl-left-minus-20px { + left: -20px !important; + } + .xl-left-minus-21px { + left: -21px !important; + } + .xl-left-minus-22px { + left: -22px !important; + } + .xl-left-minus-23px { + left: -23px !important; + } + .xl-left-minus-24px { + left: -24px !important; + } + .xl-left-minus-25px { + left: -25px !important; + } + .xl-left-minus-26px { + left: -26px !important; + } + .xl-left-minus-27px { + left: -27px !important; + } + .xl-left-minus-28px { + left: -28px !important; + } + .xl-left-minus-29px { + left: -29px !important; + } + .xl-left-minus-30px { + left: -30px !important; + } + .xl-left-minus-40px { + left: -40px !important; + } + .xl-left-minus-50px { + left: -50px !important; + } + .xl-left-minus-60px { + left: -60px !important; + } + .xl-left-minus-70px { + left: -70px !important; + } + .xl-left-minus-80px { + left: -80px !important; + } + .xl-left-minus-90px { + left: -90px !important; + } + .xl-left-minus-100px { + left: -100px !important; + } + .xl-left-minus-110px { + left: -110px !important; + } + .xl-left-minus-120px { + left: -120px !important; + } + .xl-left-minus-130px { + left: -130px !important; + } + .xl-left-minus-140px { + left: -140px !important; + } + .xl-left-minus-150px { + left: -150px !important; + } + .xl-border-width-0px { + border-width: 0px !important; + } + .xl-border-width-1px { + border-width: 1px !important; + } + .xl-border-width-2px { + border-width: 2px !important; + } + .xl-border-width-3px { + border-width: 3px !important; + } + .xl-border-width-4px { + border-width: 4px !important; + } + .xl-border-width-5px { + border-width: 5px !important; + } + .xl-border-width-6px { + border-width: 6px !important; + } + .xl-border-width-7px { + border-width: 7px !important; + } + .xl-border-width-8px { + border-width: 8px !important; + } + .xl-border-width-9px { + border-width: 9px !important; + } + .xl-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 1199px) { + .lg-p-5px { + padding: 5px !important; + } + .lg-p-10px { + padding: 10px !important; + } + .lg-p-15px { + padding: 15px !important; + } + .lg-p-20px { + padding: 20px !important; + } + .lg-p-25px { + padding: 25px !important; + } + .lg-p-30px { + padding: 30px !important; + } + .lg-p-35px { + padding: 35px !important; + } + .lg-p-40px { + padding: 40px !important; + } + .lg-p-45px { + padding: 45px !important; + } + .lg-p-50px { + padding: 50px !important; + } + .lg-p-55px { + padding: 55px !important; + } + .lg-p-60px { + padding: 60px !important; + } + .lg-p-65px { + padding: 65px !important; + } + .lg-p-70px { + padding: 70px !important; + } + .lg-p-1 { + padding: 1% !important; + } + .lg-p-2 { + padding: 2% !important; + } + .lg-p-3 { + padding: 3% !important; + } + .lg-p-4 { + padding: 4% !important; + } + .lg-p-5 { + padding: 5% !important; + } + .lg-p-6 { + padding: 6% !important; + } + .lg-p-7 { + padding: 7% !important; + } + .lg-p-8 { + padding: 8% !important; + } + .lg-p-9 { + padding: 9% !important; + } + .lg-p-10 { + padding: 10% !important; + } + .lg-p-11 { + padding: 11% !important; + } + .lg-p-12 { + padding: 12% !important; + } + .lg-p-13 { + padding: 13% !important; + } + .lg-p-14 { + padding: 14% !important; + } + .lg-p-15 { + padding: 15% !important; + } + .lg-p-16 { + padding: 16% !important; + } + .lg-p-17 { + padding: 17% !important; + } + .lg-p-18 { + padding: 18% !important; + } + .lg-p-19 { + padding: 19% !important; + } + .lg-p-20 { + padding: 20% !important; + } + .lg-p-21 { + padding: 21% !important; + } + .lg-p-22 { + padding: 22% !important; + } + .lg-p-23 { + padding: 23% !important; + } + .lg-p-24 { + padding: 24% !important; + } + .lg-p-25 { + padding: 25% !important; + } + .lg-p-26 { + padding: 26% !important; + } + .lg-p-27 { + padding: 27% !important; + } + .lg-p-28 { + padding: 28% !important; + } + .lg-p-29 { + padding: 29% !important; + } + .lg-p-30 { + padding: 30% !important; + } + .lg-pt-5px { + padding-top: 5px !important; + } + .lg-pt-10px { + padding-top: 10px !important; + } + .lg-pt-15px { + padding-top: 15px !important; + } + .lg-pt-20px { + padding-top: 20px !important; + } + .lg-pt-25px { + padding-top: 25px !important; + } + .lg-pt-30px { + padding-top: 30px !important; + } + .lg-pt-35px { + padding-top: 35px !important; + } + .lg-pt-40px { + padding-top: 40px !important; + } + .lg-pt-45px { + padding-top: 45px !important; + } + .lg-pt-50px { + padding-top: 50px !important; + } + .lg-pt-55px { + padding-top: 55px !important; + } + .lg-pt-60px { + padding-top: 60px !important; + } + .lg-pt-65px { + padding-top: 65px !important; + } + .lg-pt-70px { + padding-top: 70px !important; + } + .lg-pt-1 { + padding-top: 1% !important; + } + .lg-pt-2 { + padding-top: 2% !important; + } + .lg-pt-3 { + padding-top: 3% !important; + } + .lg-pt-4 { + padding-top: 4% !important; + } + .lg-pt-5 { + padding-top: 5% !important; + } + .lg-pt-6 { + padding-top: 6% !important; + } + .lg-pt-7 { + padding-top: 7% !important; + } + .lg-pt-8 { + padding-top: 8% !important; + } + .lg-pt-9 { + padding-top: 9% !important; + } + .lg-pt-10 { + padding-top: 10% !important; + } + .lg-pt-11 { + padding-top: 11% !important; + } + .lg-pt-12 { + padding-top: 12% !important; + } + .lg-pt-13 { + padding-top: 13% !important; + } + .lg-pt-14 { + padding-top: 14% !important; + } + .lg-pt-15 { + padding-top: 15% !important; + } + .lg-pt-16 { + padding-top: 16% !important; + } + .lg-pt-17 { + padding-top: 17% !important; + } + .lg-pt-18 { + padding-top: 18% !important; + } + .lg-pt-19 { + padding-top: 19% !important; + } + .lg-pt-20 { + padding-top: 20% !important; + } + .lg-pt-21 { + padding-top: 21% !important; + } + .lg-pt-22 { + padding-top: 22% !important; + } + .lg-pt-23 { + padding-top: 23% !important; + } + .lg-pt-24 { + padding-top: 24% !important; + } + .lg-pt-25 { + padding-top: 25% !important; + } + .lg-pt-26 { + padding-top: 26% !important; + } + .lg-pt-27 { + padding-top: 27% !important; + } + .lg-pt-28 { + padding-top: 28% !important; + } + .lg-pt-29 { + padding-top: 29% !important; + } + .lg-pt-30 { + padding-top: 30% !important; + } + .lg-pe-5px { + padding-right: 5px !important; + } + .lg-pe-10px { + padding-right: 10px !important; + } + .lg-pe-15px { + padding-right: 15px !important; + } + .lg-pe-20px { + padding-right: 20px !important; + } + .lg-pe-25px { + padding-right: 25px !important; + } + .lg-pe-30px { + padding-right: 30px !important; + } + .lg-pe-35px { + padding-right: 35px !important; + } + .lg-pe-40px { + padding-right: 40px !important; + } + .lg-pe-45px { + padding-right: 45px !important; + } + .lg-pe-50px { + padding-right: 50px !important; + } + .lg-pe-55px { + padding-right: 55px !important; + } + .lg-pe-60px { + padding-right: 60px !important; + } + .lg-pe-65px { + padding-right: 65px !important; + } + .lg-pe-70px { + padding-right: 70px !important; + } + .lg-pe-1 { + padding-right: 1% !important; + } + .lg-pe-2 { + padding-right: 2% !important; + } + .lg-pe-3 { + padding-right: 3% !important; + } + .lg-pe-4 { + padding-right: 4% !important; + } + .lg-pe-5 { + padding-right: 5% !important; + } + .lg-pe-6 { + padding-right: 6% !important; + } + .lg-pe-7 { + padding-right: 7% !important; + } + .lg-pe-8 { + padding-right: 8% !important; + } + .lg-pe-9 { + padding-right: 9% !important; + } + .lg-pe-10 { + padding-right: 10% !important; + } + .lg-pe-11 { + padding-right: 11% !important; + } + .lg-pe-12 { + padding-right: 12% !important; + } + .lg-pe-13 { + padding-right: 13% !important; + } + .lg-pe-14 { + padding-right: 14% !important; + } + .lg-pe-15 { + padding-right: 15% !important; + } + .lg-pe-16 { + padding-right: 16% !important; + } + .lg-pe-17 { + padding-right: 17% !important; + } + .lg-pe-18 { + padding-right: 18% !important; + } + .lg-pe-19 { + padding-right: 19% !important; + } + .lg-pe-20 { + padding-right: 20% !important; + } + .lg-pe-21 { + padding-right: 21% !important; + } + .lg-pe-22 { + padding-right: 22% !important; + } + .lg-pe-23 { + padding-right: 23% !important; + } + .lg-pe-24 { + padding-right: 24% !important; + } + .lg-pe-25 { + padding-right: 25% !important; + } + .lg-pe-26 { + padding-right: 26% !important; + } + .lg-pe-27 { + padding-right: 27% !important; + } + .lg-pe-28 { + padding-right: 28% !important; + } + .lg-pe-29 { + padding-right: 29% !important; + } + .lg-pe-30 { + padding-right: 30% !important; + } + .lg-pb-5px { + padding-bottom: 5px !important; + } + .lg-pb-10px { + padding-bottom: 10px !important; + } + .lg-pb-15px { + padding-bottom: 15px !important; + } + .lg-pb-20px { + padding-bottom: 20px !important; + } + .lg-pb-25px { + padding-bottom: 25px !important; + } + .lg-pb-30px { + padding-bottom: 30px !important; + } + .lg-pb-35px { + padding-bottom: 35px !important; + } + .lg-pb-40px { + padding-bottom: 40px !important; + } + .lg-pb-45px { + padding-bottom: 45px !important; + } + .lg-pb-50px { + padding-bottom: 50px !important; + } + .lg-pb-55px { + padding-bottom: 55px !important; + } + .lg-pb-60px { + padding-bottom: 60px !important; + } + .lg-pb-65px { + padding-bottom: 65px !important; + } + .lg-pb-70px { + padding-bottom: 70px !important; + } + .lg-pb-1 { + padding-bottom: 1% !important; + } + .lg-pb-2 { + padding-bottom: 2% !important; + } + .lg-pb-3 { + padding-bottom: 3% !important; + } + .lg-pb-4 { + padding-bottom: 4% !important; + } + .lg-pb-5 { + padding-bottom: 5% !important; + } + .lg-pb-6 { + padding-bottom: 6% !important; + } + .lg-pb-7 { + padding-bottom: 7% !important; + } + .lg-pb-8 { + padding-bottom: 8% !important; + } + .lg-pb-9 { + padding-bottom: 9% !important; + } + .lg-pb-10 { + padding-bottom: 10% !important; + } + .lg-pb-11 { + padding-bottom: 11% !important; + } + .lg-pb-12 { + padding-bottom: 12% !important; + } + .lg-pb-13 { + padding-bottom: 13% !important; + } + .lg-pb-14 { + padding-bottom: 14% !important; + } + .lg-pb-15 { + padding-bottom: 15% !important; + } + .lg-pb-16 { + padding-bottom: 16% !important; + } + .lg-pb-17 { + padding-bottom: 17% !important; + } + .lg-pb-18 { + padding-bottom: 18% !important; + } + .lg-pb-19 { + padding-bottom: 19% !important; + } + .lg-pb-20 { + padding-bottom: 20% !important; + } + .lg-pb-21 { + padding-bottom: 21% !important; + } + .lg-pb-22 { + padding-bottom: 22% !important; + } + .lg-pb-23 { + padding-bottom: 23% !important; + } + .lg-pb-24 { + padding-bottom: 24% !important; + } + .lg-pb-25 { + padding-bottom: 25% !important; + } + .lg-pb-26 { + padding-bottom: 26% !important; + } + .lg-pb-27 { + padding-bottom: 27% !important; + } + .lg-pb-28 { + padding-bottom: 28% !important; + } + .lg-pb-29 { + padding-bottom: 29% !important; + } + .lg-pb-30 { + padding-bottom: 30% !important; + } + .lg-ps-5px { + padding-left: 5px !important; + } + .lg-ps-10px { + padding-left: 10px !important; + } + .lg-ps-15px { + padding-left: 15px !important; + } + .lg-ps-20px { + padding-left: 20px !important; + } + .lg-ps-25px { + padding-left: 25px !important; + } + .lg-ps-30px { + padding-left: 30px !important; + } + .lg-ps-35px { + padding-left: 35px !important; + } + .lg-ps-40px { + padding-left: 40px !important; + } + .lg-ps-45px { + padding-left: 45px !important; + } + .lg-ps-50px { + padding-left: 50px !important; + } + .lg-ps-55px { + padding-left: 55px !important; + } + .lg-ps-60px { + padding-left: 60px !important; + } + .lg-ps-65px { + padding-left: 65px !important; + } + .lg-ps-70px { + padding-left: 70px !important; + } + .lg-ps-1 { + padding-left: 1% !important; + } + .lg-ps-2 { + padding-left: 2% !important; + } + .lg-ps-3 { + padding-left: 3% !important; + } + .lg-ps-4 { + padding-left: 4% !important; + } + .lg-ps-5 { + padding-left: 5% !important; + } + .lg-ps-6 { + padding-left: 6% !important; + } + .lg-ps-7 { + padding-left: 7% !important; + } + .lg-ps-8 { + padding-left: 8% !important; + } + .lg-ps-9 { + padding-left: 9% !important; + } + .lg-ps-10 { + padding-left: 10% !important; + } + .lg-ps-11 { + padding-left: 11% !important; + } + .lg-ps-12 { + padding-left: 12% !important; + } + .lg-ps-13 { + padding-left: 13% !important; + } + .lg-ps-14 { + padding-left: 14% !important; + } + .lg-ps-15 { + padding-left: 15% !important; + } + .lg-ps-16 { + padding-left: 16% !important; + } + .lg-ps-17 { + padding-left: 17% !important; + } + .lg-ps-18 { + padding-left: 18% !important; + } + .lg-ps-19 { + padding-left: 19% !important; + } + .lg-ps-20 { + padding-left: 20% !important; + } + .lg-ps-21 { + padding-left: 21% !important; + } + .lg-ps-22 { + padding-left: 22% !important; + } + .lg-ps-23 { + padding-left: 23% !important; + } + .lg-ps-24 { + padding-left: 24% !important; + } + .lg-ps-25 { + padding-left: 25% !important; + } + .lg-ps-26 { + padding-left: 26% !important; + } + .lg-ps-27 { + padding-left: 27% !important; + } + .lg-ps-28 { + padding-left: 28% !important; + } + .lg-ps-29 { + padding-left: 29% !important; + } + .lg-ps-30 { + padding-left: 30% !important; + } + .lg-m-5px { + margin: 5px !important; + } + .lg-m-10px { + margin: 10px !important; + } + .lg-m-15px { + margin: 15px !important; + } + .lg-m-20px { + margin: 20px !important; + } + .lg-m-25px { + margin: 25px !important; + } + .lg-m-30px { + margin: 30px !important; + } + .lg-m-35px { + margin: 35px !important; + } + .lg-m-40px { + margin: 40px !important; + } + .lg-m-45px { + margin: 45px !important; + } + .lg-m-50px { + margin: 50px !important; + } + .lg-m-55px { + margin: 55px !important; + } + .lg-m-60px { + margin: 60px !important; + } + .lg-m-65px { + margin: 65px !important; + } + .lg-m-70px { + margin: 70px !important; + } + .lg-m-1 { + margin: 1% !important; + } + .lg-m-2 { + margin: 2% !important; + } + .lg-m-3 { + margin: 3% !important; + } + .lg-m-4 { + margin: 4% !important; + } + .lg-m-5 { + margin: 5% !important; + } + .lg-m-6 { + margin: 6% !important; + } + .lg-m-7 { + margin: 7% !important; + } + .lg-m-8 { + margin: 8% !important; + } + .lg-m-9 { + margin: 9% !important; + } + .lg-m-10 { + margin: 10% !important; + } + .lg-m-11 { + margin: 11% !important; + } + .lg-m-12 { + margin: 12% !important; + } + .lg-m-13 { + margin: 13% !important; + } + .lg-m-14 { + margin: 14% !important; + } + .lg-m-15 { + margin: 15% !important; + } + .lg-m-16 { + margin: 16% !important; + } + .lg-m-17 { + margin: 17% !important; + } + .lg-m-18 { + margin: 18% !important; + } + .lg-m-19 { + margin: 19% !important; + } + .lg-m-20 { + margin: 20% !important; + } + .lg-m-21 { + margin: 21% !important; + } + .lg-m-22 { + margin: 22% !important; + } + .lg-m-23 { + margin: 23% !important; + } + .lg-m-24 { + margin: 24% !important; + } + .lg-m-25 { + margin: 25% !important; + } + .lg-m-26 { + margin: 26% !important; + } + .lg-m-27 { + margin: 27% !important; + } + .lg-m-28 { + margin: 28% !important; + } + .lg-m-29 { + margin: 29% !important; + } + .lg-m-30 { + margin: 30% !important; + } + .lg-mt-5px { + margin-top: 5px !important; + } + .lg-mt-10px { + margin-top: 10px !important; + } + .lg-mt-15px { + margin-top: 15px !important; + } + .lg-mt-20px { + margin-top: 20px !important; + } + .lg-mt-25px { + margin-top: 25px !important; + } + .lg-mt-30px { + margin-top: 30px !important; + } + .lg-mt-35px { + margin-top: 35px !important; + } + .lg-mt-40px { + margin-top: 40px !important; + } + .lg-mt-45px { + margin-top: 45px !important; + } + .lg-mt-50px { + margin-top: 50px !important; + } + .lg-mt-55px { + margin-top: 55px !important; + } + .lg-mt-60px { + margin-top: 60px !important; + } + .lg-mt-65px { + margin-top: 65px !important; + } + .lg-mt-70px { + margin-top: 70px !important; + } + .lg-mt-1 { + margin-top: 1% !important; + } + .lg-mt-2 { + margin-top: 2% !important; + } + .lg-mt-3 { + margin-top: 3% !important; + } + .lg-mt-4 { + margin-top: 4% !important; + } + .lg-mt-5 { + margin-top: 5% !important; + } + .lg-mt-6 { + margin-top: 6% !important; + } + .lg-mt-7 { + margin-top: 7% !important; + } + .lg-mt-8 { + margin-top: 8% !important; + } + .lg-mt-9 { + margin-top: 9% !important; + } + .lg-mt-10 { + margin-top: 10% !important; + } + .lg-mt-11 { + margin-top: 11% !important; + } + .lg-mt-12 { + margin-top: 12% !important; + } + .lg-mt-13 { + margin-top: 13% !important; + } + .lg-mt-14 { + margin-top: 14% !important; + } + .lg-mt-15 { + margin-top: 15% !important; + } + .lg-mt-16 { + margin-top: 16% !important; + } + .lg-mt-17 { + margin-top: 17% !important; + } + .lg-mt-18 { + margin-top: 18% !important; + } + .lg-mt-19 { + margin-top: 19% !important; + } + .lg-mt-20 { + margin-top: 20% !important; + } + .lg-mt-21 { + margin-top: 21% !important; + } + .lg-mt-22 { + margin-top: 22% !important; + } + .lg-mt-23 { + margin-top: 23% !important; + } + .lg-mt-24 { + margin-top: 24% !important; + } + .lg-mt-25 { + margin-top: 25% !important; + } + .lg-mt-26 { + margin-top: 26% !important; + } + .lg-mt-27 { + margin-top: 27% !important; + } + .lg-mt-28 { + margin-top: 28% !important; + } + .lg-mt-29 { + margin-top: 29% !important; + } + .lg-mt-30 { + margin-top: 30% !important; + } + .lg-me-5px { + margin-right: 5px !important; + } + .lg-me-10px { + margin-right: 10px !important; + } + .lg-me-15px { + margin-right: 15px !important; + } + .lg-me-20px { + margin-right: 20px !important; + } + .lg-me-25px { + margin-right: 25px !important; + } + .lg-me-30px { + margin-right: 30px !important; + } + .lg-me-35px { + margin-right: 35px !important; + } + .lg-me-40px { + margin-right: 40px !important; + } + .lg-me-45px { + margin-right: 45px !important; + } + .lg-me-50px { + margin-right: 50px !important; + } + .lg-me-55px { + margin-right: 55px !important; + } + .lg-me-60px { + margin-right: 60px !important; + } + .lg-me-65px { + margin-right: 65px !important; + } + .lg-me-70px { + margin-right: 70px !important; + } + .lg-me-1 { + margin-right: 1% !important; + } + .lg-me-2 { + margin-right: 2% !important; + } + .lg-me-3 { + margin-right: 3% !important; + } + .lg-me-4 { + margin-right: 4% !important; + } + .lg-me-5 { + margin-right: 5% !important; + } + .lg-me-6 { + margin-right: 6% !important; + } + .lg-me-7 { + margin-right: 7% !important; + } + .lg-me-8 { + margin-right: 8% !important; + } + .lg-me-9 { + margin-right: 9% !important; + } + .lg-me-10 { + margin-right: 10% !important; + } + .lg-me-11 { + margin-right: 11% !important; + } + .lg-me-12 { + margin-right: 12% !important; + } + .lg-me-13 { + margin-right: 13% !important; + } + .lg-me-14 { + margin-right: 14% !important; + } + .lg-me-15 { + margin-right: 15% !important; + } + .lg-me-16 { + margin-right: 16% !important; + } + .lg-me-17 { + margin-right: 17% !important; + } + .lg-me-18 { + margin-right: 18% !important; + } + .lg-me-19 { + margin-right: 19% !important; + } + .lg-me-20 { + margin-right: 20% !important; + } + .lg-me-21 { + margin-right: 21% !important; + } + .lg-me-22 { + margin-right: 22% !important; + } + .lg-me-23 { + margin-right: 23% !important; + } + .lg-me-24 { + margin-right: 24% !important; + } + .lg-me-25 { + margin-right: 25% !important; + } + .lg-me-26 { + margin-right: 26% !important; + } + .lg-me-27 { + margin-right: 27% !important; + } + .lg-me-28 { + margin-right: 28% !important; + } + .lg-me-29 { + margin-right: 29% !important; + } + .lg-me-30 { + margin-right: 30% !important; + } + .lg-mb-5px { + margin-bottom: 5px !important; + } + .lg-mb-10px { + margin-bottom: 10px !important; + } + .lg-mb-15px { + margin-bottom: 15px !important; + } + .lg-mb-20px { + margin-bottom: 20px !important; + } + .lg-mb-25px { + margin-bottom: 25px !important; + } + .lg-mb-30px { + margin-bottom: 30px !important; + } + .lg-mb-35px { + margin-bottom: 35px !important; + } + .lg-mb-40px { + margin-bottom: 40px !important; + } + .lg-mb-45px { + margin-bottom: 45px !important; + } + .lg-mb-50px { + margin-bottom: 50px !important; + } + .lg-mb-55px { + margin-bottom: 55px !important; + } + .lg-mb-60px { + margin-bottom: 60px !important; + } + .lg-mb-65px { + margin-bottom: 65px !important; + } + .lg-mb-70px { + margin-bottom: 70px !important; + } + .lg-mb-1 { + margin-bottom: 1% !important; + } + .lg-mb-2 { + margin-bottom: 2% !important; + } + .lg-mb-3 { + margin-bottom: 3% !important; + } + .lg-mb-4 { + margin-bottom: 4% !important; + } + .lg-mb-5 { + margin-bottom: 5% !important; + } + .lg-mb-6 { + margin-bottom: 6% !important; + } + .lg-mb-7 { + margin-bottom: 7% !important; + } + .lg-mb-8 { + margin-bottom: 8% !important; + } + .lg-mb-9 { + margin-bottom: 9% !important; + } + .lg-mb-10 { + margin-bottom: 10% !important; + } + .lg-mb-11 { + margin-bottom: 11% !important; + } + .lg-mb-12 { + margin-bottom: 12% !important; + } + .lg-mb-13 { + margin-bottom: 13% !important; + } + .lg-mb-14 { + margin-bottom: 14% !important; + } + .lg-mb-15 { + margin-bottom: 15% !important; + } + .lg-mb-16 { + margin-bottom: 16% !important; + } + .lg-mb-17 { + margin-bottom: 17% !important; + } + .lg-mb-18 { + margin-bottom: 18% !important; + } + .lg-mb-19 { + margin-bottom: 19% !important; + } + .lg-mb-20 { + margin-bottom: 20% !important; + } + .lg-mb-21 { + margin-bottom: 21% !important; + } + .lg-mb-22 { + margin-bottom: 22% !important; + } + .lg-mb-23 { + margin-bottom: 23% !important; + } + .lg-mb-24 { + margin-bottom: 24% !important; + } + .lg-mb-25 { + margin-bottom: 25% !important; + } + .lg-mb-26 { + margin-bottom: 26% !important; + } + .lg-mb-27 { + margin-bottom: 27% !important; + } + .lg-mb-28 { + margin-bottom: 28% !important; + } + .lg-mb-29 { + margin-bottom: 29% !important; + } + .lg-mb-30 { + margin-bottom: 30% !important; + } + .lg-ms-5px { + margin-left: 5px !important; + } + .lg-ms-10px { + margin-left: 10px !important; + } + .lg-ms-15px { + margin-left: 15px !important; + } + .lg-ms-20px { + margin-left: 20px !important; + } + .lg-ms-25px { + margin-left: 25px !important; + } + .lg-ms-30px { + margin-left: 30px !important; + } + .lg-ms-35px { + margin-left: 35px !important; + } + .lg-ms-40px { + margin-left: 40px !important; + } + .lg-ms-45px { + margin-left: 45px !important; + } + .lg-ms-50px { + margin-left: 50px !important; + } + .lg-ms-55px { + margin-left: 55px !important; + } + .lg-ms-60px { + margin-left: 60px !important; + } + .lg-ms-65px { + margin-left: 65px !important; + } + .lg-ms-70px { + margin-left: 70px !important; + } + .lg-ms-1 { + margin-left: 1% !important; + } + .lg-ms-2 { + margin-left: 2% !important; + } + .lg-ms-3 { + margin-left: 3% !important; + } + .lg-ms-4 { + margin-left: 4% !important; + } + .lg-ms-5 { + margin-left: 5% !important; + } + .lg-ms-6 { + margin-left: 6% !important; + } + .lg-ms-7 { + margin-left: 7% !important; + } + .lg-ms-8 { + margin-left: 8% !important; + } + .lg-ms-9 { + margin-left: 9% !important; + } + .lg-ms-10 { + margin-left: 10% !important; + } + .lg-ms-11 { + margin-left: 11% !important; + } + .lg-ms-12 { + margin-left: 12% !important; + } + .lg-ms-13 { + margin-left: 13% !important; + } + .lg-ms-14 { + margin-left: 14% !important; + } + .lg-ms-15 { + margin-left: 15% !important; + } + .lg-ms-16 { + margin-left: 16% !important; + } + .lg-ms-17 { + margin-left: 17% !important; + } + .lg-ms-18 { + margin-left: 18% !important; + } + .lg-ms-19 { + margin-left: 19% !important; + } + .lg-ms-20 { + margin-left: 20% !important; + } + .lg-ms-21 { + margin-left: 21% !important; + } + .lg-ms-22 { + margin-left: 22% !important; + } + .lg-ms-23 { + margin-left: 23% !important; + } + .lg-ms-24 { + margin-left: 24% !important; + } + .lg-ms-25 { + margin-left: 25% !important; + } + .lg-ms-26 { + margin-left: 26% !important; + } + .lg-ms-27 { + margin-left: 27% !important; + } + .lg-ms-28 { + margin-left: 28% !important; + } + .lg-ms-29 { + margin-left: 29% !important; + } + .lg-ms-30 { + margin-left: 30% !important; + } + .lg-top-0px { + top: 0px !important; + } + .lg-top-1px { + top: 1px !important; + } + .lg-top-2px { + top: 2px !important; + } + .lg-top-3px { + top: 3px !important; + } + .lg-top-4px { + top: 4px !important; + } + .lg-top-5px { + top: 5px !important; + } + .lg-top-6px { + top: 6px !important; + } + .lg-top-7px { + top: 7px !important; + } + .lg-top-8px { + top: 8px !important; + } + .lg-top-9px { + top: 9px !important; + } + .lg-top-10px { + top: 10px !important; + } + .lg-top-11px { + top: 11px !important; + } + .lg-top-12px { + top: 12px !important; + } + .lg-top-13px { + top: 13px !important; + } + .lg-top-14px { + top: 14px !important; + } + .lg-top-15px { + top: 15px !important; + } + .lg-top-16px { + top: 16px !important; + } + .lg-top-17px { + top: 17px !important; + } + .lg-top-18px { + top: 18px !important; + } + .lg-top-19px { + top: 19px !important; + } + .lg-top-20px { + top: 20px !important; + } + .lg-top-21px { + top: 21px !important; + } + .lg-top-22px { + top: 22px !important; + } + .lg-top-23px { + top: 23px !important; + } + .lg-top-24px { + top: 24px !important; + } + .lg-top-25px { + top: 25px !important; + } + .lg-top-26px { + top: 26px !important; + } + .lg-top-27px { + top: 27px !important; + } + .lg-top-28px { + top: 28px !important; + } + .lg-top-29px { + top: 29px !important; + } + .lg-top-30px { + top: 30px !important; + } + .lg-top-40px { + top: 40px !important; + } + .lg-top-50px { + top: 50px !important; + } + .lg-top-60px { + top: 60px !important; + } + .lg-top-70px { + top: 70px !important; + } + .lg-top-80px { + top: 80px !important; + } + .lg-top-90px { + top: 90px !important; + } + .lg-top-100px { + top: 100px !important; + } + .lg-top-110px { + top: 110px !important; + } + .lg-top-120px { + top: 120px !important; + } + .lg-top-130px { + top: 130px !important; + } + .lg-top-140px { + top: 140px !important; + } + .lg-top-150px { + top: 150px !important; + } + .lg-right-0px { + right: 0px !important; + } + .lg-right-1px { + right: 1px !important; + } + .lg-right-2px { + right: 2px !important; + } + .lg-right-3px { + right: 3px !important; + } + .lg-right-4px { + right: 4px !important; + } + .lg-right-5px { + right: 5px !important; + } + .lg-right-6px { + right: 6px !important; + } + .lg-right-7px { + right: 7px !important; + } + .lg-right-8px { + right: 8px !important; + } + .lg-right-9px { + right: 9px !important; + } + .lg-right-10px { + right: 10px !important; + } + .lg-right-11px { + right: 11px !important; + } + .lg-right-12px { + right: 12px !important; + } + .lg-right-13px { + right: 13px !important; + } + .lg-right-14px { + right: 14px !important; + } + .lg-right-15px { + right: 15px !important; + } + .lg-right-16px { + right: 16px !important; + } + .lg-right-17px { + right: 17px !important; + } + .lg-right-18px { + right: 18px !important; + } + .lg-right-19px { + right: 19px !important; + } + .lg-right-20px { + right: 20px !important; + } + .lg-right-21px { + right: 21px !important; + } + .lg-right-22px { + right: 22px !important; + } + .lg-right-23px { + right: 23px !important; + } + .lg-right-24px { + right: 24px !important; + } + .lg-right-25px { + right: 25px !important; + } + .lg-right-26px { + right: 26px !important; + } + .lg-right-27px { + right: 27px !important; + } + .lg-right-28px { + right: 28px !important; + } + .lg-right-29px { + right: 29px !important; + } + .lg-right-30px { + right: 30px !important; + } + .lg-right-40px { + right: 40px !important; + } + .lg-right-50px { + right: 50px !important; + } + .lg-right-60px { + right: 60px !important; + } + .lg-right-70px { + right: 70px !important; + } + .lg-right-80px { + right: 80px !important; + } + .lg-right-90px { + right: 90px !important; + } + .lg-right-100px { + right: 100px !important; + } + .lg-right-110px { + right: 110px !important; + } + .lg-right-120px { + right: 120px !important; + } + .lg-right-130px { + right: 130px !important; + } + .lg-right-140px { + right: 140px !important; + } + .lg-right-150px { + right: 150px !important; + } + .lg-bottom-0px { + bottom: 0px !important; + } + .lg-bottom-1px { + bottom: 1px !important; + } + .lg-bottom-2px { + bottom: 2px !important; + } + .lg-bottom-3px { + bottom: 3px !important; + } + .lg-bottom-4px { + bottom: 4px !important; + } + .lg-bottom-5px { + bottom: 5px !important; + } + .lg-bottom-6px { + bottom: 6px !important; + } + .lg-bottom-7px { + bottom: 7px !important; + } + .lg-bottom-8px { + bottom: 8px !important; + } + .lg-bottom-9px { + bottom: 9px !important; + } + .lg-bottom-10px { + bottom: 10px !important; + } + .lg-bottom-11px { + bottom: 11px !important; + } + .lg-bottom-12px { + bottom: 12px !important; + } + .lg-bottom-13px { + bottom: 13px !important; + } + .lg-bottom-14px { + bottom: 14px !important; + } + .lg-bottom-15px { + bottom: 15px !important; + } + .lg-bottom-16px { + bottom: 16px !important; + } + .lg-bottom-17px { + bottom: 17px !important; + } + .lg-bottom-18px { + bottom: 18px !important; + } + .lg-bottom-19px { + bottom: 19px !important; + } + .lg-bottom-20px { + bottom: 20px !important; + } + .lg-bottom-21px { + bottom: 21px !important; + } + .lg-bottom-22px { + bottom: 22px !important; + } + .lg-bottom-23px { + bottom: 23px !important; + } + .lg-bottom-24px { + bottom: 24px !important; + } + .lg-bottom-25px { + bottom: 25px !important; + } + .lg-bottom-26px { + bottom: 26px !important; + } + .lg-bottom-27px { + bottom: 27px !important; + } + .lg-bottom-28px { + bottom: 28px !important; + } + .lg-bottom-29px { + bottom: 29px !important; + } + .lg-bottom-30px { + bottom: 30px !important; + } + .lg-bottom-40px { + bottom: 40px !important; + } + .lg-bottom-50px { + bottom: 50px !important; + } + .lg-bottom-60px { + bottom: 60px !important; + } + .lg-bottom-70px { + bottom: 70px !important; + } + .lg-bottom-80px { + bottom: 80px !important; + } + .lg-bottom-90px { + bottom: 90px !important; + } + .lg-bottom-100px { + bottom: 100px !important; + } + .lg-bottom-110px { + bottom: 110px !important; + } + .lg-bottom-120px { + bottom: 120px !important; + } + .lg-bottom-130px { + bottom: 130px !important; + } + .lg-bottom-140px { + bottom: 140px !important; + } + .lg-bottom-150px { + bottom: 150px !important; + } + .lg-left-0px { + left: 0px !important; + } + .lg-left-1px { + left: 1px !important; + } + .lg-left-2px { + left: 2px !important; + } + .lg-left-3px { + left: 3px !important; + } + .lg-left-4px { + left: 4px !important; + } + .lg-left-5px { + left: 5px !important; + } + .lg-left-6px { + left: 6px !important; + } + .lg-left-7px { + left: 7px !important; + } + .lg-left-8px { + left: 8px !important; + } + .lg-left-9px { + left: 9px !important; + } + .lg-left-10px { + left: 10px !important; + } + .lg-left-11px { + left: 11px !important; + } + .lg-left-12px { + left: 12px !important; + } + .lg-left-13px { + left: 13px !important; + } + .lg-left-14px { + left: 14px !important; + } + .lg-left-15px { + left: 15px !important; + } + .lg-left-16px { + left: 16px !important; + } + .lg-left-17px { + left: 17px !important; + } + .lg-left-18px { + left: 18px !important; + } + .lg-left-19px { + left: 19px !important; + } + .lg-left-20px { + left: 20px !important; + } + .lg-left-21px { + left: 21px !important; + } + .lg-left-22px { + left: 22px !important; + } + .lg-left-23px { + left: 23px !important; + } + .lg-left-24px { + left: 24px !important; + } + .lg-left-25px { + left: 25px !important; + } + .lg-left-26px { + left: 26px !important; + } + .lg-left-27px { + left: 27px !important; + } + .lg-left-28px { + left: 28px !important; + } + .lg-left-29px { + left: 29px !important; + } + .lg-left-30px { + left: 30px !important; + } + .lg-left-40px { + left: 40px !important; + } + .lg-left-50px { + left: 50px !important; + } + .lg-left-60px { + left: 60px !important; + } + .lg-left-70px { + left: 70px !important; + } + .lg-left-80px { + left: 80px !important; + } + .lg-left-90px { + left: 90px !important; + } + .lg-left-100px { + left: 100px !important; + } + .lg-left-110px { + left: 110px !important; + } + .lg-left-120px { + left: 120px !important; + } + .lg-left-130px { + left: 130px !important; + } + .lg-left-140px { + left: 140px !important; + } + .lg-left-150px { + left: 150px !important; + } + .lg-top-minus-0px { + top: -0px !important; + } + .lg-top-minus-1px { + top: -1px !important; + } + .lg-top-minus-2px { + top: -2px !important; + } + .lg-top-minus-3px { + top: -3px !important; + } + .lg-top-minus-4px { + top: -4px !important; + } + .lg-top-minus-5px { + top: -5px !important; + } + .lg-top-minus-6px { + top: -6px !important; + } + .lg-top-minus-7px { + top: -7px !important; + } + .lg-top-minus-8px { + top: -8px !important; + } + .lg-top-minus-9px { + top: -9px !important; + } + .lg-top-minus-10px { + top: -10px !important; + } + .lg-top-minus-11px { + top: -11px !important; + } + .lg-top-minus-12px { + top: -12px !important; + } + .lg-top-minus-13px { + top: -13px !important; + } + .lg-top-minus-14px { + top: -14px !important; + } + .lg-top-minus-15px { + top: -15px !important; + } + .lg-top-minus-16px { + top: -16px !important; + } + .lg-top-minus-17px { + top: -17px !important; + } + .lg-top-minus-18px { + top: -18px !important; + } + .lg-top-minus-19px { + top: -19px !important; + } + .lg-top-minus-20px { + top: -20px !important; + } + .lg-top-minus-21px { + top: -21px !important; + } + .lg-top-minus-22px { + top: -22px !important; + } + .lg-top-minus-23px { + top: -23px !important; + } + .lg-top-minus-24px { + top: -24px !important; + } + .lg-top-minus-25px { + top: -25px !important; + } + .lg-top-minus-26px { + top: -26px !important; + } + .lg-top-minus-27px { + top: -27px !important; + } + .lg-top-minus-28px { + top: -28px !important; + } + .lg-top-minus-29px { + top: -29px !important; + } + .lg-top-minus-30px { + top: -30px !important; + } + .lg-top-minus-40px { + top: -40px !important; + } + .lg-top-minus-50px { + top: -50px !important; + } + .lg-top-minus-60px { + top: -60px !important; + } + .lg-top-minus-70px { + top: -70px !important; + } + .lg-top-minus-80px { + top: -80px !important; + } + .lg-top-minus-90px { + top: -90px !important; + } + .lg-top-minus-100px { + top: -100px !important; + } + .lg-top-minus-110px { + top: -110px !important; + } + .lg-top-minus-120px { + top: -120px !important; + } + .lg-top-minus-130px { + top: -130px !important; + } + .lg-top-minus-140px { + top: -140px !important; + } + .lg-top-minus-150px { + top: -150px !important; + } + .lg-right-minus-0px { + right: -0px !important; + } + .lg-right-minus-1px { + right: -1px !important; + } + .lg-right-minus-2px { + right: -2px !important; + } + .lg-right-minus-3px { + right: -3px !important; + } + .lg-right-minus-4px { + right: -4px !important; + } + .lg-right-minus-5px { + right: -5px !important; + } + .lg-right-minus-6px { + right: -6px !important; + } + .lg-right-minus-7px { + right: -7px !important; + } + .lg-right-minus-8px { + right: -8px !important; + } + .lg-right-minus-9px { + right: -9px !important; + } + .lg-right-minus-10px { + right: -10px !important; + } + .lg-right-minus-11px { + right: -11px !important; + } + .lg-right-minus-12px { + right: -12px !important; + } + .lg-right-minus-13px { + right: -13px !important; + } + .lg-right-minus-14px { + right: -14px !important; + } + .lg-right-minus-15px { + right: -15px !important; + } + .lg-right-minus-16px { + right: -16px !important; + } + .lg-right-minus-17px { + right: -17px !important; + } + .lg-right-minus-18px { + right: -18px !important; + } + .lg-right-minus-19px { + right: -19px !important; + } + .lg-right-minus-20px { + right: -20px !important; + } + .lg-right-minus-21px { + right: -21px !important; + } + .lg-right-minus-22px { + right: -22px !important; + } + .lg-right-minus-23px { + right: -23px !important; + } + .lg-right-minus-24px { + right: -24px !important; + } + .lg-right-minus-25px { + right: -25px !important; + } + .lg-right-minus-26px { + right: -26px !important; + } + .lg-right-minus-27px { + right: -27px !important; + } + .lg-right-minus-28px { + right: -28px !important; + } + .lg-right-minus-29px { + right: -29px !important; + } + .lg-right-minus-30px { + right: -30px !important; + } + .lg-right-minus-40px { + right: -40px !important; + } + .lg-right-minus-50px { + right: -50px !important; + } + .lg-right-minus-60px { + right: -60px !important; + } + .lg-right-minus-70px { + right: -70px !important; + } + .lg-right-minus-80px { + right: -80px !important; + } + .lg-right-minus-90px { + right: -90px !important; + } + .lg-right-minus-100px { + right: -100px !important; + } + .lg-right-minus-110px { + right: -110px !important; + } + .lg-right-minus-120px { + right: -120px !important; + } + .lg-right-minus-130px { + right: -130px !important; + } + .lg-right-minus-140px { + right: -140px !important; + } + .lg-right-minus-150px { + right: -150px !important; + } + .lg-bottom-minus-0px { + bottom: -0px !important; + } + .lg-bottom-minus-1px { + bottom: -1px !important; + } + .lg-bottom-minus-2px { + bottom: -2px !important; + } + .lg-bottom-minus-3px { + bottom: -3px !important; + } + .lg-bottom-minus-4px { + bottom: -4px !important; + } + .lg-bottom-minus-5px { + bottom: -5px !important; + } + .lg-bottom-minus-6px { + bottom: -6px !important; + } + .lg-bottom-minus-7px { + bottom: -7px !important; + } + .lg-bottom-minus-8px { + bottom: -8px !important; + } + .lg-bottom-minus-9px { + bottom: -9px !important; + } + .lg-bottom-minus-10px { + bottom: -10px !important; + } + .lg-bottom-minus-11px { + bottom: -11px !important; + } + .lg-bottom-minus-12px { + bottom: -12px !important; + } + .lg-bottom-minus-13px { + bottom: -13px !important; + } + .lg-bottom-minus-14px { + bottom: -14px !important; + } + .lg-bottom-minus-15px { + bottom: -15px !important; + } + .lg-bottom-minus-16px { + bottom: -16px !important; + } + .lg-bottom-minus-17px { + bottom: -17px !important; + } + .lg-bottom-minus-18px { + bottom: -18px !important; + } + .lg-bottom-minus-19px { + bottom: -19px !important; + } + .lg-bottom-minus-20px { + bottom: -20px !important; + } + .lg-bottom-minus-21px { + bottom: -21px !important; + } + .lg-bottom-minus-22px { + bottom: -22px !important; + } + .lg-bottom-minus-23px { + bottom: -23px !important; + } + .lg-bottom-minus-24px { + bottom: -24px !important; + } + .lg-bottom-minus-25px { + bottom: -25px !important; + } + .lg-bottom-minus-26px { + bottom: -26px !important; + } + .lg-bottom-minus-27px { + bottom: -27px !important; + } + .lg-bottom-minus-28px { + bottom: -28px !important; + } + .lg-bottom-minus-29px { + bottom: -29px !important; + } + .lg-bottom-minus-30px { + bottom: -30px !important; + } + .lg-bottom-minus-40px { + bottom: -40px !important; + } + .lg-bottom-minus-50px { + bottom: -50px !important; + } + .lg-bottom-minus-60px { + bottom: -60px !important; + } + .lg-bottom-minus-70px { + bottom: -70px !important; + } + .lg-bottom-minus-80px { + bottom: -80px !important; + } + .lg-bottom-minus-90px { + bottom: -90px !important; + } + .lg-bottom-minus-100px { + bottom: -100px !important; + } + .lg-bottom-minus-110px { + bottom: -110px !important; + } + .lg-bottom-minus-120px { + bottom: -120px !important; + } + .lg-bottom-minus-130px { + bottom: -130px !important; + } + .lg-bottom-minus-140px { + bottom: -140px !important; + } + .lg-bottom-minus-150px { + bottom: -150px !important; + } + .lg-left-minus-0px { + left: -0px !important; + } + .lg-left-minus-1px { + left: -1px !important; + } + .lg-left-minus-2px { + left: -2px !important; + } + .lg-left-minus-3px { + left: -3px !important; + } + .lg-left-minus-4px { + left: -4px !important; + } + .lg-left-minus-5px { + left: -5px !important; + } + .lg-left-minus-6px { + left: -6px !important; + } + .lg-left-minus-7px { + left: -7px !important; + } + .lg-left-minus-8px { + left: -8px !important; + } + .lg-left-minus-9px { + left: -9px !important; + } + .lg-left-minus-10px { + left: -10px !important; + } + .lg-left-minus-11px { + left: -11px !important; + } + .lg-left-minus-12px { + left: -12px !important; + } + .lg-left-minus-13px { + left: -13px !important; + } + .lg-left-minus-14px { + left: -14px !important; + } + .lg-left-minus-15px { + left: -15px !important; + } + .lg-left-minus-16px { + left: -16px !important; + } + .lg-left-minus-17px { + left: -17px !important; + } + .lg-left-minus-18px { + left: -18px !important; + } + .lg-left-minus-19px { + left: -19px !important; + } + .lg-left-minus-20px { + left: -20px !important; + } + .lg-left-minus-21px { + left: -21px !important; + } + .lg-left-minus-22px { + left: -22px !important; + } + .lg-left-minus-23px { + left: -23px !important; + } + .lg-left-minus-24px { + left: -24px !important; + } + .lg-left-minus-25px { + left: -25px !important; + } + .lg-left-minus-26px { + left: -26px !important; + } + .lg-left-minus-27px { + left: -27px !important; + } + .lg-left-minus-28px { + left: -28px !important; + } + .lg-left-minus-29px { + left: -29px !important; + } + .lg-left-minus-30px { + left: -30px !important; + } + .lg-left-minus-40px { + left: -40px !important; + } + .lg-left-minus-50px { + left: -50px !important; + } + .lg-left-minus-60px { + left: -60px !important; + } + .lg-left-minus-70px { + left: -70px !important; + } + .lg-left-minus-80px { + left: -80px !important; + } + .lg-left-minus-90px { + left: -90px !important; + } + .lg-left-minus-100px { + left: -100px !important; + } + .lg-left-minus-110px { + left: -110px !important; + } + .lg-left-minus-120px { + left: -120px !important; + } + .lg-left-minus-130px { + left: -130px !important; + } + .lg-left-minus-140px { + left: -140px !important; + } + .lg-left-minus-150px { + left: -150px !important; + } + .lg-border-width-0px { + border-width: 0px !important; + } + .lg-border-width-1px { + border-width: 1px !important; + } + .lg-border-width-2px { + border-width: 2px !important; + } + .lg-border-width-3px { + border-width: 3px !important; + } + .lg-border-width-4px { + border-width: 4px !important; + } + .lg-border-width-5px { + border-width: 5px !important; + } + .lg-border-width-6px { + border-width: 6px !important; + } + .lg-border-width-7px { + border-width: 7px !important; + } + .lg-border-width-8px { + border-width: 8px !important; + } + .lg-border-width-9px { + border-width: 9px !important; + } + .lg-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 991px) { + .md-p-5px { + padding: 5px !important; + } + .md-p-10px { + padding: 10px !important; + } + .md-p-15px { + padding: 15px !important; + } + .md-p-20px { + padding: 20px !important; + } + .md-p-25px { + padding: 25px !important; + } + .md-p-30px { + padding: 30px !important; + } + .md-p-35px { + padding: 35px !important; + } + .md-p-40px { + padding: 40px !important; + } + .md-p-45px { + padding: 45px !important; + } + .md-p-50px { + padding: 50px !important; + } + .md-p-55px { + padding: 55px !important; + } + .md-p-60px { + padding: 60px !important; + } + .md-p-65px { + padding: 65px !important; + } + .md-p-70px { + padding: 70px !important; + } + .md-p-1 { + padding: 1% !important; + } + .md-p-2 { + padding: 2% !important; + } + .md-p-3 { + padding: 3% !important; + } + .md-p-4 { + padding: 4% !important; + } + .md-p-5 { + padding: 5% !important; + } + .md-p-6 { + padding: 6% !important; + } + .md-p-7 { + padding: 7% !important; + } + .md-p-8 { + padding: 8% !important; + } + .md-p-9 { + padding: 9% !important; + } + .md-p-10 { + padding: 10% !important; + } + .md-p-11 { + padding: 11% !important; + } + .md-p-12 { + padding: 12% !important; + } + .md-p-13 { + padding: 13% !important; + } + .md-p-14 { + padding: 14% !important; + } + .md-p-15 { + padding: 15% !important; + } + .md-p-16 { + padding: 16% !important; + } + .md-p-17 { + padding: 17% !important; + } + .md-p-18 { + padding: 18% !important; + } + .md-p-19 { + padding: 19% !important; + } + .md-p-20 { + padding: 20% !important; + } + .md-p-21 { + padding: 21% !important; + } + .md-p-22 { + padding: 22% !important; + } + .md-p-23 { + padding: 23% !important; + } + .md-p-24 { + padding: 24% !important; + } + .md-p-25 { + padding: 25% !important; + } + .md-p-26 { + padding: 26% !important; + } + .md-p-27 { + padding: 27% !important; + } + .md-p-28 { + padding: 28% !important; + } + .md-p-29 { + padding: 29% !important; + } + .md-p-30 { + padding: 30% !important; + } + .md-pt-5px { + padding-top: 5px !important; + } + .md-pt-10px { + padding-top: 10px !important; + } + .md-pt-15px { + padding-top: 15px !important; + } + .md-pt-20px { + padding-top: 20px !important; + } + .md-pt-25px { + padding-top: 25px !important; + } + .md-pt-30px { + padding-top: 30px !important; + } + .md-pt-35px { + padding-top: 35px !important; + } + .md-pt-40px { + padding-top: 40px !important; + } + .md-pt-45px { + padding-top: 45px !important; + } + .md-pt-50px { + padding-top: 50px !important; + } + .md-pt-55px { + padding-top: 55px !important; + } + .md-pt-60px { + padding-top: 60px !important; + } + .md-pt-65px { + padding-top: 65px !important; + } + .md-pt-70px { + padding-top: 70px !important; + } + .md-pt-1 { + padding-top: 1% !important; + } + .md-pt-2 { + padding-top: 2% !important; + } + .md-pt-3 { + padding-top: 3% !important; + } + .md-pt-4 { + padding-top: 4% !important; + } + .md-pt-5 { + padding-top: 5% !important; + } + .md-pt-6 { + padding-top: 6% !important; + } + .md-pt-7 { + padding-top: 7% !important; + } + .md-pt-8 { + padding-top: 8% !important; + } + .md-pt-9 { + padding-top: 9% !important; + } + .md-pt-10 { + padding-top: 10% !important; + } + .md-pt-11 { + padding-top: 11% !important; + } + .md-pt-12 { + padding-top: 12% !important; + } + .md-pt-13 { + padding-top: 13% !important; + } + .md-pt-14 { + padding-top: 14% !important; + } + .md-pt-15 { + padding-top: 15% !important; + } + .md-pt-16 { + padding-top: 16% !important; + } + .md-pt-17 { + padding-top: 17% !important; + } + .md-pt-18 { + padding-top: 18% !important; + } + .md-pt-19 { + padding-top: 19% !important; + } + .md-pt-20 { + padding-top: 20% !important; + } + .md-pt-21 { + padding-top: 21% !important; + } + .md-pt-22 { + padding-top: 22% !important; + } + .md-pt-23 { + padding-top: 23% !important; + } + .md-pt-24 { + padding-top: 24% !important; + } + .md-pt-25 { + padding-top: 25% !important; + } + .md-pt-26 { + padding-top: 26% !important; + } + .md-pt-27 { + padding-top: 27% !important; + } + .md-pt-28 { + padding-top: 28% !important; + } + .md-pt-29 { + padding-top: 29% !important; + } + .md-pt-30 { + padding-top: 30% !important; + } + .md-pe-5px { + padding-right: 5px !important; + } + .md-pe-10px { + padding-right: 10px !important; + } + .md-pe-15px { + padding-right: 15px !important; + } + .md-pe-20px { + padding-right: 20px !important; + } + .md-pe-25px { + padding-right: 25px !important; + } + .md-pe-30px { + padding-right: 30px !important; + } + .md-pe-35px { + padding-right: 35px !important; + } + .md-pe-40px { + padding-right: 40px !important; + } + .md-pe-45px { + padding-right: 45px !important; + } + .md-pe-50px { + padding-right: 50px !important; + } + .md-pe-55px { + padding-right: 55px !important; + } + .md-pe-60px { + padding-right: 60px !important; + } + .md-pe-65px { + padding-right: 65px !important; + } + .md-pe-70px { + padding-right: 70px !important; + } + .md-pe-1 { + padding-right: 1% !important; + } + .md-pe-2 { + padding-right: 2% !important; + } + .md-pe-3 { + padding-right: 3% !important; + } + .md-pe-4 { + padding-right: 4% !important; + } + .md-pe-5 { + padding-right: 5% !important; + } + .md-pe-6 { + padding-right: 6% !important; + } + .md-pe-7 { + padding-right: 7% !important; + } + .md-pe-8 { + padding-right: 8% !important; + } + .md-pe-9 { + padding-right: 9% !important; + } + .md-pe-10 { + padding-right: 10% !important; + } + .md-pe-11 { + padding-right: 11% !important; + } + .md-pe-12 { + padding-right: 12% !important; + } + .md-pe-13 { + padding-right: 13% !important; + } + .md-pe-14 { + padding-right: 14% !important; + } + .md-pe-15 { + padding-right: 15% !important; + } + .md-pe-16 { + padding-right: 16% !important; + } + .md-pe-17 { + padding-right: 17% !important; + } + .md-pe-18 { + padding-right: 18% !important; + } + .md-pe-19 { + padding-right: 19% !important; + } + .md-pe-20 { + padding-right: 20% !important; + } + .md-pe-21 { + padding-right: 21% !important; + } + .md-pe-22 { + padding-right: 22% !important; + } + .md-pe-23 { + padding-right: 23% !important; + } + .md-pe-24 { + padding-right: 24% !important; + } + .md-pe-25 { + padding-right: 25% !important; + } + .md-pe-26 { + padding-right: 26% !important; + } + .md-pe-27 { + padding-right: 27% !important; + } + .md-pe-28 { + padding-right: 28% !important; + } + .md-pe-29 { + padding-right: 29% !important; + } + .md-pe-30 { + padding-right: 30% !important; + } + .md-pb-5px { + padding-bottom: 5px !important; + } + .md-pb-10px { + padding-bottom: 10px !important; + } + .md-pb-15px { + padding-bottom: 15px !important; + } + .md-pb-20px { + padding-bottom: 20px !important; + } + .md-pb-25px { + padding-bottom: 25px !important; + } + .md-pb-30px { + padding-bottom: 30px !important; + } + .md-pb-35px { + padding-bottom: 35px !important; + } + .md-pb-40px { + padding-bottom: 40px !important; + } + .md-pb-45px { + padding-bottom: 45px !important; + } + .md-pb-50px { + padding-bottom: 50px !important; + } + .md-pb-55px { + padding-bottom: 55px !important; + } + .md-pb-60px { + padding-bottom: 60px !important; + } + .md-pb-65px { + padding-bottom: 65px !important; + } + .md-pb-70px { + padding-bottom: 70px !important; + } + .md-pb-1 { + padding-bottom: 1% !important; + } + .md-pb-2 { + padding-bottom: 2% !important; + } + .md-pb-3 { + padding-bottom: 3% !important; + } + .md-pb-4 { + padding-bottom: 4% !important; + } + .md-pb-5 { + padding-bottom: 5% !important; + } + .md-pb-6 { + padding-bottom: 6% !important; + } + .md-pb-7 { + padding-bottom: 7% !important; + } + .md-pb-8 { + padding-bottom: 8% !important; + } + .md-pb-9 { + padding-bottom: 9% !important; + } + .md-pb-10 { + padding-bottom: 10% !important; + } + .md-pb-11 { + padding-bottom: 11% !important; + } + .md-pb-12 { + padding-bottom: 12% !important; + } + .md-pb-13 { + padding-bottom: 13% !important; + } + .md-pb-14 { + padding-bottom: 14% !important; + } + .md-pb-15 { + padding-bottom: 15% !important; + } + .md-pb-16 { + padding-bottom: 16% !important; + } + .md-pb-17 { + padding-bottom: 17% !important; + } + .md-pb-18 { + padding-bottom: 18% !important; + } + .md-pb-19 { + padding-bottom: 19% !important; + } + .md-pb-20 { + padding-bottom: 20% !important; + } + .md-pb-21 { + padding-bottom: 21% !important; + } + .md-pb-22 { + padding-bottom: 22% !important; + } + .md-pb-23 { + padding-bottom: 23% !important; + } + .md-pb-24 { + padding-bottom: 24% !important; + } + .md-pb-25 { + padding-bottom: 25% !important; + } + .md-pb-26 { + padding-bottom: 26% !important; + } + .md-pb-27 { + padding-bottom: 27% !important; + } + .md-pb-28 { + padding-bottom: 28% !important; + } + .md-pb-29 { + padding-bottom: 29% !important; + } + .md-pb-30 { + padding-bottom: 30% !important; + } + .md-ps-5px { + padding-left: 5px !important; + } + .md-ps-10px { + padding-left: 10px !important; + } + .md-ps-15px { + padding-left: 15px !important; + } + .md-ps-20px { + padding-left: 20px !important; + } + .md-ps-25px { + padding-left: 25px !important; + } + .md-ps-30px { + padding-left: 30px !important; + } + .md-ps-35px { + padding-left: 35px !important; + } + .md-ps-40px { + padding-left: 40px !important; + } + .md-ps-45px { + padding-left: 45px !important; + } + .md-ps-50px { + padding-left: 50px !important; + } + .md-ps-55px { + padding-left: 55px !important; + } + .md-ps-60px { + padding-left: 60px !important; + } + .md-ps-65px { + padding-left: 65px !important; + } + .md-ps-70px { + padding-left: 70px !important; + } + .md-ps-1 { + padding-left: 1% !important; + } + .md-ps-2 { + padding-left: 2% !important; + } + .md-ps-3 { + padding-left: 3% !important; + } + .md-ps-4 { + padding-left: 4% !important; + } + .md-ps-5 { + padding-left: 5% !important; + } + .md-ps-6 { + padding-left: 6% !important; + } + .md-ps-7 { + padding-left: 7% !important; + } + .md-ps-8 { + padding-left: 8% !important; + } + .md-ps-9 { + padding-left: 9% !important; + } + .md-ps-10 { + padding-left: 10% !important; + } + .md-ps-11 { + padding-left: 11% !important; + } + .md-ps-12 { + padding-left: 12% !important; + } + .md-ps-13 { + padding-left: 13% !important; + } + .md-ps-14 { + padding-left: 14% !important; + } + .md-ps-15 { + padding-left: 15% !important; + } + .md-ps-16 { + padding-left: 16% !important; + } + .md-ps-17 { + padding-left: 17% !important; + } + .md-ps-18 { + padding-left: 18% !important; + } + .md-ps-19 { + padding-left: 19% !important; + } + .md-ps-20 { + padding-left: 20% !important; + } + .md-ps-21 { + padding-left: 21% !important; + } + .md-ps-22 { + padding-left: 22% !important; + } + .md-ps-23 { + padding-left: 23% !important; + } + .md-ps-24 { + padding-left: 24% !important; + } + .md-ps-25 { + padding-left: 25% !important; + } + .md-ps-26 { + padding-left: 26% !important; + } + .md-ps-27 { + padding-left: 27% !important; + } + .md-ps-28 { + padding-left: 28% !important; + } + .md-ps-29 { + padding-left: 29% !important; + } + .md-ps-30 { + padding-left: 30% !important; + } + .md-m-5px { + margin: 5px !important; + } + .md-m-10px { + margin: 10px !important; + } + .md-m-15px { + margin: 15px !important; + } + .md-m-20px { + margin: 20px !important; + } + .md-m-25px { + margin: 25px !important; + } + .md-m-30px { + margin: 30px !important; + } + .md-m-35px { + margin: 35px !important; + } + .md-m-40px { + margin: 40px !important; + } + .md-m-45px { + margin: 45px !important; + } + .md-m-50px { + margin: 50px !important; + } + .md-m-55px { + margin: 55px !important; + } + .md-m-60px { + margin: 60px !important; + } + .md-m-65px { + margin: 65px !important; + } + .md-m-70px { + margin: 70px !important; + } + .md-m-1 { + margin: 1% !important; + } + .md-m-2 { + margin: 2% !important; + } + .md-m-3 { + margin: 3% !important; + } + .md-m-4 { + margin: 4% !important; + } + .md-m-5 { + margin: 5% !important; + } + .md-m-6 { + margin: 6% !important; + } + .md-m-7 { + margin: 7% !important; + } + .md-m-8 { + margin: 8% !important; + } + .md-m-9 { + margin: 9% !important; + } + .md-m-10 { + margin: 10% !important; + } + .md-m-11 { + margin: 11% !important; + } + .md-m-12 { + margin: 12% !important; + } + .md-m-13 { + margin: 13% !important; + } + .md-m-14 { + margin: 14% !important; + } + .md-m-15 { + margin: 15% !important; + } + .md-m-16 { + margin: 16% !important; + } + .md-m-17 { + margin: 17% !important; + } + .md-m-18 { + margin: 18% !important; + } + .md-m-19 { + margin: 19% !important; + } + .md-m-20 { + margin: 20% !important; + } + .md-m-21 { + margin: 21% !important; + } + .md-m-22 { + margin: 22% !important; + } + .md-m-23 { + margin: 23% !important; + } + .md-m-24 { + margin: 24% !important; + } + .md-m-25 { + margin: 25% !important; + } + .md-m-26 { + margin: 26% !important; + } + .md-m-27 { + margin: 27% !important; + } + .md-m-28 { + margin: 28% !important; + } + .md-m-29 { + margin: 29% !important; + } + .md-m-30 { + margin: 30% !important; + } + .md-mt-5px { + margin-top: 5px !important; + } + .md-mt-10px { + margin-top: 10px !important; + } + .md-mt-15px { + margin-top: 15px !important; + } + .md-mt-20px { + margin-top: 20px !important; + } + .md-mt-25px { + margin-top: 25px !important; + } + .md-mt-30px { + margin-top: 30px !important; + } + .md-mt-35px { + margin-top: 35px !important; + } + .md-mt-40px { + margin-top: 40px !important; + } + .md-mt-45px { + margin-top: 45px !important; + } + .md-mt-50px { + margin-top: 50px !important; + } + .md-mt-55px { + margin-top: 55px !important; + } + .md-mt-60px { + margin-top: 60px !important; + } + .md-mt-65px { + margin-top: 65px !important; + } + .md-mt-70px { + margin-top: 70px !important; + } + .md-mt-1 { + margin-top: 1% !important; + } + .md-mt-2 { + margin-top: 2% !important; + } + .md-mt-3 { + margin-top: 3% !important; + } + .md-mt-4 { + margin-top: 4% !important; + } + .md-mt-5 { + margin-top: 5% !important; + } + .md-mt-6 { + margin-top: 6% !important; + } + .md-mt-7 { + margin-top: 7% !important; + } + .md-mt-8 { + margin-top: 8% !important; + } + .md-mt-9 { + margin-top: 9% !important; + } + .md-mt-10 { + margin-top: 10% !important; + } + .md-mt-11 { + margin-top: 11% !important; + } + .md-mt-12 { + margin-top: 12% !important; + } + .md-mt-13 { + margin-top: 13% !important; + } + .md-mt-14 { + margin-top: 14% !important; + } + .md-mt-15 { + margin-top: 15% !important; + } + .md-mt-16 { + margin-top: 16% !important; + } + .md-mt-17 { + margin-top: 17% !important; + } + .md-mt-18 { + margin-top: 18% !important; + } + .md-mt-19 { + margin-top: 19% !important; + } + .md-mt-20 { + margin-top: 20% !important; + } + .md-mt-21 { + margin-top: 21% !important; + } + .md-mt-22 { + margin-top: 22% !important; + } + .md-mt-23 { + margin-top: 23% !important; + } + .md-mt-24 { + margin-top: 24% !important; + } + .md-mt-25 { + margin-top: 25% !important; + } + .md-mt-26 { + margin-top: 26% !important; + } + .md-mt-27 { + margin-top: 27% !important; + } + .md-mt-28 { + margin-top: 28% !important; + } + .md-mt-29 { + margin-top: 29% !important; + } + .md-mt-30 { + margin-top: 30% !important; + } + .md-me-5px { + margin-right: 5px !important; + } + .md-me-10px { + margin-right: 10px !important; + } + .md-me-15px { + margin-right: 15px !important; + } + .md-me-20px { + margin-right: 20px !important; + } + .md-me-25px { + margin-right: 25px !important; + } + .md-me-30px { + margin-right: 30px !important; + } + .md-me-35px { + margin-right: 35px !important; + } + .md-me-40px { + margin-right: 40px !important; + } + .md-me-45px { + margin-right: 45px !important; + } + .md-me-50px { + margin-right: 50px !important; + } + .md-me-55px { + margin-right: 55px !important; + } + .md-me-60px { + margin-right: 60px !important; + } + .md-me-65px { + margin-right: 65px !important; + } + .md-me-70px { + margin-right: 70px !important; + } + .md-me-1 { + margin-right: 1% !important; + } + .md-me-2 { + margin-right: 2% !important; + } + .md-me-3 { + margin-right: 3% !important; + } + .md-me-4 { + margin-right: 4% !important; + } + .md-me-5 { + margin-right: 5% !important; + } + .md-me-6 { + margin-right: 6% !important; + } + .md-me-7 { + margin-right: 7% !important; + } + .md-me-8 { + margin-right: 8% !important; + } + .md-me-9 { + margin-right: 9% !important; + } + .md-me-10 { + margin-right: 10% !important; + } + .md-me-11 { + margin-right: 11% !important; + } + .md-me-12 { + margin-right: 12% !important; + } + .md-me-13 { + margin-right: 13% !important; + } + .md-me-14 { + margin-right: 14% !important; + } + .md-me-15 { + margin-right: 15% !important; + } + .md-me-16 { + margin-right: 16% !important; + } + .md-me-17 { + margin-right: 17% !important; + } + .md-me-18 { + margin-right: 18% !important; + } + .md-me-19 { + margin-right: 19% !important; + } + .md-me-20 { + margin-right: 20% !important; + } + .md-me-21 { + margin-right: 21% !important; + } + .md-me-22 { + margin-right: 22% !important; + } + .md-me-23 { + margin-right: 23% !important; + } + .md-me-24 { + margin-right: 24% !important; + } + .md-me-25 { + margin-right: 25% !important; + } + .md-me-26 { + margin-right: 26% !important; + } + .md-me-27 { + margin-right: 27% !important; + } + .md-me-28 { + margin-right: 28% !important; + } + .md-me-29 { + margin-right: 29% !important; + } + .md-me-30 { + margin-right: 30% !important; + } + .md-mb-5px { + margin-bottom: 5px !important; + } + .md-mb-10px { + margin-bottom: 10px !important; + } + .md-mb-15px { + margin-bottom: 15px !important; + } + .md-mb-20px { + margin-bottom: 20px !important; + } + .md-mb-25px { + margin-bottom: 25px !important; + } + .md-mb-30px { + margin-bottom: 30px !important; + } + .md-mb-35px { + margin-bottom: 35px !important; + } + .md-mb-40px { + margin-bottom: 40px !important; + } + .md-mb-45px { + margin-bottom: 45px !important; + } + .md-mb-50px { + margin-bottom: 50px !important; + } + .md-mb-55px { + margin-bottom: 55px !important; + } + .md-mb-60px { + margin-bottom: 60px !important; + } + .md-mb-65px { + margin-bottom: 65px !important; + } + .md-mb-70px { + margin-bottom: 70px !important; + } + .md-mb-1 { + margin-bottom: 1% !important; + } + .md-mb-2 { + margin-bottom: 2% !important; + } + .md-mb-3 { + margin-bottom: 3% !important; + } + .md-mb-4 { + margin-bottom: 4% !important; + } + .md-mb-5 { + margin-bottom: 5% !important; + } + .md-mb-6 { + margin-bottom: 6% !important; + } + .md-mb-7 { + margin-bottom: 7% !important; + } + .md-mb-8 { + margin-bottom: 8% !important; + } + .md-mb-9 { + margin-bottom: 9% !important; + } + .md-mb-10 { + margin-bottom: 10% !important; + } + .md-mb-11 { + margin-bottom: 11% !important; + } + .md-mb-12 { + margin-bottom: 12% !important; + } + .md-mb-13 { + margin-bottom: 13% !important; + } + .md-mb-14 { + margin-bottom: 14% !important; + } + .md-mb-15 { + margin-bottom: 15% !important; + } + .md-mb-16 { + margin-bottom: 16% !important; + } + .md-mb-17 { + margin-bottom: 17% !important; + } + .md-mb-18 { + margin-bottom: 18% !important; + } + .md-mb-19 { + margin-bottom: 19% !important; + } + .md-mb-20 { + margin-bottom: 20% !important; + } + .md-mb-21 { + margin-bottom: 21% !important; + } + .md-mb-22 { + margin-bottom: 22% !important; + } + .md-mb-23 { + margin-bottom: 23% !important; + } + .md-mb-24 { + margin-bottom: 24% !important; + } + .md-mb-25 { + margin-bottom: 25% !important; + } + .md-mb-26 { + margin-bottom: 26% !important; + } + .md-mb-27 { + margin-bottom: 27% !important; + } + .md-mb-28 { + margin-bottom: 28% !important; + } + .md-mb-29 { + margin-bottom: 29% !important; + } + .md-mb-30 { + margin-bottom: 30% !important; + } + .md-ms-5px { + margin-left: 5px !important; + } + .md-ms-10px { + margin-left: 10px !important; + } + .md-ms-15px { + margin-left: 15px !important; + } + .md-ms-20px { + margin-left: 20px !important; + } + .md-ms-25px { + margin-left: 25px !important; + } + .md-ms-30px { + margin-left: 30px !important; + } + .md-ms-35px { + margin-left: 35px !important; + } + .md-ms-40px { + margin-left: 40px !important; + } + .md-ms-45px { + margin-left: 45px !important; + } + .md-ms-50px { + margin-left: 50px !important; + } + .md-ms-55px { + margin-left: 55px !important; + } + .md-ms-60px { + margin-left: 60px !important; + } + .md-ms-65px { + margin-left: 65px !important; + } + .md-ms-70px { + margin-left: 70px !important; + } + .md-ms-1 { + margin-left: 1% !important; + } + .md-ms-2 { + margin-left: 2% !important; + } + .md-ms-3 { + margin-left: 3% !important; + } + .md-ms-4 { + margin-left: 4% !important; + } + .md-ms-5 { + margin-left: 5% !important; + } + .md-ms-6 { + margin-left: 6% !important; + } + .md-ms-7 { + margin-left: 7% !important; + } + .md-ms-8 { + margin-left: 8% !important; + } + .md-ms-9 { + margin-left: 9% !important; + } + .md-ms-10 { + margin-left: 10% !important; + } + .md-ms-11 { + margin-left: 11% !important; + } + .md-ms-12 { + margin-left: 12% !important; + } + .md-ms-13 { + margin-left: 13% !important; + } + .md-ms-14 { + margin-left: 14% !important; + } + .md-ms-15 { + margin-left: 15% !important; + } + .md-ms-16 { + margin-left: 16% !important; + } + .md-ms-17 { + margin-left: 17% !important; + } + .md-ms-18 { + margin-left: 18% !important; + } + .md-ms-19 { + margin-left: 19% !important; + } + .md-ms-20 { + margin-left: 20% !important; + } + .md-ms-21 { + margin-left: 21% !important; + } + .md-ms-22 { + margin-left: 22% !important; + } + .md-ms-23 { + margin-left: 23% !important; + } + .md-ms-24 { + margin-left: 24% !important; + } + .md-ms-25 { + margin-left: 25% !important; + } + .md-ms-26 { + margin-left: 26% !important; + } + .md-ms-27 { + margin-left: 27% !important; + } + .md-ms-28 { + margin-left: 28% !important; + } + .md-ms-29 { + margin-left: 29% !important; + } + .md-ms-30 { + margin-left: 30% !important; + } + .md-top-0px { + top: 0px !important; + } + .md-top-1px { + top: 1px !important; + } + .md-top-2px { + top: 2px !important; + } + .md-top-3px { + top: 3px !important; + } + .md-top-4px { + top: 4px !important; + } + .md-top-5px { + top: 5px !important; + } + .md-top-6px { + top: 6px !important; + } + .md-top-7px { + top: 7px !important; + } + .md-top-8px { + top: 8px !important; + } + .md-top-9px { + top: 9px !important; + } + .md-top-10px { + top: 10px !important; + } + .md-top-11px { + top: 11px !important; + } + .md-top-12px { + top: 12px !important; + } + .md-top-13px { + top: 13px !important; + } + .md-top-14px { + top: 14px !important; + } + .md-top-15px { + top: 15px !important; + } + .md-top-16px { + top: 16px !important; + } + .md-top-17px { + top: 17px !important; + } + .md-top-18px { + top: 18px !important; + } + .md-top-19px { + top: 19px !important; + } + .md-top-20px { + top: 20px !important; + } + .md-top-21px { + top: 21px !important; + } + .md-top-22px { + top: 22px !important; + } + .md-top-23px { + top: 23px !important; + } + .md-top-24px { + top: 24px !important; + } + .md-top-25px { + top: 25px !important; + } + .md-top-26px { + top: 26px !important; + } + .md-top-27px { + top: 27px !important; + } + .md-top-28px { + top: 28px !important; + } + .md-top-29px { + top: 29px !important; + } + .md-top-30px { + top: 30px !important; + } + .md-top-40px { + top: 40px !important; + } + .md-top-50px { + top: 50px !important; + } + .md-top-60px { + top: 60px !important; + } + .md-top-70px { + top: 70px !important; + } + .md-top-80px { + top: 80px !important; + } + .md-top-90px { + top: 90px !important; + } + .md-top-100px { + top: 100px !important; + } + .md-top-110px { + top: 110px !important; + } + .md-top-120px { + top: 120px !important; + } + .md-top-130px { + top: 130px !important; + } + .md-top-140px { + top: 140px !important; + } + .md-top-150px { + top: 150px !important; + } + .md-right-0px { + right: 0px !important; + } + .md-right-1px { + right: 1px !important; + } + .md-right-2px { + right: 2px !important; + } + .md-right-3px { + right: 3px !important; + } + .md-right-4px { + right: 4px !important; + } + .md-right-5px { + right: 5px !important; + } + .md-right-6px { + right: 6px !important; + } + .md-right-7px { + right: 7px !important; + } + .md-right-8px { + right: 8px !important; + } + .md-right-9px { + right: 9px !important; + } + .md-right-10px { + right: 10px !important; + } + .md-right-11px { + right: 11px !important; + } + .md-right-12px { + right: 12px !important; + } + .md-right-13px { + right: 13px !important; + } + .md-right-14px { + right: 14px !important; + } + .md-right-15px { + right: 15px !important; + } + .md-right-16px { + right: 16px !important; + } + .md-right-17px { + right: 17px !important; + } + .md-right-18px { + right: 18px !important; + } + .md-right-19px { + right: 19px !important; + } + .md-right-20px { + right: 20px !important; + } + .md-right-21px { + right: 21px !important; + } + .md-right-22px { + right: 22px !important; + } + .md-right-23px { + right: 23px !important; + } + .md-right-24px { + right: 24px !important; + } + .md-right-25px { + right: 25px !important; + } + .md-right-26px { + right: 26px !important; + } + .md-right-27px { + right: 27px !important; + } + .md-right-28px { + right: 28px !important; + } + .md-right-29px { + right: 29px !important; + } + .md-right-30px { + right: 30px !important; + } + .md-right-40px { + right: 40px !important; + } + .md-right-50px { + right: 50px !important; + } + .md-right-60px { + right: 60px !important; + } + .md-right-70px { + right: 70px !important; + } + .md-right-80px { + right: 80px !important; + } + .md-right-90px { + right: 90px !important; + } + .md-right-100px { + right: 100px !important; + } + .md-right-110px { + right: 110px !important; + } + .md-right-120px { + right: 120px !important; + } + .md-right-130px { + right: 130px !important; + } + .md-right-140px { + right: 140px !important; + } + .md-right-150px { + right: 150px !important; + } + .md-bottom-0px { + bottom: 0px !important; + } + .md-bottom-1px { + bottom: 1px !important; + } + .md-bottom-2px { + bottom: 2px !important; + } + .md-bottom-3px { + bottom: 3px !important; + } + .md-bottom-4px { + bottom: 4px !important; + } + .md-bottom-5px { + bottom: 5px !important; + } + .md-bottom-6px { + bottom: 6px !important; + } + .md-bottom-7px { + bottom: 7px !important; + } + .md-bottom-8px { + bottom: 8px !important; + } + .md-bottom-9px { + bottom: 9px !important; + } + .md-bottom-10px { + bottom: 10px !important; + } + .md-bottom-11px { + bottom: 11px !important; + } + .md-bottom-12px { + bottom: 12px !important; + } + .md-bottom-13px { + bottom: 13px !important; + } + .md-bottom-14px { + bottom: 14px !important; + } + .md-bottom-15px { + bottom: 15px !important; + } + .md-bottom-16px { + bottom: 16px !important; + } + .md-bottom-17px { + bottom: 17px !important; + } + .md-bottom-18px { + bottom: 18px !important; + } + .md-bottom-19px { + bottom: 19px !important; + } + .md-bottom-20px { + bottom: 20px !important; + } + .md-bottom-21px { + bottom: 21px !important; + } + .md-bottom-22px { + bottom: 22px !important; + } + .md-bottom-23px { + bottom: 23px !important; + } + .md-bottom-24px { + bottom: 24px !important; + } + .md-bottom-25px { + bottom: 25px !important; + } + .md-bottom-26px { + bottom: 26px !important; + } + .md-bottom-27px { + bottom: 27px !important; + } + .md-bottom-28px { + bottom: 28px !important; + } + .md-bottom-29px { + bottom: 29px !important; + } + .md-bottom-30px { + bottom: 30px !important; + } + .md-bottom-40px { + bottom: 40px !important; + } + .md-bottom-50px { + bottom: 50px !important; + } + .md-bottom-60px { + bottom: 60px !important; + } + .md-bottom-70px { + bottom: 70px !important; + } + .md-bottom-80px { + bottom: 80px !important; + } + .md-bottom-90px { + bottom: 90px !important; + } + .md-bottom-100px { + bottom: 100px !important; + } + .md-bottom-110px { + bottom: 110px !important; + } + .md-bottom-120px { + bottom: 120px !important; + } + .md-bottom-130px { + bottom: 130px !important; + } + .md-bottom-140px { + bottom: 140px !important; + } + .md-bottom-150px { + bottom: 150px !important; + } + .md-left-0px { + left: 0px !important; + } + .md-left-1px { + left: 1px !important; + } + .md-left-2px { + left: 2px !important; + } + .md-left-3px { + left: 3px !important; + } + .md-left-4px { + left: 4px !important; + } + .md-left-5px { + left: 5px !important; + } + .md-left-6px { + left: 6px !important; + } + .md-left-7px { + left: 7px !important; + } + .md-left-8px { + left: 8px !important; + } + .md-left-9px { + left: 9px !important; + } + .md-left-10px { + left: 10px !important; + } + .md-left-11px { + left: 11px !important; + } + .md-left-12px { + left: 12px !important; + } + .md-left-13px { + left: 13px !important; + } + .md-left-14px { + left: 14px !important; + } + .md-left-15px { + left: 15px !important; + } + .md-left-16px { + left: 16px !important; + } + .md-left-17px { + left: 17px !important; + } + .md-left-18px { + left: 18px !important; + } + .md-left-19px { + left: 19px !important; + } + .md-left-20px { + left: 20px !important; + } + .md-left-21px { + left: 21px !important; + } + .md-left-22px { + left: 22px !important; + } + .md-left-23px { + left: 23px !important; + } + .md-left-24px { + left: 24px !important; + } + .md-left-25px { + left: 25px !important; + } + .md-left-26px { + left: 26px !important; + } + .md-left-27px { + left: 27px !important; + } + .md-left-28px { + left: 28px !important; + } + .md-left-29px { + left: 29px !important; + } + .md-left-30px { + left: 30px !important; + } + .md-left-40px { + left: 40px !important; + } + .md-left-50px { + left: 50px !important; + } + .md-left-60px { + left: 60px !important; + } + .md-left-70px { + left: 70px !important; + } + .md-left-80px { + left: 80px !important; + } + .md-left-90px { + left: 90px !important; + } + .md-left-100px { + left: 100px !important; + } + .md-left-110px { + left: 110px !important; + } + .md-left-120px { + left: 120px !important; + } + .md-left-130px { + left: 130px !important; + } + .md-left-140px { + left: 140px !important; + } + .md-left-150px { + left: 150px !important; + } + .md-top-minus-0px { + top: -0px !important; + } + .md-top-minus-1px { + top: -1px !important; + } + .md-top-minus-2px { + top: -2px !important; + } + .md-top-minus-3px { + top: -3px !important; + } + .md-top-minus-4px { + top: -4px !important; + } + .md-top-minus-5px { + top: -5px !important; + } + .md-top-minus-6px { + top: -6px !important; + } + .md-top-minus-7px { + top: -7px !important; + } + .md-top-minus-8px { + top: -8px !important; + } + .md-top-minus-9px { + top: -9px !important; + } + .md-top-minus-10px { + top: -10px !important; + } + .md-top-minus-11px { + top: -11px !important; + } + .md-top-minus-12px { + top: -12px !important; + } + .md-top-minus-13px { + top: -13px !important; + } + .md-top-minus-14px { + top: -14px !important; + } + .md-top-minus-15px { + top: -15px !important; + } + .md-top-minus-16px { + top: -16px !important; + } + .md-top-minus-17px { + top: -17px !important; + } + .md-top-minus-18px { + top: -18px !important; + } + .md-top-minus-19px { + top: -19px !important; + } + .md-top-minus-20px { + top: -20px !important; + } + .md-top-minus-21px { + top: -21px !important; + } + .md-top-minus-22px { + top: -22px !important; + } + .md-top-minus-23px { + top: -23px !important; + } + .md-top-minus-24px { + top: -24px !important; + } + .md-top-minus-25px { + top: -25px !important; + } + .md-top-minus-26px { + top: -26px !important; + } + .md-top-minus-27px { + top: -27px !important; + } + .md-top-minus-28px { + top: -28px !important; + } + .md-top-minus-29px { + top: -29px !important; + } + .md-top-minus-30px { + top: -30px !important; + } + .md-top-minus-40px { + top: -40px !important; + } + .md-top-minus-50px { + top: -50px !important; + } + .md-top-minus-60px { + top: -60px !important; + } + .md-top-minus-70px { + top: -70px !important; + } + .md-top-minus-80px { + top: -80px !important; + } + .md-top-minus-90px { + top: -90px !important; + } + .md-top-minus-100px { + top: -100px !important; + } + .md-top-minus-110px { + top: -110px !important; + } + .md-top-minus-120px { + top: -120px !important; + } + .md-top-minus-130px { + top: -130px !important; + } + .md-top-minus-140px { + top: -140px !important; + } + .md-top-minus-150px { + top: -150px !important; + } + .md-right-minus-0px { + right: -0px !important; + } + .md-right-minus-1px { + right: -1px !important; + } + .md-right-minus-2px { + right: -2px !important; + } + .md-right-minus-3px { + right: -3px !important; + } + .md-right-minus-4px { + right: -4px !important; + } + .md-right-minus-5px { + right: -5px !important; + } + .md-right-minus-6px { + right: -6px !important; + } + .md-right-minus-7px { + right: -7px !important; + } + .md-right-minus-8px { + right: -8px !important; + } + .md-right-minus-9px { + right: -9px !important; + } + .md-right-minus-10px { + right: -10px !important; + } + .md-right-minus-11px { + right: -11px !important; + } + .md-right-minus-12px { + right: -12px !important; + } + .md-right-minus-13px { + right: -13px !important; + } + .md-right-minus-14px { + right: -14px !important; + } + .md-right-minus-15px { + right: -15px !important; + } + .md-right-minus-16px { + right: -16px !important; + } + .md-right-minus-17px { + right: -17px !important; + } + .md-right-minus-18px { + right: -18px !important; + } + .md-right-minus-19px { + right: -19px !important; + } + .md-right-minus-20px { + right: -20px !important; + } + .md-right-minus-21px { + right: -21px !important; + } + .md-right-minus-22px { + right: -22px !important; + } + .md-right-minus-23px { + right: -23px !important; + } + .md-right-minus-24px { + right: -24px !important; + } + .md-right-minus-25px { + right: -25px !important; + } + .md-right-minus-26px { + right: -26px !important; + } + .md-right-minus-27px { + right: -27px !important; + } + .md-right-minus-28px { + right: -28px !important; + } + .md-right-minus-29px { + right: -29px !important; + } + .md-right-minus-30px { + right: -30px !important; + } + .md-right-minus-40px { + right: -40px !important; + } + .md-right-minus-50px { + right: -50px !important; + } + .md-right-minus-60px { + right: -60px !important; + } + .md-right-minus-70px { + right: -70px !important; + } + .md-right-minus-80px { + right: -80px !important; + } + .md-right-minus-90px { + right: -90px !important; + } + .md-right-minus-100px { + right: -100px !important; + } + .md-right-minus-110px { + right: -110px !important; + } + .md-right-minus-120px { + right: -120px !important; + } + .md-right-minus-130px { + right: -130px !important; + } + .md-right-minus-140px { + right: -140px !important; + } + .md-right-minus-150px { + right: -150px !important; + } + .md-bottom-minus-0px { + bottom: -0px !important; + } + .md-bottom-minus-1px { + bottom: -1px !important; + } + .md-bottom-minus-2px { + bottom: -2px !important; + } + .md-bottom-minus-3px { + bottom: -3px !important; + } + .md-bottom-minus-4px { + bottom: -4px !important; + } + .md-bottom-minus-5px { + bottom: -5px !important; + } + .md-bottom-minus-6px { + bottom: -6px !important; + } + .md-bottom-minus-7px { + bottom: -7px !important; + } + .md-bottom-minus-8px { + bottom: -8px !important; + } + .md-bottom-minus-9px { + bottom: -9px !important; + } + .md-bottom-minus-10px { + bottom: -10px !important; + } + .md-bottom-minus-11px { + bottom: -11px !important; + } + .md-bottom-minus-12px { + bottom: -12px !important; + } + .md-bottom-minus-13px { + bottom: -13px !important; + } + .md-bottom-minus-14px { + bottom: -14px !important; + } + .md-bottom-minus-15px { + bottom: -15px !important; + } + .md-bottom-minus-16px { + bottom: -16px !important; + } + .md-bottom-minus-17px { + bottom: -17px !important; + } + .md-bottom-minus-18px { + bottom: -18px !important; + } + .md-bottom-minus-19px { + bottom: -19px !important; + } + .md-bottom-minus-20px { + bottom: -20px !important; + } + .md-bottom-minus-21px { + bottom: -21px !important; + } + .md-bottom-minus-22px { + bottom: -22px !important; + } + .md-bottom-minus-23px { + bottom: -23px !important; + } + .md-bottom-minus-24px { + bottom: -24px !important; + } + .md-bottom-minus-25px { + bottom: -25px !important; + } + .md-bottom-minus-26px { + bottom: -26px !important; + } + .md-bottom-minus-27px { + bottom: -27px !important; + } + .md-bottom-minus-28px { + bottom: -28px !important; + } + .md-bottom-minus-29px { + bottom: -29px !important; + } + .md-bottom-minus-30px { + bottom: -30px !important; + } + .md-bottom-minus-40px { + bottom: -40px !important; + } + .md-bottom-minus-50px { + bottom: -50px !important; + } + .md-bottom-minus-60px { + bottom: -60px !important; + } + .md-bottom-minus-70px { + bottom: -70px !important; + } + .md-bottom-minus-80px { + bottom: -80px !important; + } + .md-bottom-minus-90px { + bottom: -90px !important; + } + .md-bottom-minus-100px { + bottom: -100px !important; + } + .md-bottom-minus-110px { + bottom: -110px !important; + } + .md-bottom-minus-120px { + bottom: -120px !important; + } + .md-bottom-minus-130px { + bottom: -130px !important; + } + .md-bottom-minus-140px { + bottom: -140px !important; + } + .md-bottom-minus-150px { + bottom: -150px !important; + } + .md-left-minus-0px { + left: -0px !important; + } + .md-left-minus-1px { + left: -1px !important; + } + .md-left-minus-2px { + left: -2px !important; + } + .md-left-minus-3px { + left: -3px !important; + } + .md-left-minus-4px { + left: -4px !important; + } + .md-left-minus-5px { + left: -5px !important; + } + .md-left-minus-6px { + left: -6px !important; + } + .md-left-minus-7px { + left: -7px !important; + } + .md-left-minus-8px { + left: -8px !important; + } + .md-left-minus-9px { + left: -9px !important; + } + .md-left-minus-10px { + left: -10px !important; + } + .md-left-minus-11px { + left: -11px !important; + } + .md-left-minus-12px { + left: -12px !important; + } + .md-left-minus-13px { + left: -13px !important; + } + .md-left-minus-14px { + left: -14px !important; + } + .md-left-minus-15px { + left: -15px !important; + } + .md-left-minus-16px { + left: -16px !important; + } + .md-left-minus-17px { + left: -17px !important; + } + .md-left-minus-18px { + left: -18px !important; + } + .md-left-minus-19px { + left: -19px !important; + } + .md-left-minus-20px { + left: -20px !important; + } + .md-left-minus-21px { + left: -21px !important; + } + .md-left-minus-22px { + left: -22px !important; + } + .md-left-minus-23px { + left: -23px !important; + } + .md-left-minus-24px { + left: -24px !important; + } + .md-left-minus-25px { + left: -25px !important; + } + .md-left-minus-26px { + left: -26px !important; + } + .md-left-minus-27px { + left: -27px !important; + } + .md-left-minus-28px { + left: -28px !important; + } + .md-left-minus-29px { + left: -29px !important; + } + .md-left-minus-30px { + left: -30px !important; + } + .md-left-minus-40px { + left: -40px !important; + } + .md-left-minus-50px { + left: -50px !important; + } + .md-left-minus-60px { + left: -60px !important; + } + .md-left-minus-70px { + left: -70px !important; + } + .md-left-minus-80px { + left: -80px !important; + } + .md-left-minus-90px { + left: -90px !important; + } + .md-left-minus-100px { + left: -100px !important; + } + .md-left-minus-110px { + left: -110px !important; + } + .md-left-minus-120px { + left: -120px !important; + } + .md-left-minus-130px { + left: -130px !important; + } + .md-left-minus-140px { + left: -140px !important; + } + .md-left-minus-150px { + left: -150px !important; + } + .md-border-width-0px { + border-width: 0px !important; + } + .md-border-width-1px { + border-width: 1px !important; + } + .md-border-width-2px { + border-width: 2px !important; + } + .md-border-width-3px { + border-width: 3px !important; + } + .md-border-width-4px { + border-width: 4px !important; + } + .md-border-width-5px { + border-width: 5px !important; + } + .md-border-width-6px { + border-width: 6px !important; + } + .md-border-width-7px { + border-width: 7px !important; + } + .md-border-width-8px { + border-width: 8px !important; + } + .md-border-width-9px { + border-width: 9px !important; + } + .md-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 767px) { + .sm-p-5px { + padding: 5px !important; + } + .sm-p-10px { + padding: 10px !important; + } + .sm-p-15px { + padding: 15px !important; + } + .sm-p-20px { + padding: 20px !important; + } + .sm-p-25px { + padding: 25px !important; + } + .sm-p-30px { + padding: 30px !important; + } + .sm-p-35px { + padding: 35px !important; + } + .sm-p-40px { + padding: 40px !important; + } + .sm-p-45px { + padding: 45px !important; + } + .sm-p-50px { + padding: 50px !important; + } + .sm-p-55px { + padding: 55px !important; + } + .sm-p-60px { + padding: 60px !important; + } + .sm-p-65px { + padding: 65px !important; + } + .sm-p-70px { + padding: 70px !important; + } + .sm-p-1 { + padding: 1% !important; + } + .sm-p-2 { + padding: 2% !important; + } + .sm-p-3 { + padding: 3% !important; + } + .sm-p-4 { + padding: 4% !important; + } + .sm-p-5 { + padding: 5% !important; + } + .sm-p-6 { + padding: 6% !important; + } + .sm-p-7 { + padding: 7% !important; + } + .sm-p-8 { + padding: 8% !important; + } + .sm-p-9 { + padding: 9% !important; + } + .sm-p-10 { + padding: 10% !important; + } + .sm-p-11 { + padding: 11% !important; + } + .sm-p-12 { + padding: 12% !important; + } + .sm-p-13 { + padding: 13% !important; + } + .sm-p-14 { + padding: 14% !important; + } + .sm-p-15 { + padding: 15% !important; + } + .sm-p-16 { + padding: 16% !important; + } + .sm-p-17 { + padding: 17% !important; + } + .sm-p-18 { + padding: 18% !important; + } + .sm-p-19 { + padding: 19% !important; + } + .sm-p-20 { + padding: 20% !important; + } + .sm-p-21 { + padding: 21% !important; + } + .sm-p-22 { + padding: 22% !important; + } + .sm-p-23 { + padding: 23% !important; + } + .sm-p-24 { + padding: 24% !important; + } + .sm-p-25 { + padding: 25% !important; + } + .sm-p-26 { + padding: 26% !important; + } + .sm-p-27 { + padding: 27% !important; + } + .sm-p-28 { + padding: 28% !important; + } + .sm-p-29 { + padding: 29% !important; + } + .sm-p-30 { + padding: 30% !important; + } + .sm-pt-5px { + padding-top: 5px !important; + } + .sm-pt-10px { + padding-top: 10px !important; + } + .sm-pt-15px { + padding-top: 15px !important; + } + .sm-pt-20px { + padding-top: 20px !important; + } + .sm-pt-25px { + padding-top: 25px !important; + } + .sm-pt-30px { + padding-top: 30px !important; + } + .sm-pt-35px { + padding-top: 35px !important; + } + .sm-pt-40px { + padding-top: 40px !important; + } + .sm-pt-45px { + padding-top: 45px !important; + } + .sm-pt-50px { + padding-top: 50px !important; + } + .sm-pt-55px { + padding-top: 55px !important; + } + .sm-pt-60px { + padding-top: 60px !important; + } + .sm-pt-65px { + padding-top: 65px !important; + } + .sm-pt-70px { + padding-top: 70px !important; + } + .sm-pt-1 { + padding-top: 1% !important; + } + .sm-pt-2 { + padding-top: 2% !important; + } + .sm-pt-3 { + padding-top: 3% !important; + } + .sm-pt-4 { + padding-top: 4% !important; + } + .sm-pt-5 { + padding-top: 5% !important; + } + .sm-pt-6 { + padding-top: 6% !important; + } + .sm-pt-7 { + padding-top: 7% !important; + } + .sm-pt-8 { + padding-top: 8% !important; + } + .sm-pt-9 { + padding-top: 9% !important; + } + .sm-pt-10 { + padding-top: 10% !important; + } + .sm-pt-11 { + padding-top: 11% !important; + } + .sm-pt-12 { + padding-top: 12% !important; + } + .sm-pt-13 { + padding-top: 13% !important; + } + .sm-pt-14 { + padding-top: 14% !important; + } + .sm-pt-15 { + padding-top: 15% !important; + } + .sm-pt-16 { + padding-top: 16% !important; + } + .sm-pt-17 { + padding-top: 17% !important; + } + .sm-pt-18 { + padding-top: 18% !important; + } + .sm-pt-19 { + padding-top: 19% !important; + } + .sm-pt-20 { + padding-top: 20% !important; + } + .sm-pt-21 { + padding-top: 21% !important; + } + .sm-pt-22 { + padding-top: 22% !important; + } + .sm-pt-23 { + padding-top: 23% !important; + } + .sm-pt-24 { + padding-top: 24% !important; + } + .sm-pt-25 { + padding-top: 25% !important; + } + .sm-pt-26 { + padding-top: 26% !important; + } + .sm-pt-27 { + padding-top: 27% !important; + } + .sm-pt-28 { + padding-top: 28% !important; + } + .sm-pt-29 { + padding-top: 29% !important; + } + .sm-pt-30 { + padding-top: 30% !important; + } + .sm-pe-5px { + padding-right: 5px !important; + } + .sm-pe-10px { + padding-right: 10px !important; + } + .sm-pe-15px { + padding-right: 15px !important; + } + .sm-pe-20px { + padding-right: 20px !important; + } + .sm-pe-25px { + padding-right: 25px !important; + } + .sm-pe-30px { + padding-right: 30px !important; + } + .sm-pe-35px { + padding-right: 35px !important; + } + .sm-pe-40px { + padding-right: 40px !important; + } + .sm-pe-45px { + padding-right: 45px !important; + } + .sm-pe-50px { + padding-right: 50px !important; + } + .sm-pe-55px { + padding-right: 55px !important; + } + .sm-pe-60px { + padding-right: 60px !important; + } + .sm-pe-65px { + padding-right: 65px !important; + } + .sm-pe-70px { + padding-right: 70px !important; + } + .sm-pe-1 { + padding-right: 1% !important; + } + .sm-pe-2 { + padding-right: 2% !important; + } + .sm-pe-3 { + padding-right: 3% !important; + } + .sm-pe-4 { + padding-right: 4% !important; + } + .sm-pe-5 { + padding-right: 5% !important; + } + .sm-pe-6 { + padding-right: 6% !important; + } + .sm-pe-7 { + padding-right: 7% !important; + } + .sm-pe-8 { + padding-right: 8% !important; + } + .sm-pe-9 { + padding-right: 9% !important; + } + .sm-pe-10 { + padding-right: 10% !important; + } + .sm-pe-11 { + padding-right: 11% !important; + } + .sm-pe-12 { + padding-right: 12% !important; + } + .sm-pe-13 { + padding-right: 13% !important; + } + .sm-pe-14 { + padding-right: 14% !important; + } + .sm-pe-15 { + padding-right: 15% !important; + } + .sm-pe-16 { + padding-right: 16% !important; + } + .sm-pe-17 { + padding-right: 17% !important; + } + .sm-pe-18 { + padding-right: 18% !important; + } + .sm-pe-19 { + padding-right: 19% !important; + } + .sm-pe-20 { + padding-right: 20% !important; + } + .sm-pe-21 { + padding-right: 21% !important; + } + .sm-pe-22 { + padding-right: 22% !important; + } + .sm-pe-23 { + padding-right: 23% !important; + } + .sm-pe-24 { + padding-right: 24% !important; + } + .sm-pe-25 { + padding-right: 25% !important; + } + .sm-pe-26 { + padding-right: 26% !important; + } + .sm-pe-27 { + padding-right: 27% !important; + } + .sm-pe-28 { + padding-right: 28% !important; + } + .sm-pe-29 { + padding-right: 29% !important; + } + .sm-pe-30 { + padding-right: 30% !important; + } + .sm-pb-5px { + padding-bottom: 5px !important; + } + .sm-pb-10px { + padding-bottom: 10px !important; + } + .sm-pb-15px { + padding-bottom: 15px !important; + } + .sm-pb-20px { + padding-bottom: 20px !important; + } + .sm-pb-25px { + padding-bottom: 25px !important; + } + .sm-pb-30px { + padding-bottom: 30px !important; + } + .sm-pb-35px { + padding-bottom: 35px !important; + } + .sm-pb-40px { + padding-bottom: 40px !important; + } + .sm-pb-45px { + padding-bottom: 45px !important; + } + .sm-pb-50px { + padding-bottom: 50px !important; + } + .sm-pb-55px { + padding-bottom: 55px !important; + } + .sm-pb-60px { + padding-bottom: 60px !important; + } + .sm-pb-65px { + padding-bottom: 65px !important; + } + .sm-pb-70px { + padding-bottom: 70px !important; + } + .sm-pb-1 { + padding-bottom: 1% !important; + } + .sm-pb-2 { + padding-bottom: 2% !important; + } + .sm-pb-3 { + padding-bottom: 3% !important; + } + .sm-pb-4 { + padding-bottom: 4% !important; + } + .sm-pb-5 { + padding-bottom: 5% !important; + } + .sm-pb-6 { + padding-bottom: 6% !important; + } + .sm-pb-7 { + padding-bottom: 7% !important; + } + .sm-pb-8 { + padding-bottom: 8% !important; + } + .sm-pb-9 { + padding-bottom: 9% !important; + } + .sm-pb-10 { + padding-bottom: 10% !important; + } + .sm-pb-11 { + padding-bottom: 11% !important; + } + .sm-pb-12 { + padding-bottom: 12% !important; + } + .sm-pb-13 { + padding-bottom: 13% !important; + } + .sm-pb-14 { + padding-bottom: 14% !important; + } + .sm-pb-15 { + padding-bottom: 15% !important; + } + .sm-pb-16 { + padding-bottom: 16% !important; + } + .sm-pb-17 { + padding-bottom: 17% !important; + } + .sm-pb-18 { + padding-bottom: 18% !important; + } + .sm-pb-19 { + padding-bottom: 19% !important; + } + .sm-pb-20 { + padding-bottom: 20% !important; + } + .sm-pb-21 { + padding-bottom: 21% !important; + } + .sm-pb-22 { + padding-bottom: 22% !important; + } + .sm-pb-23 { + padding-bottom: 23% !important; + } + .sm-pb-24 { + padding-bottom: 24% !important; + } + .sm-pb-25 { + padding-bottom: 25% !important; + } + .sm-pb-26 { + padding-bottom: 26% !important; + } + .sm-pb-27 { + padding-bottom: 27% !important; + } + .sm-pb-28 { + padding-bottom: 28% !important; + } + .sm-pb-29 { + padding-bottom: 29% !important; + } + .sm-pb-30 { + padding-bottom: 30% !important; + } + .sm-ps-5px { + padding-left: 5px !important; + } + .sm-ps-10px { + padding-left: 10px !important; + } + .sm-ps-15px { + padding-left: 15px !important; + } + .sm-ps-20px { + padding-left: 20px !important; + } + .sm-ps-25px { + padding-left: 25px !important; + } + .sm-ps-30px { + padding-left: 30px !important; + } + .sm-ps-35px { + padding-left: 35px !important; + } + .sm-ps-40px { + padding-left: 40px !important; + } + .sm-ps-45px { + padding-left: 45px !important; + } + .sm-ps-50px { + padding-left: 50px !important; + } + .sm-ps-55px { + padding-left: 55px !important; + } + .sm-ps-60px { + padding-left: 60px !important; + } + .sm-ps-65px { + padding-left: 65px !important; + } + .sm-ps-70px { + padding-left: 70px !important; + } + .sm-ps-1 { + padding-left: 1% !important; + } + .sm-ps-2 { + padding-left: 2% !important; + } + .sm-ps-3 { + padding-left: 3% !important; + } + .sm-ps-4 { + padding-left: 4% !important; + } + .sm-ps-5 { + padding-left: 5% !important; + } + .sm-ps-6 { + padding-left: 6% !important; + } + .sm-ps-7 { + padding-left: 7% !important; + } + .sm-ps-8 { + padding-left: 8% !important; + } + .sm-ps-9 { + padding-left: 9% !important; + } + .sm-ps-10 { + padding-left: 10% !important; + } + .sm-ps-11 { + padding-left: 11% !important; + } + .sm-ps-12 { + padding-left: 12% !important; + } + .sm-ps-13 { + padding-left: 13% !important; + } + .sm-ps-14 { + padding-left: 14% !important; + } + .sm-ps-15 { + padding-left: 15% !important; + } + .sm-ps-16 { + padding-left: 16% !important; + } + .sm-ps-17 { + padding-left: 17% !important; + } + .sm-ps-18 { + padding-left: 18% !important; + } + .sm-ps-19 { + padding-left: 19% !important; + } + .sm-ps-20 { + padding-left: 20% !important; + } + .sm-ps-21 { + padding-left: 21% !important; + } + .sm-ps-22 { + padding-left: 22% !important; + } + .sm-ps-23 { + padding-left: 23% !important; + } + .sm-ps-24 { + padding-left: 24% !important; + } + .sm-ps-25 { + padding-left: 25% !important; + } + .sm-ps-26 { + padding-left: 26% !important; + } + .sm-ps-27 { + padding-left: 27% !important; + } + .sm-ps-28 { + padding-left: 28% !important; + } + .sm-ps-29 { + padding-left: 29% !important; + } + .sm-ps-30 { + padding-left: 30% !important; + } + .sm-m-5px { + margin: 5px !important; + } + .sm-m-10px { + margin: 10px !important; + } + .sm-m-15px { + margin: 15px !important; + } + .sm-m-20px { + margin: 20px !important; + } + .sm-m-25px { + margin: 25px !important; + } + .sm-m-30px { + margin: 30px !important; + } + .sm-m-35px { + margin: 35px !important; + } + .sm-m-40px { + margin: 40px !important; + } + .sm-m-45px { + margin: 45px !important; + } + .sm-m-50px { + margin: 50px !important; + } + .sm-m-55px { + margin: 55px !important; + } + .sm-m-60px { + margin: 60px !important; + } + .sm-m-65px { + margin: 65px !important; + } + .sm-m-70px { + margin: 70px !important; + } + .sm-m-1 { + margin: 1% !important; + } + .sm-m-2 { + margin: 2% !important; + } + .sm-m-3 { + margin: 3% !important; + } + .sm-m-4 { + margin: 4% !important; + } + .sm-m-5 { + margin: 5% !important; + } + .sm-m-6 { + margin: 6% !important; + } + .sm-m-7 { + margin: 7% !important; + } + .sm-m-8 { + margin: 8% !important; + } + .sm-m-9 { + margin: 9% !important; + } + .sm-m-10 { + margin: 10% !important; + } + .sm-m-11 { + margin: 11% !important; + } + .sm-m-12 { + margin: 12% !important; + } + .sm-m-13 { + margin: 13% !important; + } + .sm-m-14 { + margin: 14% !important; + } + .sm-m-15 { + margin: 15% !important; + } + .sm-m-16 { + margin: 16% !important; + } + .sm-m-17 { + margin: 17% !important; + } + .sm-m-18 { + margin: 18% !important; + } + .sm-m-19 { + margin: 19% !important; + } + .sm-m-20 { + margin: 20% !important; + } + .sm-m-21 { + margin: 21% !important; + } + .sm-m-22 { + margin: 22% !important; + } + .sm-m-23 { + margin: 23% !important; + } + .sm-m-24 { + margin: 24% !important; + } + .sm-m-25 { + margin: 25% !important; + } + .sm-m-26 { + margin: 26% !important; + } + .sm-m-27 { + margin: 27% !important; + } + .sm-m-28 { + margin: 28% !important; + } + .sm-m-29 { + margin: 29% !important; + } + .sm-m-30 { + margin: 30% !important; + } + .sm-mt-5px { + margin-top: 5px !important; + } + .sm-mt-10px { + margin-top: 10px !important; + } + .sm-mt-15px { + margin-top: 15px !important; + } + .sm-mt-20px { + margin-top: 20px !important; + } + .sm-mt-25px { + margin-top: 25px !important; + } + .sm-mt-30px { + margin-top: 30px !important; + } + .sm-mt-35px { + margin-top: 35px !important; + } + .sm-mt-40px { + margin-top: 40px !important; + } + .sm-mt-45px { + margin-top: 45px !important; + } + .sm-mt-50px { + margin-top: 50px !important; + } + .sm-mt-55px { + margin-top: 55px !important; + } + .sm-mt-60px { + margin-top: 60px !important; + } + .sm-mt-65px { + margin-top: 65px !important; + } + .sm-mt-70px { + margin-top: 70px !important; + } + .sm-mt-1 { + margin-top: 1% !important; + } + .sm-mt-2 { + margin-top: 2% !important; + } + .sm-mt-3 { + margin-top: 3% !important; + } + .sm-mt-4 { + margin-top: 4% !important; + } + .sm-mt-5 { + margin-top: 5% !important; + } + .sm-mt-6 { + margin-top: 6% !important; + } + .sm-mt-7 { + margin-top: 7% !important; + } + .sm-mt-8 { + margin-top: 8% !important; + } + .sm-mt-9 { + margin-top: 9% !important; + } + .sm-mt-10 { + margin-top: 10% !important; + } + .sm-mt-11 { + margin-top: 11% !important; + } + .sm-mt-12 { + margin-top: 12% !important; + } + .sm-mt-13 { + margin-top: 13% !important; + } + .sm-mt-14 { + margin-top: 14% !important; + } + .sm-mt-15 { + margin-top: 15% !important; + } + .sm-mt-16 { + margin-top: 16% !important; + } + .sm-mt-17 { + margin-top: 17% !important; + } + .sm-mt-18 { + margin-top: 18% !important; + } + .sm-mt-19 { + margin-top: 19% !important; + } + .sm-mt-20 { + margin-top: 20% !important; + } + .sm-mt-21 { + margin-top: 21% !important; + } + .sm-mt-22 { + margin-top: 22% !important; + } + .sm-mt-23 { + margin-top: 23% !important; + } + .sm-mt-24 { + margin-top: 24% !important; + } + .sm-mt-25 { + margin-top: 25% !important; + } + .sm-mt-26 { + margin-top: 26% !important; + } + .sm-mt-27 { + margin-top: 27% !important; + } + .sm-mt-28 { + margin-top: 28% !important; + } + .sm-mt-29 { + margin-top: 29% !important; + } + .sm-mt-30 { + margin-top: 30% !important; + } + .sm-me-5px { + margin-right: 5px !important; + } + .sm-me-10px { + margin-right: 10px !important; + } + .sm-me-15px { + margin-right: 15px !important; + } + .sm-me-20px { + margin-right: 20px !important; + } + .sm-me-25px { + margin-right: 25px !important; + } + .sm-me-30px { + margin-right: 30px !important; + } + .sm-me-35px { + margin-right: 35px !important; + } + .sm-me-40px { + margin-right: 40px !important; + } + .sm-me-45px { + margin-right: 45px !important; + } + .sm-me-50px { + margin-right: 50px !important; + } + .sm-me-55px { + margin-right: 55px !important; + } + .sm-me-60px { + margin-right: 60px !important; + } + .sm-me-65px { + margin-right: 65px !important; + } + .sm-me-70px { + margin-right: 70px !important; + } + .sm-me-1 { + margin-right: 1% !important; + } + .sm-me-2 { + margin-right: 2% !important; + } + .sm-me-3 { + margin-right: 3% !important; + } + .sm-me-4 { + margin-right: 4% !important; + } + .sm-me-5 { + margin-right: 5% !important; + } + .sm-me-6 { + margin-right: 6% !important; + } + .sm-me-7 { + margin-right: 7% !important; + } + .sm-me-8 { + margin-right: 8% !important; + } + .sm-me-9 { + margin-right: 9% !important; + } + .sm-me-10 { + margin-right: 10% !important; + } + .sm-me-11 { + margin-right: 11% !important; + } + .sm-me-12 { + margin-right: 12% !important; + } + .sm-me-13 { + margin-right: 13% !important; + } + .sm-me-14 { + margin-right: 14% !important; + } + .sm-me-15 { + margin-right: 15% !important; + } + .sm-me-16 { + margin-right: 16% !important; + } + .sm-me-17 { + margin-right: 17% !important; + } + .sm-me-18 { + margin-right: 18% !important; + } + .sm-me-19 { + margin-right: 19% !important; + } + .sm-me-20 { + margin-right: 20% !important; + } + .sm-me-21 { + margin-right: 21% !important; + } + .sm-me-22 { + margin-right: 22% !important; + } + .sm-me-23 { + margin-right: 23% !important; + } + .sm-me-24 { + margin-right: 24% !important; + } + .sm-me-25 { + margin-right: 25% !important; + } + .sm-me-26 { + margin-right: 26% !important; + } + .sm-me-27 { + margin-right: 27% !important; + } + .sm-me-28 { + margin-right: 28% !important; + } + .sm-me-29 { + margin-right: 29% !important; + } + .sm-me-30 { + margin-right: 30% !important; + } + .sm-mb-5px { + margin-bottom: 5px !important; + } + .sm-mb-10px { + margin-bottom: 10px !important; + } + .sm-mb-15px { + margin-bottom: 15px !important; + } + .sm-mb-20px { + margin-bottom: 20px !important; + } + .sm-mb-25px { + margin-bottom: 25px !important; + } + .sm-mb-30px { + margin-bottom: 30px !important; + } + .sm-mb-35px { + margin-bottom: 35px !important; + } + .sm-mb-40px { + margin-bottom: 40px !important; + } + .sm-mb-45px { + margin-bottom: 45px !important; + } + .sm-mb-50px { + margin-bottom: 50px !important; + } + .sm-mb-55px { + margin-bottom: 55px !important; + } + .sm-mb-60px { + margin-bottom: 60px !important; + } + .sm-mb-65px { + margin-bottom: 65px !important; + } + .sm-mb-70px { + margin-bottom: 70px !important; + } + .sm-mb-1 { + margin-bottom: 1% !important; + } + .sm-mb-2 { + margin-bottom: 2% !important; + } + .sm-mb-3 { + margin-bottom: 3% !important; + } + .sm-mb-4 { + margin-bottom: 4% !important; + } + .sm-mb-5 { + margin-bottom: 5% !important; + } + .sm-mb-6 { + margin-bottom: 6% !important; + } + .sm-mb-7 { + margin-bottom: 7% !important; + } + .sm-mb-8 { + margin-bottom: 8% !important; + } + .sm-mb-9 { + margin-bottom: 9% !important; + } + .sm-mb-10 { + margin-bottom: 10% !important; + } + .sm-mb-11 { + margin-bottom: 11% !important; + } + .sm-mb-12 { + margin-bottom: 12% !important; + } + .sm-mb-13 { + margin-bottom: 13% !important; + } + .sm-mb-14 { + margin-bottom: 14% !important; + } + .sm-mb-15 { + margin-bottom: 15% !important; + } + .sm-mb-16 { + margin-bottom: 16% !important; + } + .sm-mb-17 { + margin-bottom: 17% !important; + } + .sm-mb-18 { + margin-bottom: 18% !important; + } + .sm-mb-19 { + margin-bottom: 19% !important; + } + .sm-mb-20 { + margin-bottom: 20% !important; + } + .sm-mb-21 { + margin-bottom: 21% !important; + } + .sm-mb-22 { + margin-bottom: 22% !important; + } + .sm-mb-23 { + margin-bottom: 23% !important; + } + .sm-mb-24 { + margin-bottom: 24% !important; + } + .sm-mb-25 { + margin-bottom: 25% !important; + } + .sm-mb-26 { + margin-bottom: 26% !important; + } + .sm-mb-27 { + margin-bottom: 27% !important; + } + .sm-mb-28 { + margin-bottom: 28% !important; + } + .sm-mb-29 { + margin-bottom: 29% !important; + } + .sm-mb-30 { + margin-bottom: 30% !important; + } + .sm-ms-5px { + margin-left: 5px !important; + } + .sm-ms-10px { + margin-left: 10px !important; + } + .sm-ms-15px { + margin-left: 15px !important; + } + .sm-ms-20px { + margin-left: 20px !important; + } + .sm-ms-25px { + margin-left: 25px !important; + } + .sm-ms-30px { + margin-left: 30px !important; + } + .sm-ms-35px { + margin-left: 35px !important; + } + .sm-ms-40px { + margin-left: 40px !important; + } + .sm-ms-45px { + margin-left: 45px !important; + } + .sm-ms-50px { + margin-left: 50px !important; + } + .sm-ms-55px { + margin-left: 55px !important; + } + .sm-ms-60px { + margin-left: 60px !important; + } + .sm-ms-65px { + margin-left: 65px !important; + } + .sm-ms-70px { + margin-left: 70px !important; + } + .sm-ms-1 { + margin-left: 1% !important; + } + .sm-ms-2 { + margin-left: 2% !important; + } + .sm-ms-3 { + margin-left: 3% !important; + } + .sm-ms-4 { + margin-left: 4% !important; + } + .sm-ms-5 { + margin-left: 5% !important; + } + .sm-ms-6 { + margin-left: 6% !important; + } + .sm-ms-7 { + margin-left: 7% !important; + } + .sm-ms-8 { + margin-left: 8% !important; + } + .sm-ms-9 { + margin-left: 9% !important; + } + .sm-ms-10 { + margin-left: 10% !important; + } + .sm-ms-11 { + margin-left: 11% !important; + } + .sm-ms-12 { + margin-left: 12% !important; + } + .sm-ms-13 { + margin-left: 13% !important; + } + .sm-ms-14 { + margin-left: 14% !important; + } + .sm-ms-15 { + margin-left: 15% !important; + } + .sm-ms-16 { + margin-left: 16% !important; + } + .sm-ms-17 { + margin-left: 17% !important; + } + .sm-ms-18 { + margin-left: 18% !important; + } + .sm-ms-19 { + margin-left: 19% !important; + } + .sm-ms-20 { + margin-left: 20% !important; + } + .sm-ms-21 { + margin-left: 21% !important; + } + .sm-ms-22 { + margin-left: 22% !important; + } + .sm-ms-23 { + margin-left: 23% !important; + } + .sm-ms-24 { + margin-left: 24% !important; + } + .sm-ms-25 { + margin-left: 25% !important; + } + .sm-ms-26 { + margin-left: 26% !important; + } + .sm-ms-27 { + margin-left: 27% !important; + } + .sm-ms-28 { + margin-left: 28% !important; + } + .sm-ms-29 { + margin-left: 29% !important; + } + .sm-ms-30 { + margin-left: 30% !important; + } + .sm-top-0px { + top: 0px !important; + } + .sm-top-1px { + top: 1px !important; + } + .sm-top-2px { + top: 2px !important; + } + .sm-top-3px { + top: 3px !important; + } + .sm-top-4px { + top: 4px !important; + } + .sm-top-5px { + top: 5px !important; + } + .sm-top-6px { + top: 6px !important; + } + .sm-top-7px { + top: 7px !important; + } + .sm-top-8px { + top: 8px !important; + } + .sm-top-9px { + top: 9px !important; + } + .sm-top-10px { + top: 10px !important; + } + .sm-top-11px { + top: 11px !important; + } + .sm-top-12px { + top: 12px !important; + } + .sm-top-13px { + top: 13px !important; + } + .sm-top-14px { + top: 14px !important; + } + .sm-top-15px { + top: 15px !important; + } + .sm-top-16px { + top: 16px !important; + } + .sm-top-17px { + top: 17px !important; + } + .sm-top-18px { + top: 18px !important; + } + .sm-top-19px { + top: 19px !important; + } + .sm-top-20px { + top: 20px !important; + } + .sm-top-21px { + top: 21px !important; + } + .sm-top-22px { + top: 22px !important; + } + .sm-top-23px { + top: 23px !important; + } + .sm-top-24px { + top: 24px !important; + } + .sm-top-25px { + top: 25px !important; + } + .sm-top-26px { + top: 26px !important; + } + .sm-top-27px { + top: 27px !important; + } + .sm-top-28px { + top: 28px !important; + } + .sm-top-29px { + top: 29px !important; + } + .sm-top-30px { + top: 30px !important; + } + .sm-top-40px { + top: 40px !important; + } + .sm-top-50px { + top: 50px !important; + } + .sm-top-60px { + top: 60px !important; + } + .sm-top-70px { + top: 70px !important; + } + .sm-top-80px { + top: 80px !important; + } + .sm-top-90px { + top: 90px !important; + } + .sm-top-100px { + top: 100px !important; + } + .sm-top-110px { + top: 110px !important; + } + .sm-top-120px { + top: 120px !important; + } + .sm-top-130px { + top: 130px !important; + } + .sm-top-140px { + top: 140px !important; + } + .sm-top-150px { + top: 150px !important; + } + .sm-right-0px { + right: 0px !important; + } + .sm-right-1px { + right: 1px !important; + } + .sm-right-2px { + right: 2px !important; + } + .sm-right-3px { + right: 3px !important; + } + .sm-right-4px { + right: 4px !important; + } + .sm-right-5px { + right: 5px !important; + } + .sm-right-6px { + right: 6px !important; + } + .sm-right-7px { + right: 7px !important; + } + .sm-right-8px { + right: 8px !important; + } + .sm-right-9px { + right: 9px !important; + } + .sm-right-10px { + right: 10px !important; + } + .sm-right-11px { + right: 11px !important; + } + .sm-right-12px { + right: 12px !important; + } + .sm-right-13px { + right: 13px !important; + } + .sm-right-14px { + right: 14px !important; + } + .sm-right-15px { + right: 15px !important; + } + .sm-right-16px { + right: 16px !important; + } + .sm-right-17px { + right: 17px !important; + } + .sm-right-18px { + right: 18px !important; + } + .sm-right-19px { + right: 19px !important; + } + .sm-right-20px { + right: 20px !important; + } + .sm-right-21px { + right: 21px !important; + } + .sm-right-22px { + right: 22px !important; + } + .sm-right-23px { + right: 23px !important; + } + .sm-right-24px { + right: 24px !important; + } + .sm-right-25px { + right: 25px !important; + } + .sm-right-26px { + right: 26px !important; + } + .sm-right-27px { + right: 27px !important; + } + .sm-right-28px { + right: 28px !important; + } + .sm-right-29px { + right: 29px !important; + } + .sm-right-30px { + right: 30px !important; + } + .sm-right-40px { + right: 40px !important; + } + .sm-right-50px { + right: 50px !important; + } + .sm-right-60px { + right: 60px !important; + } + .sm-right-70px { + right: 70px !important; + } + .sm-right-80px { + right: 80px !important; + } + .sm-right-90px { + right: 90px !important; + } + .sm-right-100px { + right: 100px !important; + } + .sm-right-110px { + right: 110px !important; + } + .sm-right-120px { + right: 120px !important; + } + .sm-right-130px { + right: 130px !important; + } + .sm-right-140px { + right: 140px !important; + } + .sm-right-150px { + right: 150px !important; + } + .sm-bottom-0px { + bottom: 0px !important; + } + .sm-bottom-1px { + bottom: 1px !important; + } + .sm-bottom-2px { + bottom: 2px !important; + } + .sm-bottom-3px { + bottom: 3px !important; + } + .sm-bottom-4px { + bottom: 4px !important; + } + .sm-bottom-5px { + bottom: 5px !important; + } + .sm-bottom-6px { + bottom: 6px !important; + } + .sm-bottom-7px { + bottom: 7px !important; + } + .sm-bottom-8px { + bottom: 8px !important; + } + .sm-bottom-9px { + bottom: 9px !important; + } + .sm-bottom-10px { + bottom: 10px !important; + } + .sm-bottom-11px { + bottom: 11px !important; + } + .sm-bottom-12px { + bottom: 12px !important; + } + .sm-bottom-13px { + bottom: 13px !important; + } + .sm-bottom-14px { + bottom: 14px !important; + } + .sm-bottom-15px { + bottom: 15px !important; + } + .sm-bottom-16px { + bottom: 16px !important; + } + .sm-bottom-17px { + bottom: 17px !important; + } + .sm-bottom-18px { + bottom: 18px !important; + } + .sm-bottom-19px { + bottom: 19px !important; + } + .sm-bottom-20px { + bottom: 20px !important; + } + .sm-bottom-21px { + bottom: 21px !important; + } + .sm-bottom-22px { + bottom: 22px !important; + } + .sm-bottom-23px { + bottom: 23px !important; + } + .sm-bottom-24px { + bottom: 24px !important; + } + .sm-bottom-25px { + bottom: 25px !important; + } + .sm-bottom-26px { + bottom: 26px !important; + } + .sm-bottom-27px { + bottom: 27px !important; + } + .sm-bottom-28px { + bottom: 28px !important; + } + .sm-bottom-29px { + bottom: 29px !important; + } + .sm-bottom-30px { + bottom: 30px !important; + } + .sm-bottom-40px { + bottom: 40px !important; + } + .sm-bottom-50px { + bottom: 50px !important; + } + .sm-bottom-60px { + bottom: 60px !important; + } + .sm-bottom-70px { + bottom: 70px !important; + } + .sm-bottom-80px { + bottom: 80px !important; + } + .sm-bottom-90px { + bottom: 90px !important; + } + .sm-bottom-100px { + bottom: 100px !important; + } + .sm-bottom-110px { + bottom: 110px !important; + } + .sm-bottom-120px { + bottom: 120px !important; + } + .sm-bottom-130px { + bottom: 130px !important; + } + .sm-bottom-140px { + bottom: 140px !important; + } + .sm-bottom-150px { + bottom: 150px !important; + } + .sm-left-0px { + left: 0px !important; + } + .sm-left-1px { + left: 1px !important; + } + .sm-left-2px { + left: 2px !important; + } + .sm-left-3px { + left: 3px !important; + } + .sm-left-4px { + left: 4px !important; + } + .sm-left-5px { + left: 5px !important; + } + .sm-left-6px { + left: 6px !important; + } + .sm-left-7px { + left: 7px !important; + } + .sm-left-8px { + left: 8px !important; + } + .sm-left-9px { + left: 9px !important; + } + .sm-left-10px { + left: 10px !important; + } + .sm-left-11px { + left: 11px !important; + } + .sm-left-12px { + left: 12px !important; + } + .sm-left-13px { + left: 13px !important; + } + .sm-left-14px { + left: 14px !important; + } + .sm-left-15px { + left: 15px !important; + } + .sm-left-16px { + left: 16px !important; + } + .sm-left-17px { + left: 17px !important; + } + .sm-left-18px { + left: 18px !important; + } + .sm-left-19px { + left: 19px !important; + } + .sm-left-20px { + left: 20px !important; + } + .sm-left-21px { + left: 21px !important; + } + .sm-left-22px { + left: 22px !important; + } + .sm-left-23px { + left: 23px !important; + } + .sm-left-24px { + left: 24px !important; + } + .sm-left-25px { + left: 25px !important; + } + .sm-left-26px { + left: 26px !important; + } + .sm-left-27px { + left: 27px !important; + } + .sm-left-28px { + left: 28px !important; + } + .sm-left-29px { + left: 29px !important; + } + .sm-left-30px { + left: 30px !important; + } + .sm-left-40px { + left: 40px !important; + } + .sm-left-50px { + left: 50px !important; + } + .sm-left-60px { + left: 60px !important; + } + .sm-left-70px { + left: 70px !important; + } + .sm-left-80px { + left: 80px !important; + } + .sm-left-90px { + left: 90px !important; + } + .sm-left-100px { + left: 100px !important; + } + .sm-left-110px { + left: 110px !important; + } + .sm-left-120px { + left: 120px !important; + } + .sm-left-130px { + left: 130px !important; + } + .sm-left-140px { + left: 140px !important; + } + .sm-left-150px { + left: 150px !important; + } + .sm-top-minus-0px { + top: -0px !important; + } + .sm-top-minus-1px { + top: -1px !important; + } + .sm-top-minus-2px { + top: -2px !important; + } + .sm-top-minus-3px { + top: -3px !important; + } + .sm-top-minus-4px { + top: -4px !important; + } + .sm-top-minus-5px { + top: -5px !important; + } + .sm-top-minus-6px { + top: -6px !important; + } + .sm-top-minus-7px { + top: -7px !important; + } + .sm-top-minus-8px { + top: -8px !important; + } + .sm-top-minus-9px { + top: -9px !important; + } + .sm-top-minus-10px { + top: -10px !important; + } + .sm-top-minus-11px { + top: -11px !important; + } + .sm-top-minus-12px { + top: -12px !important; + } + .sm-top-minus-13px { + top: -13px !important; + } + .sm-top-minus-14px { + top: -14px !important; + } + .sm-top-minus-15px { + top: -15px !important; + } + .sm-top-minus-16px { + top: -16px !important; + } + .sm-top-minus-17px { + top: -17px !important; + } + .sm-top-minus-18px { + top: -18px !important; + } + .sm-top-minus-19px { + top: -19px !important; + } + .sm-top-minus-20px { + top: -20px !important; + } + .sm-top-minus-21px { + top: -21px !important; + } + .sm-top-minus-22px { + top: -22px !important; + } + .sm-top-minus-23px { + top: -23px !important; + } + .sm-top-minus-24px { + top: -24px !important; + } + .sm-top-minus-25px { + top: -25px !important; + } + .sm-top-minus-26px { + top: -26px !important; + } + .sm-top-minus-27px { + top: -27px !important; + } + .sm-top-minus-28px { + top: -28px !important; + } + .sm-top-minus-29px { + top: -29px !important; + } + .sm-top-minus-30px { + top: -30px !important; + } + .sm-top-minus-40px { + top: -40px !important; + } + .sm-top-minus-50px { + top: -50px !important; + } + .sm-top-minus-60px { + top: -60px !important; + } + .sm-top-minus-70px { + top: -70px !important; + } + .sm-top-minus-80px { + top: -80px !important; + } + .sm-top-minus-90px { + top: -90px !important; + } + .sm-top-minus-100px { + top: -100px !important; + } + .sm-top-minus-110px { + top: -110px !important; + } + .sm-top-minus-120px { + top: -120px !important; + } + .sm-top-minus-130px { + top: -130px !important; + } + .sm-top-minus-140px { + top: -140px !important; + } + .sm-top-minus-150px { + top: -150px !important; + } + .sm-right-minus-0px { + right: -0px !important; + } + .sm-right-minus-1px { + right: -1px !important; + } + .sm-right-minus-2px { + right: -2px !important; + } + .sm-right-minus-3px { + right: -3px !important; + } + .sm-right-minus-4px { + right: -4px !important; + } + .sm-right-minus-5px { + right: -5px !important; + } + .sm-right-minus-6px { + right: -6px !important; + } + .sm-right-minus-7px { + right: -7px !important; + } + .sm-right-minus-8px { + right: -8px !important; + } + .sm-right-minus-9px { + right: -9px !important; + } + .sm-right-minus-10px { + right: -10px !important; + } + .sm-right-minus-11px { + right: -11px !important; + } + .sm-right-minus-12px { + right: -12px !important; + } + .sm-right-minus-13px { + right: -13px !important; + } + .sm-right-minus-14px { + right: -14px !important; + } + .sm-right-minus-15px { + right: -15px !important; + } + .sm-right-minus-16px { + right: -16px !important; + } + .sm-right-minus-17px { + right: -17px !important; + } + .sm-right-minus-18px { + right: -18px !important; + } + .sm-right-minus-19px { + right: -19px !important; + } + .sm-right-minus-20px { + right: -20px !important; + } + .sm-right-minus-21px { + right: -21px !important; + } + .sm-right-minus-22px { + right: -22px !important; + } + .sm-right-minus-23px { + right: -23px !important; + } + .sm-right-minus-24px { + right: -24px !important; + } + .sm-right-minus-25px { + right: -25px !important; + } + .sm-right-minus-26px { + right: -26px !important; + } + .sm-right-minus-27px { + right: -27px !important; + } + .sm-right-minus-28px { + right: -28px !important; + } + .sm-right-minus-29px { + right: -29px !important; + } + .sm-right-minus-30px { + right: -30px !important; + } + .sm-right-minus-40px { + right: -40px !important; + } + .sm-right-minus-50px { + right: -50px !important; + } + .sm-right-minus-60px { + right: -60px !important; + } + .sm-right-minus-70px { + right: -70px !important; + } + .sm-right-minus-80px { + right: -80px !important; + } + .sm-right-minus-90px { + right: -90px !important; + } + .sm-right-minus-100px { + right: -100px !important; + } + .sm-right-minus-110px { + right: -110px !important; + } + .sm-right-minus-120px { + right: -120px !important; + } + .sm-right-minus-130px { + right: -130px !important; + } + .sm-right-minus-140px { + right: -140px !important; + } + .sm-right-minus-150px { + right: -150px !important; + } + .sm-bottom-minus-0px { + bottom: -0px !important; + } + .sm-bottom-minus-1px { + bottom: -1px !important; + } + .sm-bottom-minus-2px { + bottom: -2px !important; + } + .sm-bottom-minus-3px { + bottom: -3px !important; + } + .sm-bottom-minus-4px { + bottom: -4px !important; + } + .sm-bottom-minus-5px { + bottom: -5px !important; + } + .sm-bottom-minus-6px { + bottom: -6px !important; + } + .sm-bottom-minus-7px { + bottom: -7px !important; + } + .sm-bottom-minus-8px { + bottom: -8px !important; + } + .sm-bottom-minus-9px { + bottom: -9px !important; + } + .sm-bottom-minus-10px { + bottom: -10px !important; + } + .sm-bottom-minus-11px { + bottom: -11px !important; + } + .sm-bottom-minus-12px { + bottom: -12px !important; + } + .sm-bottom-minus-13px { + bottom: -13px !important; + } + .sm-bottom-minus-14px { + bottom: -14px !important; + } + .sm-bottom-minus-15px { + bottom: -15px !important; + } + .sm-bottom-minus-16px { + bottom: -16px !important; + } + .sm-bottom-minus-17px { + bottom: -17px !important; + } + .sm-bottom-minus-18px { + bottom: -18px !important; + } + .sm-bottom-minus-19px { + bottom: -19px !important; + } + .sm-bottom-minus-20px { + bottom: -20px !important; + } + .sm-bottom-minus-21px { + bottom: -21px !important; + } + .sm-bottom-minus-22px { + bottom: -22px !important; + } + .sm-bottom-minus-23px { + bottom: -23px !important; + } + .sm-bottom-minus-24px { + bottom: -24px !important; + } + .sm-bottom-minus-25px { + bottom: -25px !important; + } + .sm-bottom-minus-26px { + bottom: -26px !important; + } + .sm-bottom-minus-27px { + bottom: -27px !important; + } + .sm-bottom-minus-28px { + bottom: -28px !important; + } + .sm-bottom-minus-29px { + bottom: -29px !important; + } + .sm-bottom-minus-30px { + bottom: -30px !important; + } + .sm-bottom-minus-40px { + bottom: -40px !important; + } + .sm-bottom-minus-50px { + bottom: -50px !important; + } + .sm-bottom-minus-60px { + bottom: -60px !important; + } + .sm-bottom-minus-70px { + bottom: -70px !important; + } + .sm-bottom-minus-80px { + bottom: -80px !important; + } + .sm-bottom-minus-90px { + bottom: -90px !important; + } + .sm-bottom-minus-100px { + bottom: -100px !important; + } + .sm-bottom-minus-110px { + bottom: -110px !important; + } + .sm-bottom-minus-120px { + bottom: -120px !important; + } + .sm-bottom-minus-130px { + bottom: -130px !important; + } + .sm-bottom-minus-140px { + bottom: -140px !important; + } + .sm-bottom-minus-150px { + bottom: -150px !important; + } + .sm-left-minus-0px { + left: -0px !important; + } + .sm-left-minus-1px { + left: -1px !important; + } + .sm-left-minus-2px { + left: -2px !important; + } + .sm-left-minus-3px { + left: -3px !important; + } + .sm-left-minus-4px { + left: -4px !important; + } + .sm-left-minus-5px { + left: -5px !important; + } + .sm-left-minus-6px { + left: -6px !important; + } + .sm-left-minus-7px { + left: -7px !important; + } + .sm-left-minus-8px { + left: -8px !important; + } + .sm-left-minus-9px { + left: -9px !important; + } + .sm-left-minus-10px { + left: -10px !important; + } + .sm-left-minus-11px { + left: -11px !important; + } + .sm-left-minus-12px { + left: -12px !important; + } + .sm-left-minus-13px { + left: -13px !important; + } + .sm-left-minus-14px { + left: -14px !important; + } + .sm-left-minus-15px { + left: -15px !important; + } + .sm-left-minus-16px { + left: -16px !important; + } + .sm-left-minus-17px { + left: -17px !important; + } + .sm-left-minus-18px { + left: -18px !important; + } + .sm-left-minus-19px { + left: -19px !important; + } + .sm-left-minus-20px { + left: -20px !important; + } + .sm-left-minus-21px { + left: -21px !important; + } + .sm-left-minus-22px { + left: -22px !important; + } + .sm-left-minus-23px { + left: -23px !important; + } + .sm-left-minus-24px { + left: -24px !important; + } + .sm-left-minus-25px { + left: -25px !important; + } + .sm-left-minus-26px { + left: -26px !important; + } + .sm-left-minus-27px { + left: -27px !important; + } + .sm-left-minus-28px { + left: -28px !important; + } + .sm-left-minus-29px { + left: -29px !important; + } + .sm-left-minus-30px { + left: -30px !important; + } + .sm-left-minus-40px { + left: -40px !important; + } + .sm-left-minus-50px { + left: -50px !important; + } + .sm-left-minus-60px { + left: -60px !important; + } + .sm-left-minus-70px { + left: -70px !important; + } + .sm-left-minus-80px { + left: -80px !important; + } + .sm-left-minus-90px { + left: -90px !important; + } + .sm-left-minus-100px { + left: -100px !important; + } + .sm-left-minus-110px { + left: -110px !important; + } + .sm-left-minus-120px { + left: -120px !important; + } + .sm-left-minus-130px { + left: -130px !important; + } + .sm-left-minus-140px { + left: -140px !important; + } + .sm-left-minus-150px { + left: -150px !important; + } + .sm-border-width-0px { + border-width: 0px !important; + } + .sm-border-width-1px { + border-width: 1px !important; + } + .sm-border-width-2px { + border-width: 2px !important; + } + .sm-border-width-3px { + border-width: 3px !important; + } + .sm-border-width-4px { + border-width: 4px !important; + } + .sm-border-width-5px { + border-width: 5px !important; + } + .sm-border-width-6px { + border-width: 6px !important; + } + .sm-border-width-7px { + border-width: 7px !important; + } + .sm-border-width-8px { + border-width: 8px !important; + } + .sm-border-width-9px { + border-width: 9px !important; + } + .sm-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 575px) { + .xs-p-5px { + padding: 5px !important; + } + .xs-p-10px { + padding: 10px !important; + } + .xs-p-15px { + padding: 15px !important; + } + .xs-p-20px { + padding: 20px !important; + } + .xs-p-25px { + padding: 25px !important; + } + .xs-p-30px { + padding: 30px !important; + } + .xs-p-35px { + padding: 35px !important; + } + .xs-p-40px { + padding: 40px !important; + } + .xs-p-45px { + padding: 45px !important; + } + .xs-p-50px { + padding: 50px !important; + } + .xs-p-55px { + padding: 55px !important; + } + .xs-p-60px { + padding: 60px !important; + } + .xs-p-65px { + padding: 65px !important; + } + .xs-p-70px { + padding: 70px !important; + } + .xs-p-1 { + padding: 1% !important; + } + .xs-p-2 { + padding: 2% !important; + } + .xs-p-3 { + padding: 3% !important; + } + .xs-p-4 { + padding: 4% !important; + } + .xs-p-5 { + padding: 5% !important; + } + .xs-p-6 { + padding: 6% !important; + } + .xs-p-7 { + padding: 7% !important; + } + .xs-p-8 { + padding: 8% !important; + } + .xs-p-9 { + padding: 9% !important; + } + .xs-p-10 { + padding: 10% !important; + } + .xs-p-11 { + padding: 11% !important; + } + .xs-p-12 { + padding: 12% !important; + } + .xs-p-13 { + padding: 13% !important; + } + .xs-p-14 { + padding: 14% !important; + } + .xs-p-15 { + padding: 15% !important; + } + .xs-p-16 { + padding: 16% !important; + } + .xs-p-17 { + padding: 17% !important; + } + .xs-p-18 { + padding: 18% !important; + } + .xs-p-19 { + padding: 19% !important; + } + .xs-p-20 { + padding: 20% !important; + } + .xs-p-21 { + padding: 21% !important; + } + .xs-p-22 { + padding: 22% !important; + } + .xs-p-23 { + padding: 23% !important; + } + .xs-p-24 { + padding: 24% !important; + } + .xs-p-25 { + padding: 25% !important; + } + .xs-p-26 { + padding: 26% !important; + } + .xs-p-27 { + padding: 27% !important; + } + .xs-p-28 { + padding: 28% !important; + } + .xs-p-29 { + padding: 29% !important; + } + .xs-p-30 { + padding: 30% !important; + } + .xs-pt-5px { + padding-top: 5px !important; + } + .xs-pt-10px { + padding-top: 10px !important; + } + .xs-pt-15px { + padding-top: 15px !important; + } + .xs-pt-20px { + padding-top: 20px !important; + } + .xs-pt-25px { + padding-top: 25px !important; + } + .xs-pt-30px { + padding-top: 30px !important; + } + .xs-pt-35px { + padding-top: 35px !important; + } + .xs-pt-40px { + padding-top: 40px !important; + } + .xs-pt-45px { + padding-top: 45px !important; + } + .xs-pt-50px { + padding-top: 50px !important; + } + .xs-pt-55px { + padding-top: 55px !important; + } + .xs-pt-60px { + padding-top: 60px !important; + } + .xs-pt-65px { + padding-top: 65px !important; + } + .xs-pt-70px { + padding-top: 70px !important; + } + .xs-pt-1 { + padding-top: 1% !important; + } + .xs-pt-2 { + padding-top: 2% !important; + } + .xs-pt-3 { + padding-top: 3% !important; + } + .xs-pt-4 { + padding-top: 4% !important; + } + .xs-pt-5 { + padding-top: 5% !important; + } + .xs-pt-6 { + padding-top: 6% !important; + } + .xs-pt-7 { + padding-top: 7% !important; + } + .xs-pt-8 { + padding-top: 8% !important; + } + .xs-pt-9 { + padding-top: 9% !important; + } + .xs-pt-10 { + padding-top: 10% !important; + } + .xs-pt-11 { + padding-top: 11% !important; + } + .xs-pt-12 { + padding-top: 12% !important; + } + .xs-pt-13 { + padding-top: 13% !important; + } + .xs-pt-14 { + padding-top: 14% !important; + } + .xs-pt-15 { + padding-top: 15% !important; + } + .xs-pt-16 { + padding-top: 16% !important; + } + .xs-pt-17 { + padding-top: 17% !important; + } + .xs-pt-18 { + padding-top: 18% !important; + } + .xs-pt-19 { + padding-top: 19% !important; + } + .xs-pt-20 { + padding-top: 20% !important; + } + .xs-pt-21 { + padding-top: 21% !important; + } + .xs-pt-22 { + padding-top: 22% !important; + } + .xs-pt-23 { + padding-top: 23% !important; + } + .xs-pt-24 { + padding-top: 24% !important; + } + .xs-pt-25 { + padding-top: 25% !important; + } + .xs-pt-26 { + padding-top: 26% !important; + } + .xs-pt-27 { + padding-top: 27% !important; + } + .xs-pt-28 { + padding-top: 28% !important; + } + .xs-pt-29 { + padding-top: 29% !important; + } + .xs-pt-30 { + padding-top: 30% !important; + } + .xs-pe-5px { + padding-right: 5px !important; + } + .xs-pe-10px { + padding-right: 10px !important; + } + .xs-pe-15px { + padding-right: 15px !important; + } + .xs-pe-20px { + padding-right: 20px !important; + } + .xs-pe-25px { + padding-right: 25px !important; + } + .xs-pe-30px { + padding-right: 30px !important; + } + .xs-pe-35px { + padding-right: 35px !important; + } + .xs-pe-40px { + padding-right: 40px !important; + } + .xs-pe-45px { + padding-right: 45px !important; + } + .xs-pe-50px { + padding-right: 50px !important; + } + .xs-pe-55px { + padding-right: 55px !important; + } + .xs-pe-60px { + padding-right: 60px !important; + } + .xs-pe-65px { + padding-right: 65px !important; + } + .xs-pe-70px { + padding-right: 70px !important; + } + .xs-pe-1 { + padding-right: 1% !important; + } + .xs-pe-2 { + padding-right: 2% !important; + } + .xs-pe-3 { + padding-right: 3% !important; + } + .xs-pe-4 { + padding-right: 4% !important; + } + .xs-pe-5 { + padding-right: 5% !important; + } + .xs-pe-6 { + padding-right: 6% !important; + } + .xs-pe-7 { + padding-right: 7% !important; + } + .xs-pe-8 { + padding-right: 8% !important; + } + .xs-pe-9 { + padding-right: 9% !important; + } + .xs-pe-10 { + padding-right: 10% !important; + } + .xs-pe-11 { + padding-right: 11% !important; + } + .xs-pe-12 { + padding-right: 12% !important; + } + .xs-pe-13 { + padding-right: 13% !important; + } + .xs-pe-14 { + padding-right: 14% !important; + } + .xs-pe-15 { + padding-right: 15% !important; + } + .xs-pe-16 { + padding-right: 16% !important; + } + .xs-pe-17 { + padding-right: 17% !important; + } + .xs-pe-18 { + padding-right: 18% !important; + } + .xs-pe-19 { + padding-right: 19% !important; + } + .xs-pe-20 { + padding-right: 20% !important; + } + .xs-pe-21 { + padding-right: 21% !important; + } + .xs-pe-22 { + padding-right: 22% !important; + } + .xs-pe-23 { + padding-right: 23% !important; + } + .xs-pe-24 { + padding-right: 24% !important; + } + .xs-pe-25 { + padding-right: 25% !important; + } + .xs-pe-26 { + padding-right: 26% !important; + } + .xs-pe-27 { + padding-right: 27% !important; + } + .xs-pe-28 { + padding-right: 28% !important; + } + .xs-pe-29 { + padding-right: 29% !important; + } + .xs-pe-30 { + padding-right: 30% !important; + } + .xs-pb-5px { + padding-bottom: 5px !important; + } + .xs-pb-10px { + padding-bottom: 10px !important; + } + .xs-pb-15px { + padding-bottom: 15px !important; + } + .xs-pb-20px { + padding-bottom: 20px !important; + } + .xs-pb-25px { + padding-bottom: 25px !important; + } + .xs-pb-30px { + padding-bottom: 30px !important; + } + .xs-pb-35px { + padding-bottom: 35px !important; + } + .xs-pb-40px { + padding-bottom: 40px !important; + } + .xs-pb-45px { + padding-bottom: 45px !important; + } + .xs-pb-50px { + padding-bottom: 50px !important; + } + .xs-pb-55px { + padding-bottom: 55px !important; + } + .xs-pb-60px { + padding-bottom: 60px !important; + } + .xs-pb-65px { + padding-bottom: 65px !important; + } + .xs-pb-70px { + padding-bottom: 70px !important; + } + .xs-pb-1 { + padding-bottom: 1% !important; + } + .xs-pb-2 { + padding-bottom: 2% !important; + } + .xs-pb-3 { + padding-bottom: 3% !important; + } + .xs-pb-4 { + padding-bottom: 4% !important; + } + .xs-pb-5 { + padding-bottom: 5% !important; + } + .xs-pb-6 { + padding-bottom: 6% !important; + } + .xs-pb-7 { + padding-bottom: 7% !important; + } + .xs-pb-8 { + padding-bottom: 8% !important; + } + .xs-pb-9 { + padding-bottom: 9% !important; + } + .xs-pb-10 { + padding-bottom: 10% !important; + } + .xs-pb-11 { + padding-bottom: 11% !important; + } + .xs-pb-12 { + padding-bottom: 12% !important; + } + .xs-pb-13 { + padding-bottom: 13% !important; + } + .xs-pb-14 { + padding-bottom: 14% !important; + } + .xs-pb-15 { + padding-bottom: 15% !important; + } + .xs-pb-16 { + padding-bottom: 16% !important; + } + .xs-pb-17 { + padding-bottom: 17% !important; + } + .xs-pb-18 { + padding-bottom: 18% !important; + } + .xs-pb-19 { + padding-bottom: 19% !important; + } + .xs-pb-20 { + padding-bottom: 20% !important; + } + .xs-pb-21 { + padding-bottom: 21% !important; + } + .xs-pb-22 { + padding-bottom: 22% !important; + } + .xs-pb-23 { + padding-bottom: 23% !important; + } + .xs-pb-24 { + padding-bottom: 24% !important; + } + .xs-pb-25 { + padding-bottom: 25% !important; + } + .xs-pb-26 { + padding-bottom: 26% !important; + } + .xs-pb-27 { + padding-bottom: 27% !important; + } + .xs-pb-28 { + padding-bottom: 28% !important; + } + .xs-pb-29 { + padding-bottom: 29% !important; + } + .xs-pb-30 { + padding-bottom: 30% !important; + } + .xs-ps-5px { + padding-left: 5px !important; + } + .xs-ps-10px { + padding-left: 10px !important; + } + .xs-ps-15px { + padding-left: 15px !important; + } + .xs-ps-20px { + padding-left: 20px !important; + } + .xs-ps-25px { + padding-left: 25px !important; + } + .xs-ps-30px { + padding-left: 30px !important; + } + .xs-ps-35px { + padding-left: 35px !important; + } + .xs-ps-40px { + padding-left: 40px !important; + } + .xs-ps-45px { + padding-left: 45px !important; + } + .xs-ps-50px { + padding-left: 50px !important; + } + .xs-ps-55px { + padding-left: 55px !important; + } + .xs-ps-60px { + padding-left: 60px !important; + } + .xs-ps-65px { + padding-left: 65px !important; + } + .xs-ps-70px { + padding-left: 70px !important; + } + .xs-ps-1 { + padding-left: 1% !important; + } + .xs-ps-2 { + padding-left: 2% !important; + } + .xs-ps-3 { + padding-left: 3% !important; + } + .xs-ps-4 { + padding-left: 4% !important; + } + .xs-ps-5 { + padding-left: 5% !important; + } + .xs-ps-6 { + padding-left: 6% !important; + } + .xs-ps-7 { + padding-left: 7% !important; + } + .xs-ps-8 { + padding-left: 8% !important; + } + .xs-ps-9 { + padding-left: 9% !important; + } + .xs-ps-10 { + padding-left: 10% !important; + } + .xs-ps-11 { + padding-left: 11% !important; + } + .xs-ps-12 { + padding-left: 12% !important; + } + .xs-ps-13 { + padding-left: 13% !important; + } + .xs-ps-14 { + padding-left: 14% !important; + } + .xs-ps-15 { + padding-left: 15% !important; + } + .xs-ps-16 { + padding-left: 16% !important; + } + .xs-ps-17 { + padding-left: 17% !important; + } + .xs-ps-18 { + padding-left: 18% !important; + } + .xs-ps-19 { + padding-left: 19% !important; + } + .xs-ps-20 { + padding-left: 20% !important; + } + .xs-ps-21 { + padding-left: 21% !important; + } + .xs-ps-22 { + padding-left: 22% !important; + } + .xs-ps-23 { + padding-left: 23% !important; + } + .xs-ps-24 { + padding-left: 24% !important; + } + .xs-ps-25 { + padding-left: 25% !important; + } + .xs-ps-26 { + padding-left: 26% !important; + } + .xs-ps-27 { + padding-left: 27% !important; + } + .xs-ps-28 { + padding-left: 28% !important; + } + .xs-ps-29 { + padding-left: 29% !important; + } + .xs-ps-30 { + padding-left: 30% !important; + } + .xs-m-5px { + margin: 5px !important; + } + .xs-m-10px { + margin: 10px !important; + } + .xs-m-15px { + margin: 15px !important; + } + .xs-m-20px { + margin: 20px !important; + } + .xs-m-25px { + margin: 25px !important; + } + .xs-m-30px { + margin: 30px !important; + } + .xs-m-35px { + margin: 35px !important; + } + .xs-m-40px { + margin: 40px !important; + } + .xs-m-45px { + margin: 45px !important; + } + .xs-m-50px { + margin: 50px !important; + } + .xs-m-55px { + margin: 55px !important; + } + .xs-m-60px { + margin: 60px !important; + } + .xs-m-65px { + margin: 65px !important; + } + .xs-m-70px { + margin: 70px !important; + } + .xs-m-1 { + margin: 1% !important; + } + .xs-m-2 { + margin: 2% !important; + } + .xs-m-3 { + margin: 3% !important; + } + .xs-m-4 { + margin: 4% !important; + } + .xs-m-5 { + margin: 5% !important; + } + .xs-m-6 { + margin: 6% !important; + } + .xs-m-7 { + margin: 7% !important; + } + .xs-m-8 { + margin: 8% !important; + } + .xs-m-9 { + margin: 9% !important; + } + .xs-m-10 { + margin: 10% !important; + } + .xs-m-11 { + margin: 11% !important; + } + .xs-m-12 { + margin: 12% !important; + } + .xs-m-13 { + margin: 13% !important; + } + .xs-m-14 { + margin: 14% !important; + } + .xs-m-15 { + margin: 15% !important; + } + .xs-m-16 { + margin: 16% !important; + } + .xs-m-17 { + margin: 17% !important; + } + .xs-m-18 { + margin: 18% !important; + } + .xs-m-19 { + margin: 19% !important; + } + .xs-m-20 { + margin: 20% !important; + } + .xs-m-21 { + margin: 21% !important; + } + .xs-m-22 { + margin: 22% !important; + } + .xs-m-23 { + margin: 23% !important; + } + .xs-m-24 { + margin: 24% !important; + } + .xs-m-25 { + margin: 25% !important; + } + .xs-m-26 { + margin: 26% !important; + } + .xs-m-27 { + margin: 27% !important; + } + .xs-m-28 { + margin: 28% !important; + } + .xs-m-29 { + margin: 29% !important; + } + .xs-m-30 { + margin: 30% !important; + } + .xs-mt-5px { + margin-top: 5px !important; + } + .xs-mt-10px { + margin-top: 10px !important; + } + .xs-mt-15px { + margin-top: 15px !important; + } + .xs-mt-20px { + margin-top: 20px !important; + } + .xs-mt-25px { + margin-top: 25px !important; + } + .xs-mt-30px { + margin-top: 30px !important; + } + .xs-mt-35px { + margin-top: 35px !important; + } + .xs-mt-40px { + margin-top: 40px !important; + } + .xs-mt-45px { + margin-top: 45px !important; + } + .xs-mt-50px { + margin-top: 50px !important; + } + .xs-mt-55px { + margin-top: 55px !important; + } + .xs-mt-60px { + margin-top: 60px !important; + } + .xs-mt-65px { + margin-top: 65px !important; + } + .xs-mt-70px { + margin-top: 70px !important; + } + .xs-mt-1 { + margin-top: 1% !important; + } + .xs-mt-2 { + margin-top: 2% !important; + } + .xs-mt-3 { + margin-top: 3% !important; + } + .xs-mt-4 { + margin-top: 4% !important; + } + .xs-mt-5 { + margin-top: 5% !important; + } + .xs-mt-6 { + margin-top: 6% !important; + } + .xs-mt-7 { + margin-top: 7% !important; + } + .xs-mt-8 { + margin-top: 8% !important; + } + .xs-mt-9 { + margin-top: 9% !important; + } + .xs-mt-10 { + margin-top: 10% !important; + } + .xs-mt-11 { + margin-top: 11% !important; + } + .xs-mt-12 { + margin-top: 12% !important; + } + .xs-mt-13 { + margin-top: 13% !important; + } + .xs-mt-14 { + margin-top: 14% !important; + } + .xs-mt-15 { + margin-top: 15% !important; + } + .xs-mt-16 { + margin-top: 16% !important; + } + .xs-mt-17 { + margin-top: 17% !important; + } + .xs-mt-18 { + margin-top: 18% !important; + } + .xs-mt-19 { + margin-top: 19% !important; + } + .xs-mt-20 { + margin-top: 20% !important; + } + .xs-mt-21 { + margin-top: 21% !important; + } + .xs-mt-22 { + margin-top: 22% !important; + } + .xs-mt-23 { + margin-top: 23% !important; + } + .xs-mt-24 { + margin-top: 24% !important; + } + .xs-mt-25 { + margin-top: 25% !important; + } + .xs-mt-26 { + margin-top: 26% !important; + } + .xs-mt-27 { + margin-top: 27% !important; + } + .xs-mt-28 { + margin-top: 28% !important; + } + .xs-mt-29 { + margin-top: 29% !important; + } + .xs-mt-30 { + margin-top: 30% !important; + } + .xs-me-5px { + margin-right: 5px !important; + } + .xs-me-10px { + margin-right: 10px !important; + } + .xs-me-15px { + margin-right: 15px !important; + } + .xs-me-20px { + margin-right: 20px !important; + } + .xs-me-25px { + margin-right: 25px !important; + } + .xs-me-30px { + margin-right: 30px !important; + } + .xs-me-35px { + margin-right: 35px !important; + } + .xs-me-40px { + margin-right: 40px !important; + } + .xs-me-45px { + margin-right: 45px !important; + } + .xs-me-50px { + margin-right: 50px !important; + } + .xs-me-55px { + margin-right: 55px !important; + } + .xs-me-60px { + margin-right: 60px !important; + } + .xs-me-65px { + margin-right: 65px !important; + } + .xs-me-70px { + margin-right: 70px !important; + } + .xs-me-1 { + margin-right: 1% !important; + } + .xs-me-2 { + margin-right: 2% !important; + } + .xs-me-3 { + margin-right: 3% !important; + } + .xs-me-4 { + margin-right: 4% !important; + } + .xs-me-5 { + margin-right: 5% !important; + } + .xs-me-6 { + margin-right: 6% !important; + } + .xs-me-7 { + margin-right: 7% !important; + } + .xs-me-8 { + margin-right: 8% !important; + } + .xs-me-9 { + margin-right: 9% !important; + } + .xs-me-10 { + margin-right: 10% !important; + } + .xs-me-11 { + margin-right: 11% !important; + } + .xs-me-12 { + margin-right: 12% !important; + } + .xs-me-13 { + margin-right: 13% !important; + } + .xs-me-14 { + margin-right: 14% !important; + } + .xs-me-15 { + margin-right: 15% !important; + } + .xs-me-16 { + margin-right: 16% !important; + } + .xs-me-17 { + margin-right: 17% !important; + } + .xs-me-18 { + margin-right: 18% !important; + } + .xs-me-19 { + margin-right: 19% !important; + } + .xs-me-20 { + margin-right: 20% !important; + } + .xs-me-21 { + margin-right: 21% !important; + } + .xs-me-22 { + margin-right: 22% !important; + } + .xs-me-23 { + margin-right: 23% !important; + } + .xs-me-24 { + margin-right: 24% !important; + } + .xs-me-25 { + margin-right: 25% !important; + } + .xs-me-26 { + margin-right: 26% !important; + } + .xs-me-27 { + margin-right: 27% !important; + } + .xs-me-28 { + margin-right: 28% !important; + } + .xs-me-29 { + margin-right: 29% !important; + } + .xs-me-30 { + margin-right: 30% !important; + } + .xs-mb-5px { + margin-bottom: 5px !important; + } + .xs-mb-10px { + margin-bottom: 10px !important; + } + .xs-mb-15px { + margin-bottom: 15px !important; + } + .xs-mb-20px { + margin-bottom: 20px !important; + } + .xs-mb-25px { + margin-bottom: 25px !important; + } + .xs-mb-30px { + margin-bottom: 30px !important; + } + .xs-mb-35px { + margin-bottom: 35px !important; + } + .xs-mb-40px { + margin-bottom: 40px !important; + } + .xs-mb-45px { + margin-bottom: 45px !important; + } + .xs-mb-50px { + margin-bottom: 50px !important; + } + .xs-mb-55px { + margin-bottom: 55px !important; + } + .xs-mb-60px { + margin-bottom: 60px !important; + } + .xs-mb-65px { + margin-bottom: 65px !important; + } + .xs-mb-70px { + margin-bottom: 70px !important; + } + .xs-mb-1 { + margin-bottom: 1% !important; + } + .xs-mb-2 { + margin-bottom: 2% !important; + } + .xs-mb-3 { + margin-bottom: 3% !important; + } + .xs-mb-4 { + margin-bottom: 4% !important; + } + .xs-mb-5 { + margin-bottom: 5% !important; + } + .xs-mb-6 { + margin-bottom: 6% !important; + } + .xs-mb-7 { + margin-bottom: 7% !important; + } + .xs-mb-8 { + margin-bottom: 8% !important; + } + .xs-mb-9 { + margin-bottom: 9% !important; + } + .xs-mb-10 { + margin-bottom: 10% !important; + } + .xs-mb-11 { + margin-bottom: 11% !important; + } + .xs-mb-12 { + margin-bottom: 12% !important; + } + .xs-mb-13 { + margin-bottom: 13% !important; + } + .xs-mb-14 { + margin-bottom: 14% !important; + } + .xs-mb-15 { + margin-bottom: 15% !important; + } + .xs-mb-16 { + margin-bottom: 16% !important; + } + .xs-mb-17 { + margin-bottom: 17% !important; + } + .xs-mb-18 { + margin-bottom: 18% !important; + } + .xs-mb-19 { + margin-bottom: 19% !important; + } + .xs-mb-20 { + margin-bottom: 20% !important; + } + .xs-mb-21 { + margin-bottom: 21% !important; + } + .xs-mb-22 { + margin-bottom: 22% !important; + } + .xs-mb-23 { + margin-bottom: 23% !important; + } + .xs-mb-24 { + margin-bottom: 24% !important; + } + .xs-mb-25 { + margin-bottom: 25% !important; + } + .xs-mb-26 { + margin-bottom: 26% !important; + } + .xs-mb-27 { + margin-bottom: 27% !important; + } + .xs-mb-28 { + margin-bottom: 28% !important; + } + .xs-mb-29 { + margin-bottom: 29% !important; + } + .xs-mb-30 { + margin-bottom: 30% !important; + } + .xs-ms-5px { + margin-left: 5px !important; + } + .xs-ms-10px { + margin-left: 10px !important; + } + .xs-ms-15px { + margin-left: 15px !important; + } + .xs-ms-20px { + margin-left: 20px !important; + } + .xs-ms-25px { + margin-left: 25px !important; + } + .xs-ms-30px { + margin-left: 30px !important; + } + .xs-ms-35px { + margin-left: 35px !important; + } + .xs-ms-40px { + margin-left: 40px !important; + } + .xs-ms-45px { + margin-left: 45px !important; + } + .xs-ms-50px { + margin-left: 50px !important; + } + .xs-ms-55px { + margin-left: 55px !important; + } + .xs-ms-60px { + margin-left: 60px !important; + } + .xs-ms-65px { + margin-left: 65px !important; + } + .xs-ms-70px { + margin-left: 70px !important; + } + .xs-ms-1 { + margin-left: 1% !important; + } + .xs-ms-2 { + margin-left: 2% !important; + } + .xs-ms-3 { + margin-left: 3% !important; + } + .xs-ms-4 { + margin-left: 4% !important; + } + .xs-ms-5 { + margin-left: 5% !important; + } + .xs-ms-6 { + margin-left: 6% !important; + } + .xs-ms-7 { + margin-left: 7% !important; + } + .xs-ms-8 { + margin-left: 8% !important; + } + .xs-ms-9 { + margin-left: 9% !important; + } + .xs-ms-10 { + margin-left: 10% !important; + } + .xs-ms-11 { + margin-left: 11% !important; + } + .xs-ms-12 { + margin-left: 12% !important; + } + .xs-ms-13 { + margin-left: 13% !important; + } + .xs-ms-14 { + margin-left: 14% !important; + } + .xs-ms-15 { + margin-left: 15% !important; + } + .xs-ms-16 { + margin-left: 16% !important; + } + .xs-ms-17 { + margin-left: 17% !important; + } + .xs-ms-18 { + margin-left: 18% !important; + } + .xs-ms-19 { + margin-left: 19% !important; + } + .xs-ms-20 { + margin-left: 20% !important; + } + .xs-ms-21 { + margin-left: 21% !important; + } + .xs-ms-22 { + margin-left: 22% !important; + } + .xs-ms-23 { + margin-left: 23% !important; + } + .xs-ms-24 { + margin-left: 24% !important; + } + .xs-ms-25 { + margin-left: 25% !important; + } + .xs-ms-26 { + margin-left: 26% !important; + } + .xs-ms-27 { + margin-left: 27% !important; + } + .xs-ms-28 { + margin-left: 28% !important; + } + .xs-ms-29 { + margin-left: 29% !important; + } + .xs-ms-30 { + margin-left: 30% !important; + } + .xs-top-0px { + top: 0px !important; + } + .xs-top-1px { + top: 1px !important; + } + .xs-top-2px { + top: 2px !important; + } + .xs-top-3px { + top: 3px !important; + } + .xs-top-4px { + top: 4px !important; + } + .xs-top-5px { + top: 5px !important; + } + .xs-top-6px { + top: 6px !important; + } + .xs-top-7px { + top: 7px !important; + } + .xs-top-8px { + top: 8px !important; + } + .xs-top-9px { + top: 9px !important; + } + .xs-top-10px { + top: 10px !important; + } + .xs-top-11px { + top: 11px !important; + } + .xs-top-12px { + top: 12px !important; + } + .xs-top-13px { + top: 13px !important; + } + .xs-top-14px { + top: 14px !important; + } + .xs-top-15px { + top: 15px !important; + } + .xs-top-16px { + top: 16px !important; + } + .xs-top-17px { + top: 17px !important; + } + .xs-top-18px { + top: 18px !important; + } + .xs-top-19px { + top: 19px !important; + } + .xs-top-20px { + top: 20px !important; + } + .xs-top-21px { + top: 21px !important; + } + .xs-top-22px { + top: 22px !important; + } + .xs-top-23px { + top: 23px !important; + } + .xs-top-24px { + top: 24px !important; + } + .xs-top-25px { + top: 25px !important; + } + .xs-top-26px { + top: 26px !important; + } + .xs-top-27px { + top: 27px !important; + } + .xs-top-28px { + top: 28px !important; + } + .xs-top-29px { + top: 29px !important; + } + .xs-top-30px { + top: 30px !important; + } + .xs-top-40px { + top: 40px !important; + } + .xs-top-50px { + top: 50px !important; + } + .xs-top-60px { + top: 60px !important; + } + .xs-top-70px { + top: 70px !important; + } + .xs-top-80px { + top: 80px !important; + } + .xs-top-90px { + top: 90px !important; + } + .xs-top-100px { + top: 100px !important; + } + .xs-top-110px { + top: 110px !important; + } + .xs-top-120px { + top: 120px !important; + } + .xs-top-130px { + top: 130px !important; + } + .xs-top-140px { + top: 140px !important; + } + .xs-top-150px { + top: 150px !important; + } + .xs-right-0px { + right: 0px !important; + } + .xs-right-1px { + right: 1px !important; + } + .xs-right-2px { + right: 2px !important; + } + .xs-right-3px { + right: 3px !important; + } + .xs-right-4px { + right: 4px !important; + } + .xs-right-5px { + right: 5px !important; + } + .xs-right-6px { + right: 6px !important; + } + .xs-right-7px { + right: 7px !important; + } + .xs-right-8px { + right: 8px !important; + } + .xs-right-9px { + right: 9px !important; + } + .xs-right-10px { + right: 10px !important; + } + .xs-right-11px { + right: 11px !important; + } + .xs-right-12px { + right: 12px !important; + } + .xs-right-13px { + right: 13px !important; + } + .xs-right-14px { + right: 14px !important; + } + .xs-right-15px { + right: 15px !important; + } + .xs-right-16px { + right: 16px !important; + } + .xs-right-17px { + right: 17px !important; + } + .xs-right-18px { + right: 18px !important; + } + .xs-right-19px { + right: 19px !important; + } + .xs-right-20px { + right: 20px !important; + } + .xs-right-21px { + right: 21px !important; + } + .xs-right-22px { + right: 22px !important; + } + .xs-right-23px { + right: 23px !important; + } + .xs-right-24px { + right: 24px !important; + } + .xs-right-25px { + right: 25px !important; + } + .xs-right-26px { + right: 26px !important; + } + .xs-right-27px { + right: 27px !important; + } + .xs-right-28px { + right: 28px !important; + } + .xs-right-29px { + right: 29px !important; + } + .xs-right-30px { + right: 30px !important; + } + .xs-right-40px { + right: 40px !important; + } + .xs-right-50px { + right: 50px !important; + } + .xs-right-60px { + right: 60px !important; + } + .xs-right-70px { + right: 70px !important; + } + .xs-right-80px { + right: 80px !important; + } + .xs-right-90px { + right: 90px !important; + } + .xs-right-100px { + right: 100px !important; + } + .xs-right-110px { + right: 110px !important; + } + .xs-right-120px { + right: 120px !important; + } + .xs-right-130px { + right: 130px !important; + } + .xs-right-140px { + right: 140px !important; + } + .xs-right-150px { + right: 150px !important; + } + .xs-bottom-0px { + bottom: 0px !important; + } + .xs-bottom-1px { + bottom: 1px !important; + } + .xs-bottom-2px { + bottom: 2px !important; + } + .xs-bottom-3px { + bottom: 3px !important; + } + .xs-bottom-4px { + bottom: 4px !important; + } + .xs-bottom-5px { + bottom: 5px !important; + } + .xs-bottom-6px { + bottom: 6px !important; + } + .xs-bottom-7px { + bottom: 7px !important; + } + .xs-bottom-8px { + bottom: 8px !important; + } + .xs-bottom-9px { + bottom: 9px !important; + } + .xs-bottom-10px { + bottom: 10px !important; + } + .xs-bottom-11px { + bottom: 11px !important; + } + .xs-bottom-12px { + bottom: 12px !important; + } + .xs-bottom-13px { + bottom: 13px !important; + } + .xs-bottom-14px { + bottom: 14px !important; + } + .xs-bottom-15px { + bottom: 15px !important; + } + .xs-bottom-16px { + bottom: 16px !important; + } + .xs-bottom-17px { + bottom: 17px !important; + } + .xs-bottom-18px { + bottom: 18px !important; + } + .xs-bottom-19px { + bottom: 19px !important; + } + .xs-bottom-20px { + bottom: 20px !important; + } + .xs-bottom-21px { + bottom: 21px !important; + } + .xs-bottom-22px { + bottom: 22px !important; + } + .xs-bottom-23px { + bottom: 23px !important; + } + .xs-bottom-24px { + bottom: 24px !important; + } + .xs-bottom-25px { + bottom: 25px !important; + } + .xs-bottom-26px { + bottom: 26px !important; + } + .xs-bottom-27px { + bottom: 27px !important; + } + .xs-bottom-28px { + bottom: 28px !important; + } + .xs-bottom-29px { + bottom: 29px !important; + } + .xs-bottom-30px { + bottom: 30px !important; + } + .xs-bottom-40px { + bottom: 40px !important; + } + .xs-bottom-50px { + bottom: 50px !important; + } + .xs-bottom-60px { + bottom: 60px !important; + } + .xs-bottom-70px { + bottom: 70px !important; + } + .xs-bottom-80px { + bottom: 80px !important; + } + .xs-bottom-90px { + bottom: 90px !important; + } + .xs-bottom-100px { + bottom: 100px !important; + } + .xs-bottom-110px { + bottom: 110px !important; + } + .xs-bottom-120px { + bottom: 120px !important; + } + .xs-bottom-130px { + bottom: 130px !important; + } + .xs-bottom-140px { + bottom: 140px !important; + } + .xs-bottom-150px { + bottom: 150px !important; + } + .xs-left-0px { + left: 0px !important; + } + .xs-left-1px { + left: 1px !important; + } + .xs-left-2px { + left: 2px !important; + } + .xs-left-3px { + left: 3px !important; + } + .xs-left-4px { + left: 4px !important; + } + .xs-left-5px { + left: 5px !important; + } + .xs-left-6px { + left: 6px !important; + } + .xs-left-7px { + left: 7px !important; + } + .xs-left-8px { + left: 8px !important; + } + .xs-left-9px { + left: 9px !important; + } + .xs-left-10px { + left: 10px !important; + } + .xs-left-11px { + left: 11px !important; + } + .xs-left-12px { + left: 12px !important; + } + .xs-left-13px { + left: 13px !important; + } + .xs-left-14px { + left: 14px !important; + } + .xs-left-15px { + left: 15px !important; + } + .xs-left-16px { + left: 16px !important; + } + .xs-left-17px { + left: 17px !important; + } + .xs-left-18px { + left: 18px !important; + } + .xs-left-19px { + left: 19px !important; + } + .xs-left-20px { + left: 20px !important; + } + .xs-left-21px { + left: 21px !important; + } + .xs-left-22px { + left: 22px !important; + } + .xs-left-23px { + left: 23px !important; + } + .xs-left-24px { + left: 24px !important; + } + .xs-left-25px { + left: 25px !important; + } + .xs-left-26px { + left: 26px !important; + } + .xs-left-27px { + left: 27px !important; + } + .xs-left-28px { + left: 28px !important; + } + .xs-left-29px { + left: 29px !important; + } + .xs-left-30px { + left: 30px !important; + } + .xs-left-40px { + left: 40px !important; + } + .xs-left-50px { + left: 50px !important; + } + .xs-left-60px { + left: 60px !important; + } + .xs-left-70px { + left: 70px !important; + } + .xs-left-80px { + left: 80px !important; + } + .xs-left-90px { + left: 90px !important; + } + .xs-left-100px { + left: 100px !important; + } + .xs-left-110px { + left: 110px !important; + } + .xs-left-120px { + left: 120px !important; + } + .xs-left-130px { + left: 130px !important; + } + .xs-left-140px { + left: 140px !important; + } + .xs-left-150px { + left: 150px !important; + } + .xs-top-minus-0px { + top: -0px !important; + } + .xs-top-minus-1px { + top: -1px !important; + } + .xs-top-minus-2px { + top: -2px !important; + } + .xs-top-minus-3px { + top: -3px !important; + } + .xs-top-minus-4px { + top: -4px !important; + } + .xs-top-minus-5px { + top: -5px !important; + } + .xs-top-minus-6px { + top: -6px !important; + } + .xs-top-minus-7px { + top: -7px !important; + } + .xs-top-minus-8px { + top: -8px !important; + } + .xs-top-minus-9px { + top: -9px !important; + } + .xs-top-minus-10px { + top: -10px !important; + } + .xs-top-minus-11px { + top: -11px !important; + } + .xs-top-minus-12px { + top: -12px !important; + } + .xs-top-minus-13px { + top: -13px !important; + } + .xs-top-minus-14px { + top: -14px !important; + } + .xs-top-minus-15px { + top: -15px !important; + } + .xs-top-minus-16px { + top: -16px !important; + } + .xs-top-minus-17px { + top: -17px !important; + } + .xs-top-minus-18px { + top: -18px !important; + } + .xs-top-minus-19px { + top: -19px !important; + } + .xs-top-minus-20px { + top: -20px !important; + } + .xs-top-minus-21px { + top: -21px !important; + } + .xs-top-minus-22px { + top: -22px !important; + } + .xs-top-minus-23px { + top: -23px !important; + } + .xs-top-minus-24px { + top: -24px !important; + } + .xs-top-minus-25px { + top: -25px !important; + } + .xs-top-minus-26px { + top: -26px !important; + } + .xs-top-minus-27px { + top: -27px !important; + } + .xs-top-minus-28px { + top: -28px !important; + } + .xs-top-minus-29px { + top: -29px !important; + } + .xs-top-minus-30px { + top: -30px !important; + } + .xs-top-minus-40px { + top: -40px !important; + } + .xs-top-minus-50px { + top: -50px !important; + } + .xs-top-minus-60px { + top: -60px !important; + } + .xs-top-minus-70px { + top: -70px !important; + } + .xs-top-minus-80px { + top: -80px !important; + } + .xs-top-minus-90px { + top: -90px !important; + } + .xs-top-minus-100px { + top: -100px !important; + } + .xs-top-minus-110px { + top: -110px !important; + } + .xs-top-minus-120px { + top: -120px !important; + } + .xs-top-minus-130px { + top: -130px !important; + } + .xs-top-minus-140px { + top: -140px !important; + } + .xs-top-minus-150px { + top: -150px !important; + } + .xs-right-minus-0px { + right: -0px !important; + } + .xs-right-minus-1px { + right: -1px !important; + } + .xs-right-minus-2px { + right: -2px !important; + } + .xs-right-minus-3px { + right: -3px !important; + } + .xs-right-minus-4px { + right: -4px !important; + } + .xs-right-minus-5px { + right: -5px !important; + } + .xs-right-minus-6px { + right: -6px !important; + } + .xs-right-minus-7px { + right: -7px !important; + } + .xs-right-minus-8px { + right: -8px !important; + } + .xs-right-minus-9px { + right: -9px !important; + } + .xs-right-minus-10px { + right: -10px !important; + } + .xs-right-minus-11px { + right: -11px !important; + } + .xs-right-minus-12px { + right: -12px !important; + } + .xs-right-minus-13px { + right: -13px !important; + } + .xs-right-minus-14px { + right: -14px !important; + } + .xs-right-minus-15px { + right: -15px !important; + } + .xs-right-minus-16px { + right: -16px !important; + } + .xs-right-minus-17px { + right: -17px !important; + } + .xs-right-minus-18px { + right: -18px !important; + } + .xs-right-minus-19px { + right: -19px !important; + } + .xs-right-minus-20px { + right: -20px !important; + } + .xs-right-minus-21px { + right: -21px !important; + } + .xs-right-minus-22px { + right: -22px !important; + } + .xs-right-minus-23px { + right: -23px !important; + } + .xs-right-minus-24px { + right: -24px !important; + } + .xs-right-minus-25px { + right: -25px !important; + } + .xs-right-minus-26px { + right: -26px !important; + } + .xs-right-minus-27px { + right: -27px !important; + } + .xs-right-minus-28px { + right: -28px !important; + } + .xs-right-minus-29px { + right: -29px !important; + } + .xs-right-minus-30px { + right: -30px !important; + } + .xs-right-minus-40px { + right: -40px !important; + } + .xs-right-minus-50px { + right: -50px !important; + } + .xs-right-minus-60px { + right: -60px !important; + } + .xs-right-minus-70px { + right: -70px !important; + } + .xs-right-minus-80px { + right: -80px !important; + } + .xs-right-minus-90px { + right: -90px !important; + } + .xs-right-minus-100px { + right: -100px !important; + } + .xs-right-minus-110px { + right: -110px !important; + } + .xs-right-minus-120px { + right: -120px !important; + } + .xs-right-minus-130px { + right: -130px !important; + } + .xs-right-minus-140px { + right: -140px !important; + } + .xs-right-minus-150px { + right: -150px !important; + } + .xs-bottom-minus-0px { + bottom: -0px !important; + } + .xs-bottom-minus-1px { + bottom: -1px !important; + } + .xs-bottom-minus-2px { + bottom: -2px !important; + } + .xs-bottom-minus-3px { + bottom: -3px !important; + } + .xs-bottom-minus-4px { + bottom: -4px !important; + } + .xs-bottom-minus-5px { + bottom: -5px !important; + } + .xs-bottom-minus-6px { + bottom: -6px !important; + } + .xs-bottom-minus-7px { + bottom: -7px !important; + } + .xs-bottom-minus-8px { + bottom: -8px !important; + } + .xs-bottom-minus-9px { + bottom: -9px !important; + } + .xs-bottom-minus-10px { + bottom: -10px !important; + } + .xs-bottom-minus-11px { + bottom: -11px !important; + } + .xs-bottom-minus-12px { + bottom: -12px !important; + } + .xs-bottom-minus-13px { + bottom: -13px !important; + } + .xs-bottom-minus-14px { + bottom: -14px !important; + } + .xs-bottom-minus-15px { + bottom: -15px !important; + } + .xs-bottom-minus-16px { + bottom: -16px !important; + } + .xs-bottom-minus-17px { + bottom: -17px !important; + } + .xs-bottom-minus-18px { + bottom: -18px !important; + } + .xs-bottom-minus-19px { + bottom: -19px !important; + } + .xs-bottom-minus-20px { + bottom: -20px !important; + } + .xs-bottom-minus-21px { + bottom: -21px !important; + } + .xs-bottom-minus-22px { + bottom: -22px !important; + } + .xs-bottom-minus-23px { + bottom: -23px !important; + } + .xs-bottom-minus-24px { + bottom: -24px !important; + } + .xs-bottom-minus-25px { + bottom: -25px !important; + } + .xs-bottom-minus-26px { + bottom: -26px !important; + } + .xs-bottom-minus-27px { + bottom: -27px !important; + } + .xs-bottom-minus-28px { + bottom: -28px !important; + } + .xs-bottom-minus-29px { + bottom: -29px !important; + } + .xs-bottom-minus-30px { + bottom: -30px !important; + } + .xs-bottom-minus-40px { + bottom: -40px !important; + } + .xs-bottom-minus-50px { + bottom: -50px !important; + } + .xs-bottom-minus-60px { + bottom: -60px !important; + } + .xs-bottom-minus-70px { + bottom: -70px !important; + } + .xs-bottom-minus-80px { + bottom: -80px !important; + } + .xs-bottom-minus-90px { + bottom: -90px !important; + } + .xs-bottom-minus-100px { + bottom: -100px !important; + } + .xs-bottom-minus-110px { + bottom: -110px !important; + } + .xs-bottom-minus-120px { + bottom: -120px !important; + } + .xs-bottom-minus-130px { + bottom: -130px !important; + } + .xs-bottom-minus-140px { + bottom: -140px !important; + } + .xs-bottom-minus-150px { + bottom: -150px !important; + } + .xs-left-minus-0px { + left: -0px !important; + } + .xs-left-minus-1px { + left: -1px !important; + } + .xs-left-minus-2px { + left: -2px !important; + } + .xs-left-minus-3px { + left: -3px !important; + } + .xs-left-minus-4px { + left: -4px !important; + } + .xs-left-minus-5px { + left: -5px !important; + } + .xs-left-minus-6px { + left: -6px !important; + } + .xs-left-minus-7px { + left: -7px !important; + } + .xs-left-minus-8px { + left: -8px !important; + } + .xs-left-minus-9px { + left: -9px !important; + } + .xs-left-minus-10px { + left: -10px !important; + } + .xs-left-minus-11px { + left: -11px !important; + } + .xs-left-minus-12px { + left: -12px !important; + } + .xs-left-minus-13px { + left: -13px !important; + } + .xs-left-minus-14px { + left: -14px !important; + } + .xs-left-minus-15px { + left: -15px !important; + } + .xs-left-minus-16px { + left: -16px !important; + } + .xs-left-minus-17px { + left: -17px !important; + } + .xs-left-minus-18px { + left: -18px !important; + } + .xs-left-minus-19px { + left: -19px !important; + } + .xs-left-minus-20px { + left: -20px !important; + } + .xs-left-minus-21px { + left: -21px !important; + } + .xs-left-minus-22px { + left: -22px !important; + } + .xs-left-minus-23px { + left: -23px !important; + } + .xs-left-minus-24px { + left: -24px !important; + } + .xs-left-minus-25px { + left: -25px !important; + } + .xs-left-minus-26px { + left: -26px !important; + } + .xs-left-minus-27px { + left: -27px !important; + } + .xs-left-minus-28px { + left: -28px !important; + } + .xs-left-minus-29px { + left: -29px !important; + } + .xs-left-minus-30px { + left: -30px !important; + } + .xs-left-minus-40px { + left: -40px !important; + } + .xs-left-minus-50px { + left: -50px !important; + } + .xs-left-minus-60px { + left: -60px !important; + } + .xs-left-minus-70px { + left: -70px !important; + } + .xs-left-minus-80px { + left: -80px !important; + } + .xs-left-minus-90px { + left: -90px !important; + } + .xs-left-minus-100px { + left: -100px !important; + } + .xs-left-minus-110px { + left: -110px !important; + } + .xs-left-minus-120px { + left: -120px !important; + } + .xs-left-minus-130px { + left: -130px !important; + } + .xs-left-minus-140px { + left: -140px !important; + } + .xs-left-minus-150px { + left: -150px !important; + } + .xs-border-width-0px { + border-width: 0px !important; + } + .xs-border-width-1px { + border-width: 1px !important; + } + .xs-border-width-2px { + border-width: 2px !important; + } + .xs-border-width-3px { + border-width: 3px !important; + } + .xs-border-width-4px { + border-width: 4px !important; + } + .xs-border-width-5px { + border-width: 5px !important; + } + .xs-border-width-6px { + border-width: 6px !important; + } + .xs-border-width-7px { + border-width: 7px !important; + } + .xs-border-width-8px { + border-width: 8px !important; + } + .xs-border-width-9px { + border-width: 9px !important; + } + .xs-border-width-10px { + border-width: 10px !important; + } +} +@media (max-width: 1600px) { + /* No margin */ + .xxl-ms-0 { + margin-left: 0 !important; + } + .xxl-me-0 { + margin-right: 0 !important; + } + .xxl-mt-0 { + margin-top: 0 !important; + } + .xxl-mb-0 { + margin-bottom: 0 !important; + } + .xxl-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .xxl-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .xxl-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .xxl-m-0 { + margin: 0 !important; + } + /* No padding */ + .xxl-ps-0 { + padding-left: 0 !important; + } + .xxl-pe-0 { + padding-right: 0 !important; + } + .xxl-pt-0 { + padding-top: 0 !important; + } + .xxl-pb-0 { + padding-bottom: 0 !important; + } + .xxl-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .xxl-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .xxl-p-0 { + padding: 0 !important; + } + /* Border none */ + .xxl-border-top-0 { + border-top: 0 !important; + } + .xxl-border-bottom-0 { + border-bottom: 0 !important; + } + .xxl-border-end-0 { + border-right: 0 !important; + } + .xxl-border-start-0 { + border-left: 0 !important; + } +} +@media (max-width: 1399px) { + /* No margin */ + .xl-ms-0 { + margin-left: 0 !important; + } + .xl-me-0 { + margin-right: 0 !important; + } + .xl-mt-0 { + margin-top: 0 !important; + } + .xl-mb-0 { + margin-bottom: 0 !important; + } + .xl-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .xl-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .xl-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .xl-m-0 { + margin: 0 !important; + } + /* No padding */ + .xl-ps-0 { + padding-left: 0 !important; + } + .xl-pe-0 { + padding-right: 0 !important; + } + .xl-pt-0 { + padding-top: 0 !important; + } + .xl-pb-0 { + padding-bottom: 0 !important; + } + .xl-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .xl-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .xl-p-0 { + padding: 0 !important; + } +} +@media (max-width: 1199px) { + /* No margin */ + .lg-ms-0 { + margin-left: 0 !important; + } + .lg-me-0 { + margin-right: 0 !important; + } + .lg-mt-0 { + margin-top: 0 !important; + } + .lg-mb-0 { + margin-bottom: 0 !important; + } + .lg-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .lg-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .lg-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .lg-m-0 { + margin: 0 !important; + } + /* No padding */ + .lg-ps-0 { + padding-left: 0 !important; + } + .lg-pe-0 { + padding-right: 0 !important; + } + .lg-pt-0 { + padding-top: 0 !important; + } + .lg-pb-0 { + padding-bottom: 0 !important; + } + .lg-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .lg-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .lg-p-0 { + padding: 0 !important; + } + /* Left right auto */ + .lg-right-auto { + right: auto !important; + } + .lg-left-auto { + left: auto !important; + } +} +@media (max-width: 991px) { + /* No margin */ + .md-ms-0 { + margin-left: 0 !important; + } + .md-me-0 { + margin-right: 0 !important; + } + .md-mt-0 { + margin-top: 0 !important; + } + .md-mb-0 { + margin-bottom: 0 !important; + } + .md-mt-auto { + margin-top: auto !important; + } + .md-mb-auto { + margin-bottom: auto !important; + } + .md-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .md-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .md-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .md-m-0 { + margin: 0 !important; + } + /* No padding */ + .md-ps-0 { + padding-left: 0 !important; + } + .md-pe-0 { + padding-right: 0 !important; + } + .md-pt-0 { + padding-top: 0 !important; + } + .md-pb-0 { + padding-bottom: 0 !important; + } + .md-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .md-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .md-p-0 { + padding: 0 !important; + } + /* Left right auto */ + .md-right-auto { + right: auto !important; + } + .md-left-auto { + left: auto !important; + } +} +@media (max-width: 767px) { + /* No margin */ + .sm-ms-0 { + margin-left: 0 !important; + } + .sm-me-0 { + margin-right: 0 !important; + } + .sm-mt-0 { + margin-top: 0 !important; + } + .sm-mb-0 { + margin-bottom: 0 !important; + } + .sm-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .sm-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .sm-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .sm-m-0 { + margin: 0 !important; + } + .sm-mt-auto { + margin-top: auto !important; + } + .sm-mb-auto { + margin-bottom: auto !important; + } + /* No padding */ + .sm-ps-0 { + padding-left: 0 !important; + } + .sm-pe-0 { + padding-right: 0 !important; + } + .sm-pt-0 { + padding-top: 0 !important; + } + .sm-pb-0 { + padding-bottom: 0 !important; + } + .sm-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .sm-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .sm-p-0 { + padding: 0 !important; + } + /* Left right auto */ + .sm-right-auto { + right: auto !important; + } + .sm-left-auto { + left: auto !important; + } + /* Min height */ + .sm-min-h-100px { + min-height: 100px !important; + } +} +@media (max-width: 575px) { + /* No margin */ + .xs-ms-0 { + margin-left: 0 !important; + } + .xs-me-0 { + margin-right: 0 !important; + } + .xs-mt-0 { + margin-top: 0 !important; + } + .xs-mb-0 { + margin-bottom: 0 !important; + } + .xs-mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; + } + .xs-mx-auto { + margin-left: auto !important; + margin-right: auto !important; + } + .xs-my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .xs-m-0 { + margin: 0 !important; + } + .xs-ms-auto { + margin-left: auto !important; + } + .xs-me-auto { + margin-right: auto !important; + } + /* No padding */ + .xs-ps-0 { + padding-left: 0 !important; + } + .xs-pe-0 { + padding-right: 0 !important; + } + .xs-pt-0 { + padding-top: 0 !important; + } + .xs-pb-0 { + padding-bottom: 0 !important; + } + .xs-px-0 { + padding-left: 0 !important; + padding-right: 0 !important; + } + .xs-py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .xs-p-0 { + padding: 0 !important; + } + /* Left right auto */ + .xs-right-auto { + right: auto !important; + } + .xs-left-auto { + left: auto !important; + } +} +@media (max-width: 1399px) { + .center-logo .navbar-nav .nav-link { + padding-left: 12px; + padding-right: 12px; + } + header.sticky .center-logo .navbar-nav .nav-link { + padding-left: 12px; + padding-right: 12px; + } +} +@media (max-width: 1199px) { + header .container-fluid { + padding-left: 35px; + padding-right: 35px; + } + header.sticky .center-logo .navbar-nav .nav-link { + padding: 26px 15px; + } + .navbar > .container-fluid { + padding-left: 35px; + padding-right: 35px; + } + .navbar .navbar-nav .nav-link { + padding: 10px 15px; + } + .navbar .navbar-nav .submenu-content .mega-menu { + width: 100%; + padding: 0 60px; + } + .navbar .navbar-nav .submenu-content ul { + padding: 0 30px 0 0; + } + .navbar.center-logo .navbar-nav .nav-link { + padding: 38px 15px; + } + .navbar.center-logo .navbar-left, .navbar.center-logo .navbar-right { + width: 40%; + } + .navbar.top-logo .navbar-nav .nav-link { + padding: 25px 15px !important; + } + .navbar.mini-header .navbar-nav .nav-link { + padding: 20px 15px !important; + } + .navbar .navbar-nav .dropdown .dropdown-menu { + padding: 35px 0 35px; + } + .navbar .navbar-nav .dropdown .dropdown-menu a { + padding-bottom: 8px; + } + .navbar .navbar-nav .submenu-content ul .sub-title { + margin-bottom: 8px; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu li a { + padding-bottom: 10px; + } + .header-demo .container-fluid { + padding-left: 15px; + padding-right: 15px; + } + .header-demo.navbar .navbar-nav .nav-link { + padding-left: 8px; + padding-right: 8px; + } + .header-demo.navbar .navbar-nav .submenu-content .mega-menu { + padding: 0 30px; + } + .header-demo.navbar .header-button .purchase-envato > span { + padding-left: 10px; + padding-right: 10px; + } + .header-demo.navbar.center-logo .navbar-nav .nav-link { + padding-left: 15px; + padding-right: 15px; + } + .push-menu .left-circle { + width: 460px !important; + height: 430px; + } + .header-search-popup .search-form { + width: 60%; + } +} +/* Navigation breakpoint start */ +@media (max-width: 991px) { + .header-demo.navbar .navbar-nav .premium-element { + background-image: none !important; + } + .header-demo.navbar .navbar-nav .premium-element .sub-title { + font-size: 16px; + } + .header-demo.navbar .navbar-nav .dropdown .dropdown-menu a .label { + display: none; + } + .navbar.header-demo .navbar-nav .nav-item:first-child .dropdown-menu { + background-image: none !important; + } + .navbar.header-demo .header-button .purchase-envato > span { + padding-left: 20px; + padding-right: 20px; + } + /* Mobile nav style classic */ + [data-mobile-nav-style=classic] .navbar-nav { + display: block; + } + /* Mobile nav style full screen */ + [data-mobile-nav-style=full-screen-menu] .navbar-nav .premium-element { + background-image: none !important; + } + [data-mobile-nav-style=full-screen-menu] header .navbar-collapse { + display: none !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { + background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); + visibility: hidden; + overflow: hidden !important; + width: 100vw; + height: 100vh !important; + position: fixed; + top: -100vh; + left: 0; + z-index: 9999; + display: flex !important; + transition: all 0.4s ease-out; + transition-delay: 0.6s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { + position: inherit; + left: 0; + top: 0; + width: 100%; + height: 100%; + padding: 100px 0; + max-height: 100%; + box-shadow: none; + background: 0 0; + display: flex !important; + justify-content: center !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { + height: auto; + width: 85%; + margin: 0 auto; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox > .mCSB_container { + margin-right: 0; + padding: 0 20px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link { + display: inline-block; + line-height: 25px; + font-size: 17px; + font-weight: 500; + color: var(--white); + padding-left: 0 !important; + padding-right: 0 !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link { + opacity: 0.6; + color: var(--white); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle { + color: var(--white); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link { + color: var(--white); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item > .dropdown-menu { + padding-left: 0 !important; + padding-right: 0 !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle { + color: var(--white); + top: 10px; + right: 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu .mega-menu ul:last-child { + padding-bottom: 20px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu .sub-title { + color: var(--white) !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a { + color: var(--white); + opacity: 0.6; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a .label { + display: none; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu .dropdown > a { + color: var(--white); + opacity: 1; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li.active > a { + color: var(--white); + opacity: 1; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link { + color: var(--white); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { + margin-bottom: 20px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 5px 0px; + transform: scale(1.15) translateY(-30px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(1) { + transition-delay: 0.49s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(2) { + transition-delay: 0.42s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(3) { + transition-delay: 0.35s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(4) { + transition-delay: 0.28s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(5) { + transition-delay: 0.21s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(6) { + transition-delay: 0.14s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(7) { + transition-delay: 0.07s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(8) { + transition-delay: 0s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(9) { + transition-delay: -0.07s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(10) { + transition-delay: -0.14s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(11) { + transition-delay: -0.21s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(12) { + transition-delay: -0.28s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(13) { + transition-delay: -0.35s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(14) { + transition-delay: -0.42s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:nth-child(15) { + transition-delay: -0.49s; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:last-child { + border-bottom: 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item:first-child .dropdown-menu { + background-image: none !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu { + position: static !important; + transform: translate3d(0, 0, 0px) !important; + -webkit-transform: translate3d(0, 0, 0px) !important; + padding: 0 !important; + border-radius: 0 !important; + border: 0 !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li { + display: block; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown-menu ul li a i { + width: 25px; + display: inline-block; + vertical-align: middle; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { + display: block; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { + position: absolute; + right: 30px; + top: 35px; + margin: 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler .navbar-toggler-line { + background-color: var(--white); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + padding-top: 5px !important; + padding-bottom: 20px !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 15px 0; + font-size: 15px; + line-height: normal; + display: block; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li i { + margin-right: 10px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { + border-bottom: 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { + padding-top: 10px !important; + padding-bottom: 25px !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { + justify-content: center; + display: flex; + border-bottom: 0; + padding: 0 15px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:last-child a { + border-bottom: 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 15px 0; + font-size: 16px; + line-height: 28px; + font-weight: 500; + width: 100%; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + opacity: 1; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { + width: 35px; + font-size: 32px; + margin-right: 15px; + color: var(--white); + flex-shrink: 0; + text-align: left; + opacity: 0.6; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--white); + font-weight: 600; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { + margin: 0; + font-size: 13px; + color: var(--white); + opacity: 0.6; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { + border-radius: 100%; + width: 55px; + margin-right: 15px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { + display: inline-block; + border: 0; + margin-top: 15px; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { + content: "\f135"; + color: var(--white); + font-family: bootstrap-icons; + font-weight: 400; + font-size: 23px; + position: absolute; + right: 6px; + opacity: 0; + -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { + right: 0px; + opacity: 1; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner { + top: 0; + visibility: visible !important; + transition: all 0.2s ease-in; + transition-delay: 0.2s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-toggler { + transition: all 0.5s ease-in; + transition-delay: 0.8s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item { + transform: scale(1) translateY(0px); + -webkit-transform: scale(1) translateY(0px); + opacity: 1; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(1) { + transition-delay: 0.27s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(2) { + transition-delay: 0.34s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(3) { + transition-delay: 0.41s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(4) { + transition-delay: 0.48s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(5) { + transition-delay: 0.55s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(6) { + transition-delay: 0.62s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(7) { + transition-delay: 0.69s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(8) { + transition-delay: 0.76s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(9) { + transition-delay: 0.83s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(10) { + transition-delay: 0.9s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(11) { + transition-delay: 0.97s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(12) { + transition-delay: 1.04s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(13) { + transition-delay: 1.11s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(14) { + transition-delay: 1.18s; + } + .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-nav > .nav-item:nth-child(15) { + transition-delay: 1.25s; + } + /* Mobile nav style modern */ + [data-mobile-nav-style=modern] .navbar-nav .premium-element { + background-image: none !important; + } + [data-mobile-nav-style=modern] header .navbar-collapse { + display: none !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner { + opacity: 0; + visibility: hidden; + overflow: visible !important; + width: 70vw; + height: 100vh !important; + position: fixed; + top: 0; + right: -70vw; + z-index: 90; + display: flex !important; + justify-content: center; + transition-duration: 0.75s; + transform: translate3d(30vw, 0, 0); + -webkit-transform: translate3d(30vw, 0, 0); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { + position: static; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: transparent; + padding: 100px 50px; + box-shadow: none; + max-height: 100%; + display: flex !important; + justify-content: center !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .mCustomScrollBox { + height: auto; + width: 100%; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .nav-link { + display: inline-block; + font-size: 17px; + line-height: 24px; + font-weight: 500; + color: var(--white); + padding: 10px 0 !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .nav-link { + opacity: 0.6; + color: var(--white); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle { + color: var(--white); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link { + color: var(--white); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle { + color: var(--white); + top: 10px; + right: 0; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu .sub-title { + color: var(--white) !important; + font-size: 14px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu a { + color: var(--white); + opacity: 0.6; + font-size: 13.5px; + display: block; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu .dropdown > a { + color: var(--white); + opacity: 1; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu li.active > a { + color: var(--white); + opacity: 1; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item .dropdown-menu .mega-menu ul:last-child { + padding-bottom: 20px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link { + color: var(--white); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 10px 0px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item:last-child { + border-bottom: 0; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item:first-child .dropdown-menu { + background-image: none !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { + margin-bottom: 20px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu { + position: static !important; + transform: translate3d(0, 0, 0px) !important; + -webkit-transform: translate3d(0, 0, 0px) !important; + padding: 0 !important; + border-radius: 0 !important; + border: 0 !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li { + display: block; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a i { + width: 25px; + display: inline-block; + vertical-align: middle; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown-menu ul li a .label { + display: none; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { + display: block; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .mCSB_inside > .mCSB_container { + margin-right: 0; + padding: 0 20px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + padding-top: 10px !important; + padding-bottom: 15px !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 15px 0; + font-size: 15px; + line-height: normal; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li i { + margin-right: 10px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { + border-bottom: 0; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { + padding-top: 10px !important; + padding-bottom: 20px !important; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { + justify-content: center; + display: flex; + border-bottom: 0; + padding: 0 15px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:last-child a { + border-bottom: 0; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { + margin: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + padding: 15px 0; + font-size: 16px; + line-height: 28px; + font-weight: 500; + width: 100%; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + opacity: 1; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { + width: 35px; + font-size: 32px; + margin-right: 15px; + color: var(--white); + flex-shrink: 0; + text-align: left; + opacity: 0.6; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--white); + font-weight: 600; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { + margin: 0; + font-size: 13px; + color: var(--white); + opacity: 0.6; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { + border-radius: 100%; + width: 55px; + margin-right: 15px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { + display: inline-block; + border: 0; + margin-top: 15px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { + content: "\f135"; + color: var(--white); + font-family: bootstrap-icons; + font-weight: 400; + font-size: 23px; + position: absolute; + right: 6px; + opacity: 0; + -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { + right: 0px; + opacity: 1; + } + [data-mobile-nav-style=modern] .navbar { + transition: transform 0.75s; + } + [data-mobile-nav-style=modern] .page-layout { + transition: transform 0.75s; + background-color: var(--white); + } + [data-mobile-nav-style=modern] .navbar-show-modern-bg { + display: inline-block; + width: 100vw; + height: 100vh; + position: fixed; + top: 0; + left: 0; + z-index: -1; + opacity: 0; + background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); + transform: scale(1.75); + -webkit-transform: scale(1.75); + transition: opacity 0.3s, transform 0.3s; + -webkit-transition: opacity 0.3s, transform 0.3s; + transition-delay: 0.75s; + -webkit-transition-delay: 0.75s; + } + [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner { + transform: translate3d(-30vw, 0, 0); + -webkit-transform: translate3d(-30vw, 0, 0); + left: -70vw; + right: auto; + } + [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler { + display: block; + position: absolute; + right: 30px; + top: 35px; + margin: 0; + } + [data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner .navbar-toggler .navbar-toggler-line { + background-color: var(--white); + } + .navbar-collapse-show[data-mobile-nav-style=modern] { + overflow: hidden; + } + .navbar-collapse-show[data-mobile-nav-style=modern] .navbar, .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout { + transform: translate3d(-70vw, 0, 0) !important; + -webkit-transform: translate3d(-70vw, 0, 0) !important; + } + .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { + right: 0; + opacity: 1; + visibility: visible !important; + transition-delay: 0.1s; + transform: translate3d(0, 0, 0); + } + .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner .collapse { + overflow-y: auto !important; + -webkit-overflow-scrolling: touch; + height: 100%; + } + .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-show-modern-bg { + transform: scale(1); + opacity: 1; + transition-delay: 0s; + } + .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar-modern-inner { + transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + left: 0; + right: auto; + } + .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { + transform: translate3d(70vw, 0, 0) !important; + -webkit-transform: translate3d(70vw, 0, 0) !important; + } + .navbar-expand-lg .navbar-toggler { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; + } + .navbar-expand-lg .navbar-toggler:focus { + box-shadow: none; + } + .navbar-expand-lg .navbar-collapse { + display: block !important; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: static; + } + .navbar-expand-lg > .container-fluid { + padding-right: 0; + padding-left: 0; + } + .navbar-expand-lg .container-lg { + padding-right: 0; + padding-left: 0; + } + .collapse:not(.show) { + display: none !important; + } + header .navbar [class*=col-] .navbar-nav .nav-item { + display: block; + } + header .navbar [class*=col-] .navbar-nav .nav-item a { + display: block; + } + header .container-fluid { + padding-left: 15px; + padding-right: 15px; + } + header .left-nav .navbar-nav:before { + display: none; + } + header .md-border-none { + border: 0 !important; + } + header .navbar-expand-lg { + padding-left: 15px; + padding-right: 15px; + } + header .center-logo { + padding-top: 0; + padding-bottom: 0; + } + header .navbar-brand { + padding: 22px 0; + } + header .navbar-brand .default-logo, header .navbar-brand .alt-logo { + visibility: hidden !important; + opacity: 0 !important; + width: 0 !important; + } + header .navbar-brand .mobile-logo { + visibility: visible !important; + opacity: 1 !important; + width: auto !important; + } + header .navbar-brand .mobile-logo:focus { + outline: none; + } + header .navbar-brand:focus { + outline: none; + } + header.sticky .navbar-brand { + padding: 22px 0; + } + header.sticky .navbar-nav .nav-link { + color: var(--dark-gray); + } + header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand { + padding: 22px 0; + } + header.sticky.sticky-active .navbar-brand .default-logo, header.sticky.sticky-active .navbar-brand .alt-logo { + visibility: hidden; + opacity: 0; + width: 0; + } + header.sticky .header-icon .header-language a { + padding-top: 0; + padding-bottom: 0; + } + header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link { + padding-top: 14px !important; + padding-bottom: 14px !important; + } + header.sticky .responsive-sticky .navbar-brand { + padding: 14px 0; + } + header.sticky .responsive-sticky .navbar-toggler { + margin: 20px 0; + } + header .header-top-bar .row { + margin: 0; + } + header .header-push-button.icon { + display: none; + } + header .push-menu { + display: none; + } + .navbar.bg-transparent, .navbar-modern-inner.bg-transparent, .navbar-full-screen-menu-inner.bg-transparent { + background-color: var(--white) !important; + } + .navbar .navbar-collapse.show, .navbar-modern-inner .navbar-collapse.show, .navbar-full-screen-menu-inner .navbar-collapse.show { + overflow-y: auto !important; + -webkit-overflow-scrolling: touch; + } + .navbar .navbar-nav, .navbar-modern-inner .navbar-nav, .navbar-full-screen-menu-inner .navbar-nav { + padding: 15px 15px 28px; + } + .navbar .navbar-nav .nav-link, .navbar-modern-inner .navbar-nav .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-link { + padding: 10px 15px !important; + color: var(--dark-gray); + } + .navbar .navbar-nav .nav-link .label, .navbar-modern-inner .navbar-nav .nav-link .label, .navbar-full-screen-menu-inner .navbar-nav .nav-link .label { + margin-top: -3px; + display: inline-block; + padding: 1px 11px; + font-size: 12px; + margin-left: 8px; + vertical-align: middle; + line-height: 21px; + } + .navbar .navbar-nav .nav-item.active .nav-link, .navbar-modern-inner .navbar-nav .nav-item.active .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .nav-link { + color: var(--dark-gray); + opacity: 0.6; + } + .navbar .navbar-nav .nav-item.active .dropdown-toggle, .navbar-modern-inner .navbar-nav .nav-item.active .dropdown-toggle, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active .dropdown-toggle { + color: var(--dark-gray); + } + .navbar .navbar-nav .nav-item.active:hover .nav-link, .navbar-modern-inner .navbar-nav .nav-item.active:hover .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item.active:hover .nav-link { + color: var(--dark-gray); + opacity: 0.6; + } + .navbar .navbar-nav .nav-item .dropdown-toggle, .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle, .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle { + display: flex; + justify-content: center; + align-items: center; + width: 40px; + height: 40px; + right: 0px; + position: absolute; + top: 0; + text-align: center; + color: var(--dark-gray); + } + .navbar .navbar-nav .nav-item .dropdown-toggle:after, .navbar-modern-inner .navbar-nav .nav-item .dropdown-toggle:after, .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-toggle:after { + display: none; + } + .navbar .navbar-nav .nav-item:hover .nav-link, .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link, .navbar-full-screen-menu-inner .navbar-nav .nav-item:hover .nav-link { + color: var(--dark-gray); + opacity: 1; + } + .navbar .navbar-nav .dropdown.submenu, .navbar-modern-inner .navbar-nav .dropdown.submenu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.submenu { + position: relative; + } + .navbar .navbar-nav .dropdown.open .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.open .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.open .dropdown-menu { + display: none; + } + .navbar .navbar-nav .dropdown .dropdown-menu.show, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu.show, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu.show { + display: block; + } + .navbar .navbar-nav .dropdown .dropdown-toggle.show, .navbar-modern-inner .navbar-nav .dropdown .dropdown-toggle.show, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-toggle.show { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg); + } + .navbar .navbar-nav .dropdown .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu { + top: 0; + animation: none !important; + background-color: transparent; + box-shadow: none; + border-top: 0 !important; + padding: 0 15px 15px; + width: 100%; + display: none; + border-radius: 0 !important; + } + .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu .mega-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu .mega-menu { + padding: 0; + display: block !important; + } + .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul { + padding: 15px 0 0; + } + .navbar .navbar-nav .dropdown .dropdown-menu .mega-menu ul:first-child .sub-title, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul:first-child .sub-title, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu .mega-menu ul:first-child .sub-title { + margin-top: 0; + } + .navbar .navbar-nav .dropdown .dropdown-menu li, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li { + padding: 0 15px 0; + } + .navbar .navbar-nav .dropdown .dropdown-menu li.sub-title, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li.sub-title, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li.sub-title { + margin-top: 10px; + margin-bottom: 10px; + line-height: 16px; + } + .navbar .navbar-nav .dropdown .dropdown-menu li:last-child a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li:last-child a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li:last-child a { + padding-bottom: 5px; + } + .navbar .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--dark-gray); + } + .navbar .navbar-nav .dropdown .dropdown-menu a, .navbar-modern-inner .navbar-nav .dropdown .dropdown-menu a, .navbar-full-screen-menu-inner .navbar-nav .dropdown .dropdown-menu a { + color: var(--medium-gray); + padding: 6px 0; + line-height: 16px; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu li, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li { + padding: 0 15px; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu li a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu li a { + color: var(--medium-gray); + padding: 6px 0; + margin-bottom: 0; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu > .dropdown, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu > .dropdown, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu > .dropdown { + margin-bottom: 25px; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown:last-child { + margin-bottom: 0; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown i { + display: none; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { + color: var(--dark-gray); + padding: 0 !important; + margin-top: 15px; + font-weight: 500; + margin-bottom: 6px; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu { + display: block; + position: relative; + left: 0 !important; + padding: 0; + top: 0 !important; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu li { + padding: 0; + } + .navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a, .navbar-modern-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a, .navbar-full-screen-menu-inner .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu > .dropdown > a { + margin-top: 25px; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + border-radius: 0; + padding: 0 30px; + width: 100% !important; + margin-bottom: 15px; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + padding-left: 0; + padding-right: 0; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { + box-shadow: none; + border-radius: 0 !important; + width: 100% !important; + padding: 0 15px 15px; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { + padding: 0 15px; + } + .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--dark-gray); + } + .navbar.center-logo .navbar-nav, .navbar-modern-inner.center-logo .navbar-nav, .navbar-full-screen-menu-inner.center-logo .navbar-nav { + margin: 0 !important; + } + .navbar.center-logo .navbar-nav .nav-link, .navbar-modern-inner.center-logo .navbar-nav .nav-link, .navbar-full-screen-menu-inner.center-logo .navbar-nav .nav-link { + padding: 14px 15px !important; + } + .navbar.center-logo .navbar-nav:first-child, .navbar-modern-inner.center-logo .navbar-nav:first-child, .navbar-full-screen-menu-inner.center-logo .navbar-nav:first-child { + padding-bottom: 0; + } + .navbar.center-logo .navbar-nav:last-child, .navbar-modern-inner.center-logo .navbar-nav:last-child, .navbar-full-screen-menu-inner.center-logo .navbar-nav:last-child { + padding-top: 0; + } + .navbar.center-logo .navbar-left, .navbar.center-logo .navbar-right, .navbar-modern-inner.center-logo .navbar-left, .navbar-modern-inner.center-logo .navbar-right, .navbar-full-screen-menu-inner.center-logo .navbar-left, .navbar-full-screen-menu-inner.center-logo .navbar-right { + width: 100%; + } + .navbar.header-dark .navbar-toggler-line, .navbar-modern-inner.header-dark .navbar-toggler-line, .navbar-full-screen-menu-inner.header-dark .navbar-toggler-line { + background-color: var(--white); + } + .navbar.header-dark .header-icon .icon > a, .navbar-modern-inner.header-dark .header-icon .icon > a, .navbar-full-screen-menu-inner.header-dark .header-icon .icon > a { + color: var(--white); + } + .navbar.header-dark .header-icon .icon .header-cart > a, .navbar.header-dark .header-icon .icon .header-language > a, .navbar-modern-inner.header-dark .header-icon .icon .header-cart > a, .navbar-modern-inner.header-dark .header-icon .icon .header-language > a, .navbar-full-screen-menu-inner.header-dark .header-icon .icon .header-cart > a, .navbar-full-screen-menu-inner.header-dark .header-icon .icon .header-language > a { + color: var(--white); + } + .navbar.header-dark .header-language-icon .header-language .language-dropdown a, .navbar-modern-inner.header-dark .header-language-icon .header-language .language-dropdown a, .navbar-full-screen-menu-inner.header-dark .header-language-icon .header-language .language-dropdown a { + color: var(--light-gray); + } + .navbar.header-dark .navbar-collapse, .navbar-modern-inner.header-dark .navbar-collapse, .navbar-full-screen-menu-inner.header-dark .navbar-collapse { + background-color: var(--dark-gray); + } + .navbar.header-dark .navbar-nav .nav-link, .navbar-modern-inner.header-dark .navbar-nav .nav-link, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-link { + color: var(--white); + } + .navbar.header-dark .navbar-nav .nav-item .dropdown-toggle, .navbar-modern-inner.header-dark .navbar-nav .nav-item .dropdown-toggle, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-item .dropdown-toggle { + color: var(--white); + } + .navbar.header-dark .navbar-nav .nav-item.active .nav-link, .navbar-modern-inner.header-dark .navbar-nav .nav-item.active .nav-link, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-item.active .nav-link { + color: var(--white); + opacity: 0.6; + } + .navbar.header-dark .navbar-nav .nav-item.active .dropdown-toggle, .navbar-modern-inner.header-dark .navbar-nav .nav-item.active .dropdown-toggle, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-item.active .dropdown-toggle { + color: var(--white); + opacity: 0.6; + } + .navbar.header-dark .navbar-nav .nav-item.active:hover .nav-link, .navbar-modern-inner.header-dark .navbar-nav .nav-item.active:hover .nav-link, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-item.active:hover .nav-link { + color: var(--white); + opacity: 0.6; + } + .navbar.header-dark .navbar-nav .nav-item:hover .nav-link, .navbar-modern-inner.header-dark .navbar-nav .nav-item:hover .nav-link, .navbar-full-screen-menu-inner.header-dark .navbar-nav .nav-item:hover .nav-link { + opacity: 1; + color: var(--white); + } + .navbar.header-dark .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-modern-inner.header-dark .navbar-nav .dropdown .dropdown-menu li.active > a, .navbar-full-screen-menu-inner.header-dark .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--white); + } + .navbar.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-modern-inner.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a, .navbar-full-screen-menu-inner.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { + color: var(--white); + } + .navbar.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-modern-inner.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span, .navbar-full-screen-menu-inner.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--white); + } + .header-top-bar.top-bar-dark .header-icon .icon > a { + color: var(--white); + } + .menu-order { + order: 5; + } + .navbar-collapse { + position: absolute; + top: 100%; + left: 0; + width: 100%; + background: var(--white); + overflow: hidden; + box-shadow: 0 20px 15px 0 rgba(23, 23, 23, 0.05); + max-height: calc(100vh - 72px); + } + .header-icon .icon > a { + color: var(--dark-gray); + padding-left: 12px; + } + .header-icon .icon > a:hover { + color: var(--dark-gray); + opacity: 1; + } + .header-icon .icon .header-cart > a, .header-icon .icon .header-language > a { + color: var(--dark-gray); + padding-left: 12px; + } + .header-icon .icon .header-cart > a:hover, .header-icon .icon .header-language > a:hover { + color: var(--dark-gray); + opacity: 1; + } + .center-logo .menu-logo { + margin-right: auto; + } + .center-logo .navbar-brand { + position: relative; + left: auto; + top: auto; + transform: none; + float: left; + } + .center-logo .navbar-toggler { + margin: 31px 0; + } + .navbar.top-logo .navbar-nav .nav-link, .navbar.mini-header .navbar-nav .nav-link { + padding: 14px 15px !important; + } + .header-with-topbar + .top-space-margin { + margin-top: 116px; + } + .header-transparent[data-header-hover=dark] { + background-color: var(--dark-gray) !important; + } + .header-transparent[data-header-hover=dark] .navbar-toggler-line { + background-color: var(--white); + } + .header-transparent[data-header-hover=dark] .hamburger-push-button.icon span { + background-color: var(--white); + } + .header-transparent[data-header-hover=dark] .header-icon .icon > a { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .header-icon .icon .header-cart > a, .header-transparent[data-header-hover=dark] .header-icon .icon .header-language > a { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .header-language-icon .header-language .language-dropdown a { + color: var(--light-gray); + } + .header-transparent[data-header-hover=dark] .navbar-collapse { + background-color: var(--dark-gray); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-link { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-item .dropdown-toggle { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .nav-link { + color: var(--medium-gray); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active .dropdown-toggle { + color: var(--medium-gray); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-item.active:hover .nav-link { + color: var(--medium-gray); + } + .header-transparent[data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link { + opacity: 1; + color: var(--white); + } + .header-transparent[data-header-hover=dark] .navbar-nav .submenu-content ul .sub-title { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--white); + } + .header-transparent[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a { + color: var(--white); + } + /* Header left menu simple */ + .left-sidebar-wrapper { + padding-left: 0; + } + .left-sidebar-wrapper .left-sidebar-header.collapsing { + overflow: visible !important; + } + .left-sidebar-wrapper .left-sidebar-nav .navbar-brand { + padding: 22px 0 !important; + } + .side-menu-top { + position: fixed; + left: 0; + top: 0; + text-align: left !important; + width: 100%; + padding: 0 30px; + z-index: 9; + } + .left-sidebar-header { + left: -300px; + transition-duration: 0.3s; + height: 100% !important; + } + .left-sidebar-header.show { + left: 0; + transition-duration: 0.3s; + } + .left-sidebar-header.show .left-sidebar-nav { + left: 0; + } + .left-sidebar-header .side-menu-bottom { + padding: 50px 15px 0; + height: 100%; + overflow: auto; + border-top: 1px solid var(--very-light-gray); + } + .left-sidebar-header .side-menu-bottom .left-menu-bottom { + margin-top: 50px; + } + .left-sidebar-header .side-menu-bottom .header-icon .icon a > i { + padding: 0; + } + .left-sidebar-header .left-sidebar-nav { + left: -300px; + transition-duration: 0.3s; + overflow: visible; + height: 100%; + top: 0 !important; + position: fixed !important; + padding: 72px 15px; + } + .left-sidebar-header .left-sidebar-nav .navbar-toggler { + display: inline-block; + position: absolute; + top: 50%; + right: 30px; + margin: 0; + transform: translate(0%, -50%); + -webkit-transform: translate(0%, -50%); + } + .left-sidebar-header .left-sidebar-nav .side-menu { + margin-top: 0; + margin-bottom: 0; + } + .left-sidebar-header.show .navbar-toggler-line:nth-child(1) { + top: 7px; + width: 0%; + } + .left-sidebar-header.show .navbar-toggler-line:nth-child(2) { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + } + .left-sidebar-header.show .navbar-toggler-line:nth-child(3) { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + } + .left-sidebar-header.show .navbar-toggler-line:nth-child(4) { + top: 7px; + width: 0%; + } + .left-sidebar-header.header-dark .header-icon .icon > a { + color: var(--white); + } + .left-sidebar-header.header-dark .navbar-toggler-line { + background: var(--white); + } + .left-sidebar-header.header-light .side-menu-top { + border-bottom: 1px solid var(--very-light-gray); + } + /* Header left menu modern */ + .left-modern-menu { + padding-left: 0; + } + .left-modern-sidebar { + height: auto; + width: 100%; + padding: 0 30px; + display: flex; + flex-flow: row; + align-items: center; + justify-content: space-between; + } + .left-modern-sidebar .vertical-title { + transform: none; + height: auto; + display: none; + flex: inherit; + } + .left-modern-sidebar .vertical-title .title { + transform: none; + } + .left-modern-sidebar .toggle-icon { + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); + right: 30px; + left: auto; + } + .left-modern-menu .left-modern-header .navbar-brand { + width: auto; + padding: 22px 0 !important; + } + .left-modern-menu .left-modern-header .modern-sidebar-nav { + padding-top: 72px; + width: 380px; + left: -400px; + } + .left-modern-menu .left-modern-header .modern-side-menu { + padding: 50px 20px; + } + .left-modern-menu .left-modern-header.show .modern-sidebar-nav { + left: 0; + } + /* Header hamburger menu */ + header .header-dark .hamburger-push-button.icon span { + background-color: var(--white); + } + header .header-dark .hamburger-push-button .push-button-text { + color: var(--white) !important; + } + header .hamburger-push-button.icon { + display: flex; + } + header .hamburger-push-button.icon span { + background-color: var(--dark-gray); + } + header .hamburger-push-button .push-button-text { + color: var(--dark-gray) !important; + } + header .push-menu.hamburger-nav { + display: block; + } + header .push-menu .close-menu { + top: 30px; + right: 30px; + } + /* Header modern inner */ + .navbar-modern-inner .navbar-nav { + padding: 15px 15px 15px; + } + .hamburger-menu-simple .menu-item-list { + width: 100%; + } + .search-form-wrapper .search-form-box { + width: 75%; + } + .top-space-margin { + margin-top: 76px; + } + .ipad-top-space-margin { + margin-top: 76px; + } + .full-screen.top-space-margin { + height: calc(100vh - 76px); + } + .full-screen.ipad-top-space-margin { + height: calc(100vh - 76px); + } +} +@media (max-width: 767px) { + header .navbar-expand-lg { + padding-left: 0; + padding-right: 0; + } + header .header-top-bar { + display: none; + height: 0; + } + header .header-top-bar + .navbar { + top: 0; + } + header .push-menu .close-menu { + top: 15px; + right: 15px; + } + .navbar .navbar-nav { + padding: 15px 0; + } + .header-search-popup .search-form { + width: 85%; + } + .header-search-popup .mb-50px { + margin-bottom: 30px; + } + [data-mobile-nav-style=modern] .navbar-modern-inner { + width: 85vw; + right: -80vw; + transform: translate3d(15vw, 0, 0); + -webkit-transform: translate3d(15vw, 0, 0); + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-collapse { + padding: 70px 0; + } + .navbar-collapse-show[data-mobile-nav-style=modern] .navbar-modern-inner { + width: 85vw; + right: 0; + transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + } + .navbar-collapse-show[data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-style=modern] .navbar { + transform: translate3d(-85vw, 0, 0) !important; + -webkit-transform: translate3d(-85vw, 0, 0) !important; + } + .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .page-layout, .navbar-collapse-show[data-mobile-nav-trigger-alignment=left][data-mobile-nav-style=modern] .navbar { + transform: translate3d(85vw, 0, 0) !important; + -webkit-transform: translate3d(85vw, 0, 0) !important; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-collapse { + padding: 60px 0; + } + [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .mCustomScrollBox { + width: 100%; + } + .search-form-wrapper .search-form-box { + width: 85%; + } + .search-form-wrapper .search-close { + top: 15px; + right: 15px; + } + .header-with-topbar + .top-space-margin { + margin-top: 76px; + } + .left-sidebar-header .side-menu-bottom { + padding-top: 30px; + } + .side-menu-top { + padding: 0 15px; + } + .left-sidebar-header .left-sidebar-nav .navbar-toggler { + right: 15px; + } + .left-modern-sidebar { + padding: 0 15px; + } + .left-modern-menu .left-modern-header .modern-side-menu { + padding: 50px 0; + } + .left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container { + padding: 0 20px 0 20px; + } + .search-form-wrapper .search-form { + height: 450px !important; + } + .menu-list-wrapper { + height: calc(100vh - 120px); + padding: 20px 0; + } +} +@media (max-width: 575px) { + .left-modern-menu .left-modern-header .modern-sidebar-nav { + width: 100%; + left: -100%; + } + .left-modern-menu .left-modern-header.show .modern-sidebar-nav { + left: 0; + } + [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav > .nav-item { + padding: 7px 0px; + } + .search-form-wrapper .search-form { + height: 380px !important; + } + .search-form-wrapper .search-form h6 { + font-size: 18px; + line-height: 20px; + margin-bottom: 10px !important; + } + .search-form-wrapper .search-form .search-input { + font-size: 15px; + height: 50px; + } + .search-form-wrapper .search-form .search-button { + bottom: 11px; + font-size: 20px; + } +} +@media (max-height: 380px) { + .search-form-wrapper .search-form { + height: 85vh !important; + } + .search-form-wrapper .search-form h6 { + font-size: 18px; + line-height: 20px; + margin-bottom: 10px !important; + } + .search-form-wrapper .search-form .search-input { + font-size: 14px; + height: 50px; + } + .search-form-wrapper .search-form .search-button { + bottom: 10px; + font-size: 18px; + } + .header-cart-icon .header-cart .cart-item-list .cart-item { + padding: 12px; + } + .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total .mb-15px { + margin-bottom: 0px !important; + } + .header-cart-icon .header-cart .cart-item-list .cart-item .product-image { + max-width: 40px; + } +} +@media (max-width: 991px) { + .down-section { + bottom: 35px; + } +} +@media (max-width: 767px) { + .page-title-extra-large h1 { + font-size: 36px; + line-height: 44px; + } + .page-title-extra-small h2 { + font-size: 36px; + line-height: 44px; + } + .page-title-large h1 { + font-size: 36px; + line-height: 44px; + } +} +@media (max-width: 575px) { + .breadcrumb ul li:after { + padding: 0 6px 0 8px; + } + .down-section { + bottom: 20px; + } +} +@media (max-width: 1600px) { + .grid.xxl-grid-6col li { + width: 16.67%; + } + .grid.xxl-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.xxl-grid-5col li { + width: 20%; + } + .grid.xxl-grid-5col li.grid-item-double { + width: 40%; + } + .grid.xxl-grid-4col li { + width: 25%; + } + .grid.xxl-grid-4col li.grid-item-double { + width: 50%; + } + .grid.xxl-grid-3col li { + width: 33.33%; + } + .grid.xxl-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.xxl-grid-2col li { + width: 50%; + } + .grid.xxl-grid-2col li.grid-item-double { + width: 100%; + } + .grid.xxl-grid-1col li { + width: 100%; + } + .grid.xxl-grid-1col li.grid-item-double { + width: 100%; + } +} +@media (max-width: 1399px) { + .grid.xl-grid-6col li { + width: 16.67%; + } + .grid.xl-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.xl-grid-5col li { + width: 20%; + } + .grid.xl-grid-5col li.grid-item-double { + width: 40%; + } + .grid.xl-grid-4col li { + width: 25%; + } + .grid.xl-grid-4col li.grid-item-double { + width: 50%; + } + .grid.xl-grid-3col li { + width: 33.33%; + } + .grid.xl-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.xl-grid-2col li { + width: 50%; + } + .grid.xl-grid-2col li.grid-item-double { + width: 100%; + } + .grid.xl-grid-1col li { + width: 100%; + } + .grid.xl-grid-1col li.grid-item-double { + width: 100%; + } +} +@media (max-width: 1199px) { + .grid.lg-grid-6col li { + width: 16.67%; + } + .grid.lg-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.lg-grid-5col li { + width: 20%; + } + .grid.lg-grid-5col li.grid-item-double { + width: 40%; + } + .grid.lg-grid-4col li { + width: 25%; + } + .grid.lg-grid-4col li.grid-item-double { + width: 50%; + } + .grid.lg-grid-3col li { + width: 33.33%; + } + .grid.lg-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.lg-grid-2col li { + width: 50%; + } + .grid.lg-grid-2col li.grid-item-double { + width: 100%; + } + .grid.lg-grid-1col li { + width: 100%; + } + .grid.lg-grid-1col li.grid-item-double { + width: 100%; + } +} +@media (max-width: 991px) { + .grid.md-grid-6col li { + width: 16.67%; + } + .grid.md-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.md-grid-5col li { + width: 20%; + } + .grid.md-grid-5col li.grid-item-double { + width: 40%; + } + .grid.md-grid-4col li { + width: 25%; + } + .grid.md-grid-4col li.grid-item-double { + width: 50%; + } + .grid.md-grid-3col li { + width: 33.33%; + } + .grid.md-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.md-grid-2col li { + width: 50%; + } + .grid.md-grid-2col li.grid-item-double { + width: 100%; + } + .grid.md-grid-1col li { + width: 100%; + } + .grid.md-grid-1col li.grid-item-double { + width: 100%; + } +} +@media (max-width: 767px) { + .grid.sm-grid-6col li { + width: 16.67%; + } + .grid.sm-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.sm-grid-5col li { + width: 20%; + } + .grid.sm-grid-5col li.grid-item-double { + width: 40%; + } + .grid.sm-grid-4col li { + width: 25%; + } + .grid.sm-grid-4col li.grid-item-double { + width: 50%; + } + .grid.sm-grid-3col li { + width: 33.33%; + } + .grid.sm-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.sm-grid-2col li { + width: 50%; + } + .grid.sm-grid-2col li.grid-item-double { + width: 100%; + } + .grid.sm-grid-1col li { + width: 100%; + } + .grid.sm-grid-1col li.grid-item-double { + width: 100%; + } + .grid.gutter-small { + margin: 0 -7px; + } + .grid.gutter-small li { + padding: 7px 7px; + } + .grid.gutter-extra-large li { + padding: 15px; + } + .grid.gutter-extra-large { + margin: 0 -15px; + } + .grid.gutter-double-extra-large li { + padding: 15px; + } + .grid.gutter-medium { + margin: 0 -7px; + } + .grid.gutter-medium li { + padding: 7px 7px; + } + .grid.gutter-large { + margin: 0 -10px; + } + .grid.gutter-large li { + padding: 10px 10px; + } +} +@media (max-width: 575px) { + .grid.xs-grid-6col li { + width: 16.67%; + } + .grid.xs-grid-6col li.grid-item-double { + width: 33.33%; + } + .grid.xs-grid-5col li { + width: 20%; + } + .grid.xs-grid-5col li.grid-item-double { + width: 40%; + } + .grid.xs-grid-4col li { + width: 25%; + } + .grid.xs-grid-4col li.grid-item-double { + width: 50%; + } + .grid.xs-grid-3col li { + width: 33.33%; + } + .grid.xs-grid-3col li.grid-item-double { + width: 66.67%; + } + .grid.xs-grid-2col li { + width: 50%; + } + .grid.xs-grid-2col li.grid-item-double { + width: 100%; + } + .grid.xs-grid-1col li { + width: 100%; + } +} +@media (max-width: 767px) { + .accordion-style-04 .accordion-item .accordion-header { + padding-left: 25px; + padding-right: 25px; + } + .accordion-style-04 .accordion-item .accordion-body { + padding-left: 25px; + padding-right: 25px; + } + .accordion-style-02 .accordion-item .accordion-body { + padding-bottom: 25px; + } + .accordion-style-05 .accordion-item { + padding: 20px 35px 22px 55px; + } + .accordion-style-05 .accordion-item .number { + top: 17px; + } +} +@media (max-width: 575px) { + .accordion-style-05 .accordion-item { + padding: 18px 20px 20px 55px; + } + .accordion-style-05 .accordion-item .number { + top: 15px; + } + .accordion-style-05 .accordion-item .accordion-body { + padding-right: 25px; + } + .accordion-style-06 .accordion-item { + padding: 15px 70px 15px 30px; + } +} +@media (max-width: 1399px) { + .blockquote-style-04 .blockquote-img img { + margin-top: -106px; + } + .blockquote-style-04 .blockquote-content { + padding-left: 23%; + } +} +@media (max-width: 1199px) { + .blockquote-style-04 .blockquote-img img { + margin-top: -89px; + } + .blockquote-style-04 .blockquote-content { + padding-left: 20%; + border-bottom-right-radius: 89px; + } +} +@media (max-width: 991px) { + .blockquote-style-04 .blockquote-img img { + margin-top: -72px; + } + .blockquote-style-04 .blockquote-content { + border-bottom-right-radius: 64px; + } +} +@media (max-width: 767px) { + .blockquote-style-04 .blockquote-content { + margin-left: 0; + padding: 8% 10%; + } +} +@media (max-width: 767px) { + .btn.btn-extra-large { + font-size: 15px; + padding: 20px 40px; + } + .btn.btn-large { + font-size: 13px; + padding: 16px 36px; + } + .btn.btn-rounded.btn-extra-large { + padding: 16px 36px; + } + .btn.btn-rounded.btn-large { + padding: 12px 30px; + } + .btn.with-rounded.btn-extra-large { + padding-right: 70px; + } + .btn.with-rounded.btn-large { + padding-right: 55px; + } + .btn.btn-link { + padding: 0 0 2px; + } + .btn.btn-link-gradient { + padding: 0 0 3px; + } + .btn.btn-switch-text.btn-extra-large { + padding: 0; + } + .btn.btn-switch-text.btn-large { + padding: 0; + } + .btn.btn-switch-text.btn-medium { + padding: 0; + } + .btn.btn-switch-text.btn-small { + padding: 0; + } + .btn.btn-switch-text.btn-very-small { + padding: 0; + } +} +@media (max-width: 1199px) { + .clients-style-02 .swiper-button-prev { + left: -30px; + } + .clients-style-02 .swiper-button-next { + right: -30px; + } +} +@media (max-width: 991px) { + .clients-style-02 .swiper-button-prev { + left: -15px; + } + .clients-style-02 .swiper-button-next { + right: -15px; + } +} +@media (max-width: 767px) { + .clients-style-02 .swiper-button-prev { + left: 0px; + } + .clients-style-02 .swiper-button-next { + right: 0px; + } +} +@media (max-width: 767px) { + .text-slider-style-05 .swiper-slide { + -webkit-filter: grayscale(0); + filter: grayscale(0); + opacity: 1; + } + .text-slider-style-05 .swiper-slide .services-box-style-01 .icon-box { + opacity: 1; + } +} +@media (max-width: 991px) { + .countdown-style-02 .countdown-box { + width: 145px; + } + .countdown-style-04 .countdown-box { + width: 150px; + } +} +@media (max-width: 767px) { + .countdown-style-01 .countdown { + width: 100%; + } + .countdown-style-01 .counter-container { + display: block; + width: 100%; + } + .countdown-style-01 .counter-container .countdown-box { + margin: 5% 5%; + width: 40%; + float: left; + } + .countdown-style-02 .countdown-box, .countdown-style-04 .countdown-box { + width: 50%; + margin: 0 0 30px; + } + .countdown-style-02 .countdown-box span, .countdown-style-04 .countdown-box span { + position: relative; + top: 0; + } + .countdown-style-02 .countdown-box:before, .countdown-style-04 .countdown-box:before { + transform: none; + top: 15px; + } + .countdown-style-02 .countdown-box:nth-child(2):before, .countdown-style-04 .countdown-box:nth-child(2):before { + display: none; + } + .countdown-style-03 .countdown-box { + width: 50%; + margin: 0 0 30px; + } +} +@media (max-width: 991px) { + .counter-style-06 .feature-box:nth-last-child(2n+1) .feature-box-content:after { + display: none; + } +} +@media (max-width: 575px) { + .counter-style-06 .feature-box .feature-box-content:after { + display: none; + } +} +@media (max-width: 991px) { + .event-style-03 .accordion .trainer-box { + margin-bottom: 25px; + margin-top: 15px; + margin-right: 0; + } + .event-style-03 .nav-tabs .nav-link { + padding-right: 5px; + padding-left: 5px; + } + .event-style-03 .accordion .accordion-title .event-time { + min-width: 290px; + } + .time-schedule-scroll { + overflow-x: auto; + overflow-y: hidden; + } + .time-schedule-scroll .time-schedule-min-width { + min-width: 1050px; + } +} +@media (max-width: 767px) { + .time-schedule-scroll { + overflow-x: auto; + overflow-y: hidden; + } + .time-schedule-scroll .time-schedule-min-width { + min-width: 980px; + } + .time-table-box.day { + padding: 15px 10px; + } + .event-style-03 .accordion .accordion-title .event-time { + min-width: 1px; + margin-right: 20px; + } + .event-style-03 .accordion .accordion-item .accordion-body { + padding-right: 0; + } + .event-style-03 .nav-tabs > li.nav-item:not(:last-child) { + border-right: 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); + } +} +@media (max-width: 575px) { + .fancy-text-box-style-01 { + border-right: 0 solid; + } +} +@media (max-width: 991px) { + #map { + height: 450px; + } +} +@media (max-width: 575px) { + #map { + height: 420px; + } + .infowindow { + padding: 20px 20px 20px 20px !important; + } +} +@media (max-width: 1199px) { + .fancy-text-style-3 { + transform: rotate(0deg) !important; + } +} +@media (max-width: 767px) { + .shadow-in .separator-animation { + width: calc(100% + 5px) !important; + } + .text-highlight .separator-animation { + left: -1px; + } +} +@media (max-width: 1199px) { + .feature-box:hover .content-slide-up.content-scale .feature-box-overlay { + -webkit-transform: scale(1); + transform: scale(1); + } + .icon-with-text-style-05 .feature-box { + overflow: hidden; + } + .icon-with-text-style-05 .feature-box .content-slide-up { + width: 100%; + } +} +@media (max-width: 767px) { + .feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon { + margin-right: 20px; + } + .feature-box:hover .content-slide-up.content-scale .feature-box-overlay { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@media (max-width: 1199px) { + .interactive-banner-style-06 .interactive-banners-content { + transform: translateY(calc(100% - 110px)); + } +} +@media (max-width: 991px) { + .html-video { + height: 100%; + } +} +@media (max-width: 1199px) { + button.mfp-close, + .mfp-image-holder button.mfp-close, + .mfp-iframe-holder button.mfp-close, + .subscribe-popup .mfp-close, + .subscribe-popup .mfp-close:active, + .mfp-gallery button.mfp-close, + .mfp-iframe-holder ~ button.mfp-close, + button.mfp-close:active { + right: 10px; + top: 10px; + } +} +@media (max-width: 991px) { + .mfp-container { + padding-left: 25px; + padding-right: 25px; + } +} +@media (max-width: 767px) { + .mfp-container { + padding-left: 15px; + padding-right: 15px; + } + .mfp-arrow-right { + right: 10px; + } + .mfp-arrow-left { + left: 10px; + } +} +@media (max-width: 1199px) { + [data-parallax-background-ratio], + .fix-background { + background-attachment: inherit !important; + background-position: center !important; + } +} +.is-touchable [data-parallax-background-ratio] { + background-attachment: inherit !important; + background-position: center !important; + background-repeat: no-repeat !important; +} + +@media (max-width: 991px) { + .pricing-table-style-01.popular-item, .pricing-table-style-02.popular-item { + margin-top: 0; + } + .pricing-table-style-02 .popular-item { + left: 0; + width: 100%; + } +} +@media (max-width: 575px) { + .pricing-table-style-04 .accordion-item { + padding-left: 30px; + padding-right: 30px; + } + .pricing-table-style-04 .accordion-item.active-accordion { + padding-left: 35px; + padding-right: 35px; + } + .pricing-table-style-08 .nav-tabs > li.nav-item > a.nav-link .tab-nav-text { + margin: 0 12px; + } + .pricing-table-style-12 li { + display: block; + } + .pricing-table-style-12 li:hover { + -webkit-transform: translateX(0px); + transform: translateX(0px); + } + .pricing-table-style-12 li img { + margin-bottom: 10px; + } +} +@media (max-width: 991px) { + .process-step-style-02:nth-child(2) .progress-step-separator, .process-step-style-03:nth-child(2) .progress-step-separator, .process-step-style-04:nth-child(2) .progress-step-separator { + display: none; + } +} +@media (max-width: 767px) { + .process-step-style-02 .progress-step-separator, .process-step-style-03 .progress-step-separator, .process-step-style-04 .progress-step-separator { + display: none; + } + .process-step-style-01 .progress-step-separator { + position: absolute; + top: 50%; + left: 0; + transform: none; + right: 0; + margin: 0 auto; + } +} +@media (max-width: 1199px) { + .sliding-box .sliding-box-item { + width: 33.33% !important; + margin-left: 0; + margin-right: 0; + padding: 0 15px; + box-shadow: none; + } + .sliding-box .sliding-box-item .sliding-box-content { + width: 100% !important; + left: 0 !important; + position: relative; + height: auto; + } + .sliding-box .sliding-box-item.active .sliding-box-content { + border-radius: 0; + } + .sliding-box .sliding-box-item.active .sliding-box-img { + border-radius: 0; + } + .sliding-box .sliding-box-img { + width: 100% !important; + border-radius: 0 !important; + } + .sliding-box-style-01 .sliding-box-item .sliding-box-content:after { + top: 0; + opacity: 1; + right: 50%; + margin-top: -23px; + border: solid transparent; + border-bottom-color: var(--white); + border-width: 12px; + margin-right: -10px; + } + .sliding-box-style-02 .sliding-box-item.active .content-hover { + animation: fade 0s; + } +} +@media (max-width: 991px) { + .sliding-box { + justify-content: center; + } + .sliding-box .sliding-box-item { + width: 50% !important; + } +} +@media (max-width: 767px) { + .sliding-box .sliding-box-item { + width: 100% !important; + padding: 0; + } + .sliding-box-style-03 .number { + bottom: -22px; + } + .sliding-box-style-03 .sliding-box-item { + padding-right: 15px; + padding-left: 15px; + } +} +@media (max-width: 991px) { + .social-icon-style-06 ul li a { + padding: 0 20px; + } +} +@media (max-width: 767px) { + .elements-social ul li { + margin-bottom: 20px; + } +} +@media (max-width: 575px) { + .large-icon li, .medium-icon li, .extra-large-icon li { + margin: 0 6px; + } +} +@media (max-width: 767px) { + .newsletter-style-01.box-shadow { + box-shadow: none; + } + .newsletter-style-01 input { + padding-right: 25px; + } + .newsletter-style-01 input.is-invalid { + padding-right: 30px; + } + .newsletter-style-01 .btn { + position: relative; + margin-top: 15px; + width: 100%; + border-radius: 4px; + } + .newsletter-style-03 input { + padding-right: 90px !important; + padding-left: 30px !important; + } + .newsletter-style-03 .btn { + padding: 12px 30px 12px 30px; + } + .newsletter-style-03 .btn i { + margin-left: 0; + margin-right: 0; + } + .newsletter-style-03 .btn span { + display: none; + } +} +@media (max-width: 1399px) { + .tab-style-05 .nav-tabs .nav-item .nav-link { + padding: 18px 20px 20px; + } +} +@media (max-width: 1199px) { + .tab-style-05 .nav-tabs .nav-item .nav-link { + padding: 16px 20px; + } + .tab-style-08 ul .nav-item .nav-link { + padding: 25px 10px; + } +} +@media (max-width: 991px) { + .tab-style-02 .nav-tabs > li.nav-item { + margin: 0 10px; + } + .tab-style-03 .nav-tabs .nav-link { + padding: 10px 28px; + margin-bottom: 0; + } + .tab-style-03 .nav-tabs > li.nav-item { + padding: 0 5px; + } + .tab-style-04 .nav-tabs .nav-item { + padding: 0 20px; + } + .tab-style-05 .nav-tabs > li.nav-item { + width: auto; + padding: 0 3px; + } + .tab-style-05 .nav-tabs > li.nav-item .nav-link { + padding: 12px 20px; + } + .tab-style-07 .nav-tabs .nav-item .nav-link { + padding-left: 50px; + padding-right: 50px; + } +} +@media (max-width: 767px) { + .tab-style-01 .nav-tabs { + border-bottom: 0; + } + .tab-style-01 .nav-tabs > li.nav-item { + margin-bottom: 15px; + } + .tab-style-01 .nav-tabs > li.nav-item .nav-link { + border-bottom: 1px solid var(--light-medium-gray); + border-radius: 6px; + } + .tab-style-02 .nav-tabs > li.nav-item { + margin-bottom: 30px; + } + .tab-style-01 .nav-tabs > li.nav-item { + margin-bottom: 15px; + } + .tab-style-04 .nav-tabs { + display: inline-block; + width: 100%; + } + .tab-style-04 .nav-tabs .nav-item { + width: auto; + display: table; + margin: 0 auto 10px; + } + .tab-style-05 .nav-tabs { + display: inline-block; + width: 100%; + } + .tab-style-05 .nav-tabs .nav-item { + display: table; + margin: 0 auto; + width: auto; + } + .tab-style-05 .nav-tabs .nav-item .nav-link { + padding: 12px 30px; + } + .tab-style-07 .nav-tabs .nav-item .nav-link { + padding: 25px; + } + .tab-style-07 .nav-tabs .nav-item .nav-link .number-box { + right: 40px; + } + .tab-style-08 ul .nav-item { + border-right: 0; + border-bottom: 1px solid var(--light-medium-gray); + flex-grow: inherit; + flex-basis: auto; + width: 100%; + } + .tab-style-08 ul .nav-item .nav-link { + padding: 18px 25px; + } +} +@media (max-width: 767px) { + .swiper-horizontal-3d .swiper-slide.swiper-slide-active { + box-shadow: none; + } + .testimonials-style-04 { + padding: 0 15px; + } + .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-next { + opacity: 0; + } + .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active { + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + .testimonials-style-11 .swiper-button-prev.slider-custom-text-prev, + .testimonials-style-11 .swiper-button-next.slider-custom-text-next { + min-height: 1px; + -webkit-transform: translateY(0); + transform: translateY(0); + top: initial; + right: auto; + left: auto; + padding-left: 20px; + padding-right: 20px; + position: relative; + margin: 30px -3px 0; + display: inline-block; + } +} +@media (max-width: 575px) { + .testimonials-style-12 .swiper-button-previous-nav { + left: 25px; + } + .testimonials-style-12 .swiper-button-next-nav { + right: 25px; + } + .testimonials-style-13 .swiper-slide { + opacity: 1; + } + .testimonials-style-13 .swiper-slide.swiper-slide-active { + opacity: 1; + } + .testimonials-style-13 .swiper-slide.swiper-slide-next { + opacity: 1; + } +} +@media (max-width: 1600px) { + .blog-simple figure figcaption .hover-text { + display: block !important; + height: auto !important; + margin-bottom: -50px !important; + -webkit-transition: 0.3s; + transition: 0.3s; + } + .blog-simple figure:hover figcaption .hover-text { + margin-bottom: 0 !important; + } + .blog-modern figure .post-content-wrapper .post-content .hover-text { + display: block !important; + } +} +@media (max-width: 991px) { + .blog-date .feature-box .feature-box-icon { + margin-right: 35px !important; + } +} +@media (max-width: 767px) { + .blog-standard .entry-meta span { + margin-right: 20px; + } + .blog-comment li { + padding-bottom: 50px; + } + .blog-comment li ul.child-comment li { + margin-top: 45px; + } +} +@media (max-width: 575px) { + .blog-date .feature-box .feature-box-icon { + margin-right: 25px !important; + } + .blog-date .feature-box .post-date { + min-width: 65px; + padding: 15px 0; + } + .blog-standard .entry-meta span { + display: block; + } + .blog-standard .blog-details .entry-meta span { + display: inline-block; + } + .blog-modern figure .post-content-wrapper { + width: 90%; + } + .blog-comment li ul.child-comment { + margin-left: 20px; + padding-left: 20px; + } + .pagination-style-01 .page-item .page-link { + margin: 0 5px; + } +} +@media (max-width: 1600px) { + .sticky-image-distortion-wrapper .menu { + padding-left: 30px; + } + .sticky-image-title a { + padding-left: 50px; + } + .sticky-category { + left: 35px; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a { + padding-left: 70px; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category { + left: 20px; + } +} +@media (max-width: 1399px) { + .threeD-letter-menu .menu-item .hover-reveal { + width: 320px; + height: 320px; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title .title { + left: 65px; + } + .sticky-image-title .title { + left: 50px; + } + .sticky-category { + left: 0; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category { + left: 0; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a { + padding-left: 55px; + } +} +@media (max-width: 1199px) { + .portfolio-creative .portfolio-box .portfolio-title:after { + font-size: 80px; + } + .threeD-letter-menu .menu-item .hover-reveal { + width: 320px; + height: 320px; + } + .sticky-image-distortion-wrapper .menu { + padding-top: 160px; + } + .sticky-image-title a { + padding-left: 15px; + } +} +@media (max-width: 991px) { + .portfolio-filter.filter-btn li { + padding: 0 6px; + } + .portfolio-filter.filter-btn li a { + padding: 6px 25px; + } + .mousetip-wrapper .caption { + display: none !important; + } + .portfolio-creative .portfolio-box .portfolio-title:after { + font-size: 60px; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper { + margin-top: 50px; + } +} +@media (max-width: 767px) { + .portfolio-filter.filter-btn li { + padding: 0; + margin-bottom: 10px; + } + .portfolio-filter.filter-btn li a { + display: block; + } + .nav-tabs li { + padding: 0; + display: block; + margin-bottom: 5px; + width: 100%; + } + .sticky-image-distortion-wrapper .menu { + padding: 130px 30px 30px 30px; + width: 100%; + } + .sticky-image-distortion-wrapper .menu .menu__link { + flex-direction: column; + } + .sticky-image-distortion-wrapper .menu .menu__link.active .svg-wrapper { + height: auto; + margin-top: 0; + } + .sticky-image-distortion-wrapper .menu .svg-wrapper { + position: relative; + right: 22px; + width: 100%; + height: 0; + } + .sticky-image-distortion-wrapper .sticky-image-title { + width: 100%; + } + .sticky-image-distortion-wrapper .sticky-image-title a { + padding: 30px 35px 30px; + } +} +@media (max-width: 575px) { + .portfolio-attractive .portfolio-box:hover .portfolio-hover .icon-box { + margin-top: -10px; + } + .sticky-image-distortion-wrapper .menu { + padding: 130px 0 0 0; + } + .sticky-image-distortion-wrapper .menu .svg-wrapper { + right: 20px; + } + .sticky-image-title .title { + display: none; + } +} +@media (max-width: 1199px) { + .btn-cart.btn.btn-switch-text.btn-extra-large > span { + padding: 13px 20px; + } +} +@media (max-width: 991px) { + .btn-cart.btn.btn-switch-text.btn-extra-large > span { + padding: 13px 48px; + } + .single-product-thumb .slider-vertical { + position: relative; + left: 0; + touch-action: pan-y; + overflow: hidden; + margin-top: 15px; + } + .single-product-thumb .slider-vertical .swiper-wrapper { + flex-direction: row; + } + .product-image-thumb .swiper-slide.swiper-slide-thumb-active { + border-color: transparent; + } + .product-image-thumb .swiper-slide img { + border: 1px solid transparent; + } + .product-image-thumb .swiper-slide.swiper-slide-thumb-active img { + border-color: var(--light-gray); + } + .single-product-thumb .slider-vertical .swiper-slide { + width: 25%; + } +} +@media (max-width: 767px) { + .cart-products thead { + display: none; + } + .cart-products tbody tr td { + padding: 0; + border: 0; + clear: both; + margin: 0 0 15px 0; + line-height: 1.5em; + display: block !important; + text-align: right !important; + } + .cart-products tbody tr td:last-child { + margin-bottom: 0; + } + .cart-products tbody tr td::before { + content: attr(data-title) !important; + font-weight: 500 !important; + float: left !important; + display: block !important; + color: var(--dark-gray); + font-size: 15px; + } + .cart-products tbody tr { + border-bottom: 1px solid var(--extra-medium-gray); + position: relative; + display: block; + padding-left: 95px; + padding-bottom: 30px; + background: none; + margin-bottom: 30px; + overflow: hidden; + display: block !important; + min-height: 100px; + } + .cart-products tbody tr:last-child { + margin-bottom: 0; + } + .cart-products tbody tr .product-remove { + width: 20px; + position: absolute; + right: 0; + margin: 0; + padding: 0; + text-align: right !important; + top: 5px; + z-index: 11; + } + .cart-products tbody tr .product-remove a { + line-height: 13px; + width: 20px; + height: 20px; + display: block; + text-align: center; + } + .cart-products tbody tr .product-thumbnail { + position: absolute; + left: 0; + width: 80px; + display: inline-block; + top: 0; + overflow: hidden; + text-align: left !important; + } + .cart-products tbody tr .product-name { + text-align: left !important; + padding-right: 25px; + margin-bottom: 15px; + } + .cart-products tbody tr td.product-quantity:before { + margin-top: 8px; + } + .cart-products tbody tr .product-remove::before, + .cart-products tbody tr .product-thumbnail::before, + .cart-products tbody tr .product-name::before { + display: none; + } +} +@media (max-width: 575px) { + .product-info .quantity { + margin-right: auto !important; + } + .product-info .wishlist { + position: absolute; + top: 0; + right: 0; + } + .product-info .btn-cart { + width: 100%; + } +} +@media (max-width: 1600px) { + footer { + padding-top: 90px; + padding-bottom: 90px; + } +} +@media (max-width: 991px) { + footer { + padding-top: 75px; + padding-bottom: 75px; + } + footer.half-footer { + padding: 65px 0; + } + .footer-sticky { + position: relative !important; + } +} +@media (max-width: 767px) { + footer { + padding-top: 50px; + padding-bottom: 50px; + } + footer.half-footer { + padding: 50px 0; + } + footer .elements-social li { + margin-bottom: 0; + } + .footer-navbar li .nav-link { + padding-left: 0.8rem; + padding-right: 0.8rem; + } +} \ No newline at end of file diff --git a/public/css/home/style.css b/public/css/home/style.css new file mode 100644 index 0000000..66a0657 --- /dev/null +++ b/public/css/home/style.css @@ -0,0 +1,19223 @@ +/* ------------------------------------------------------- + +Table of contents + + 01. Google font + 02. CSS color variable + 03. Reset + 04. Typography + 05. General + 06. Background and border + 07. Width + 08. Height + 09. Loop + 10. Header + 11. Page title + 12. Layout + 13. Elements + 14. Blog + 15. Portfolio + 16. Shop + 17. Footer + +*/ +/* =================================== + 01. Google font +====================================== */ +@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap"); +:root { + --alt-font: "Plus Jakarta Sans", sans-serif; + --primary-font: "Inter", sans-serif; +} + +/* =================================== + 02. CSS color variable +====================================== */ +:root { + --base-color: #2946f3; + --white: #ffffff; + --black: #000000; + --red: #dc3131; + --light-red: #feedec; + --green: #2ebb79; + --crusoe-green: #d39121; + --yellow: #ffea23; + --dark-gray: #232323; + --medium-gray: #717580; + --extra-medium-gray: #e4e4e4; + --light-gray: #a8a8a8; + --very-light-gray: #f7f7f7; + --light-medium-gray: #eaeaeb; + --charcoal-blue: #202329; + --slate-blue: #262b35; + --medium-slate-blue: #374162; + --extra-medium-slate-blue: #23262d; + --dark-slate-blue: #1f232c; + --extra-dark-slate-blue: #121418; + --extra-very-slate-blue: #161620; + --tussock-yellow: #BC8947; + --aluminium-grey:#80858F; + --solitude-blue:#f0f4fd; + --golden-yellow:#fd961e; + --selago:#eaedff; + --white-ice:#d8f5ef; + --cornflower-blue:#445fed; + --jade:#00AF6B; + --orange: #ef991f; + --majorelle-blue: #724ade; + --light-majorelle-blue: #f2edfe; + --spring-wood: #f9f6f3; + --tropical-blue: #1ea3b1; + --camarone: #20642b; + --seal-brown: #0e0708; + --Wasabi: #8ea63a; +} + +/* =================================== + 03. Reset +====================================== */ +.alt-font { + font-family: var(--alt-font); +} +.primary-font { + font-family: var(--primary-font) !important; +} +html { + font-size: 16px; +} +body { + font-family: var(--primary-font); + font-size: 16px; + line-height: 30px; + font-weight: 400; + color: var(--medium-gray); + -moz-osx-font-smoothing: grayscale; + word-break: break-word; + -webkit-font-smoothing: antialiased; +} +section { + padding-top: 110px; + padding-bottom: 110px; +} +section.half-section { + padding-top: 70px; + padding-bottom: 70px; +} +section.big-section { + padding-top: 130px; + padding-bottom: 130px; +} +section.extra-big-section { + padding-top: 160px; + padding-bottom: 160px; +} +img { + max-width: 100%; + height: auto; +} +ul li { + list-style: none; +} +a { + color: var(--medium-gray); + -webkit-transition: 0.3s; + transition: 0.3s; + text-decoration: none; +} +a:hover { + color: var(--base-color); + text-decoration: none; +} +p { + margin-bottom: 25px; +} +.last-paragraph-no-margin p:last-of-type { + margin-bottom: 0; +} +video { + background-size: cover; + display: table-cell; + vertical-align: middle; + width: 100%; +} +:focus-visible { + outline: none; +} +[class*=line-icon], [class*=" line-icon"], [class*=bi-], [class*=feather], [class*=ti-] { + display: inline-block; +} +.form-control, .form-control.is-invalid, .was-validated .form-control:invalid { + background-position: right 20px center !important; +} +.form-control.is-invalid, .was-validated .form-control:invalid { + border-color: #dc3545 !important; +} +.g-recaptcha.is-invalid iframe { + border: 1px solid #dc3545 !important; +} +.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { + padding-right: 15px; + padding-left: 15px; +} +.row { + margin-right: -15px; + margin-left: -15px; +} +.row > * { + padding-right: 15px; + padding-left: 15px; +} +.row.g-0 { + margin-right: 0; + margin-left: 0; +} +.row.g-0 > * { + padding-right: 0; + padding-left: 0; +} +.row.gutter-very-small { + margin-left: -5px; + margin-right: -5px; +} +.row.gutter-very-small > * { + padding-right: 5px; + padding-left: 5px; +} +.row.gutter-small { + margin-left: -10px; + margin-right: -10px; +} +.row.gutter-small > * { + padding-right: 10px; + padding-left: 10px; +} +/* =================================== + 04. Typography +====================================== */ +/* Heading */ +.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { + margin-bottom: 30px; + letter-spacing: -0.5px; + font-weight: inherit; +} +h1, .h1 { + font-size: 4.375rem; + line-height: 4.375rem; +} +h2, .h2 { + font-size: 3.438rem; + line-height: 3.438rem; +} +h3, .h3 { + font-size: 2.813rem; + line-height: 3.125rem; +} +h4 { + font-size: 2.375rem; + line-height: 2.7rem; +} +h5 { + font-size: 2rem; + line-height: 2.2rem; +} +h6 { + font-size: 1.75rem; + line-height: 1.95rem; +} +/* Font custom */ +.font-style-italic { + font-style: italic; +} +.hover-text { + display: none; +} +b, strong { + font-weight: 700; +} +.text-white-space-nowrap { + white-space: nowrap; +} +.text-white-space-normal { + white-space: normal; +} +.text-transform-none { + text-transform: none !important; +} +.text-uppercase-inherit { + text-transform: inherit !important; +} +.word-break-normal { + word-break: normal; +} +.vertical-align-top { + vertical-align: top; +} +/* Font size */ +.fs-0 { + font-size: 0; +} +.fs-9 { + font-size: 9px; +} +.fs-10 { + font-size: 10px; +} +.fs-11 { + font-size: 11px; +} +.fs-12 { + font-size: 12px; +} +.fs-13 { + font-size: 13px; +} +.fs-14 { + font-size: 14px; +} +.fs-15 { + font-size: 15px; +} +.fs-16 { + font-size: 16px; +} +.fs-17 { + font-size: 17px; +} +.fs-18 { + font-size: 18px; +} +.fs-19 { + font-size: 19px; +} +.fs-20 { + font-size: 20px; +} +.fs-22 { + font-size: 22px; +} +.fs-24 { + font-size: 24px; + line-height: 32px; +} +.fs-26 { + font-size: 26px; + line-height: 38px; +} +.fs-28 { + font-size: 1.75rem; + line-height: 2.6rem; +} +.fs-30 { + font-size: 1.875rem; + line-height: 2.8rem; +} +.fs-32 { + font-size: 2rem; + line-height: 2.5rem; +} +.fs-40 { + font-size: 2.5rem; + line-height: 2.5rem; +} +.fs-45 { + font-size: 2.813rem; + line-height: 3rem; +} +.fs-50 { + font-size: 3.125rem; + line-height: 3.25rem; +} +.fs-55 { + font-size: 3.438rem; + line-height: 3.5rem; +} +.fs-60 { + font-size: 3.75rem; + line-height: 3.75rem; +} +.fs-65 { + font-size: 4.063rem; + line-height: 4.688rem; +} +.fs-70 { + font-size: 4.375rem; + line-height: 4.375rem; +} +.fs-75 { + font-size: 4.668rem; + line-height: 4.668rem; +} +.fs-80 { + font-size: 5rem; + line-height: 5rem; +} +.fs-85 { + font-size: 5.313rem; + line-height: 5.313rem; +} +.fs-90 { + font-size: 5.625rem; + line-height: 5.625rem; +} +.fs-95 { + font-size: 5.938rem; + line-height: 5.938rem; +} +.fs-100 { + font-size: 6.25rem; + line-height: 6.25rem; +} +.fs-110 { + font-size: 6.875rem; + line-height: 6.875rem; +} +.fs-120 { + font-size: 7.5rem; + line-height: 7.5rem; +} +.fs-130 { + font-size: 8.125rem; + line-height: 8.125rem; +} +.fs-140 { + font-size: 8.75rem; + line-height: 8.75rem; +} +.fs-150 { + font-size: 9.375rem; + line-height: 9.375rem; +} +.fs-160 { + font-size: 10rem; + line-height: 10rem; +} +.fs-170 { + font-size: 10.625rem; + line-height: 10.625rem; +} +.fs-180 { + font-size: 11.25rem; + line-height: 11.25rem; +} +.fs-190 { + font-size: 11.875rem; + line-height: 11.875rem; +} +.fs-200 { + font-size: 12.5rem; + line-height: 12.5rem; +} +.fs-225 { + font-size: 14.063rem; + line-height: 14.063rem; +} +.fs-250 { + font-size: 15.625rem; + line-height: 15.625rem; +} +.fs-275 { + font-size: 17.188rem; + line-height: 17.188rem; +} +.fs-300 { + font-size: 18.75rem; + line-height: 18.75rem; +} +.fs-350 { + font-size: 21.875rem; + line-height: 21.875rem; +} +.fs-400 { + font-size: 25rem; + line-height: 25rem; +} +/* Line height */ +.lh-0px { + line-height: 0px; +} +.lh-10 { + line-height: 10px; +} +.lh-11 { + line-height: 11px; +} +.lh-12 { + line-height: 12px; +} +.lh-13 { + line-height: 13px; +} +.lh-14 { + line-height: 14px; +} +.lh-15 { + line-height: 15px; +} +.lh-16 { + line-height: 16px; +} +.lh-18 { + line-height: 18px; +} +.lh-19 { + line-height: 19px; +} +.lh-20 { + line-height: 20px; +} +.lh-22 { + line-height: 22px; +} +.lh-24 { + line-height: 24px; +} +.lh-26 { + line-height: 26px; +} +.lh-28 { + line-height: 28px; +} +.lh-30 { + line-height: 30px; +} +.lh-32 { + line-height: 2rem; +} +.lh-34 { + line-height: 2.125rem; +} +.lh-36 { + line-height: 2.25rem; +} +.lh-38 { + line-height: 2.375rem; +} +.lh-40 { + line-height: 2.5rem; +} +.lh-42 { + line-height: 2.625rem; +} +.lh-44 { + line-height: 2.75rem; +} +.lh-46 { + line-height: 2.875rem; +} +.lh-48 { + line-height: 3rem; +} +.lh-50 { + line-height: 3.125rem; +} +.lh-55 { + line-height: 3.438rem; +} +.lh-60 { + line-height: 3.75rem; +} +.lh-65 { + line-height: 4.063rem; +} +.lh-70 { + line-height: 4.375rem; +} +.lh-75 { + line-height: 4.688rem; +} +.lh-80 { + line-height: 5rem; +} +.lh-85 { + line-height: 5.313rem; +} +.lh-90 { + line-height: 5.625rem; +} +.lh-95 { + line-height: 5.938rem; +} +.lh-100 { + line-height: 6.25rem; +} +.lh-105 { + line-height: 6.563rem; +} +.lh-110 { + line-height: 6.875rem; +} +.lh-115 { + line-height: 7.188rem; +} +.lh-120 { + line-height: 7.5rem; +} +.lh-0 { + line-height: 0; +} +.lh-normal { + line-height: normal; +} +.lh-initial { + line-height: initial; +} +.lh-inherit { + line-height: inherit; +} +/* Text color */ +.text-white, .btn-link.text-white, a.text-white-hover:hover { + color: var(--white); +} +.text-base-color-hover:hover { + color: var(--base-color) !important; +} +.text-base-color, .btn-link.text-base-color { + color: var(--base-color); +} +.text-black, .btn-link.text-black, a.text-black-hover:hover { + color: var(--black); +} +.text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { + color: var(--dark-gray); +} +.text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover { + color: var(--medium-gray); +} +.text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover { + color: var(--extra-medium-gray); +} +.text-light-medium-gray, .btn-link.text-light-medium-gray, a.text-light-medium-gray:hover { + color: var(--light-medium-gray); +} +.text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover { + color: var(--light-gray); +} +.text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover { + color: var(--very-light-gray); +} +.text-red, .btn-link.text-red, a.text-red-hover:hover { + color: var(--red); +} +.text-green, .btn-link.text-green, a.text-green-hover:hover { + color: var(--green); +} +.text-yellow, .btn-link.text-yellow, a.text-yellow-hover:hover { + color: var(--yellow); +} +.text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow-hover:hover { + color: var(--golden-yellow); +} +.text-tussock-yellow, .btn-link.text-tussock-yellow, a.text-tussock-yellow-hover:hover { + color: var(--tussock-yellow); +} +.text-cornflower-blue, .btn-link.text-cornflower-blue, a.text-cornflower-blue-hover:hover { + color: var(--cornflower-blue); +} +.text-jade, .btn-link.text-jade, a.text-jade-hover:hover { + color: var(--jade); +} +.text-majorelle-blue { + color: var(--majorelle-blue); +} +.text-orange { + color: var(--orange); +} +.text-crusoe-green { + color: var(--crusoe-green); +} +.text-tropical-blue { + color: var(--tropical-blue); +} +.text-camarone { + color: var(--camarone); +} +.text-seal-brown { + color: var(--seal-brown); +} +.text-Wasabi { + color: var(--Wasabi); +} +/* Text gradient color */ +.text-gradient-blue-magenta-orange, .text-gradient-light-gray-white, .text-gradient-light-purple-light-orange, .text-gradient-sky-blue-pink, .text-gradient-light-blue-light-turquoise, .text-gradient-fast-blue-purple-light-orange, .text-gradient-light-pink-light-purple, .text-gradient-fast-blue-purple, .text-gradient-pink-orange, .text-gradient-fast-pink-light-yellow, .text-gradient-purple-pink, .text-gradient-light-pink-light-orange { + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.text-gradient-light-pink-light-orange { + background-image: linear-gradient(to right, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0); +} +.text-gradient-purple-pink { + background-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e); +} +.text-gradient-fast-pink-light-yellow { + background-image: linear-gradient(to right, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83); +} +.text-gradient-pink-orange { + background-image: linear-gradient(to right, #de347f, #e73a70, #ed4461, #f05152, #ef5f43); +} +.text-gradient-fast-blue-purple { + background-image: linear-gradient(to right, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff); +} +.text-gradient-light-pink-light-purple { + background-image: linear-gradient(to right, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8); +} +.text-gradient-fast-blue-purple-light-orange { + background-image: linear-gradient(to right top, #183fb9, #4f41df, #ae2eb9, #ef3f59, #e9522d); +} +.text-gradient-light-blue-light-turquoise { + background-image: linear-gradient(to right, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73); +} +.text-gradient-sky-blue-pink { + background-image: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); +} +.text-gradient-light-purple-light-orange { + background-image: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393); +} +.text-gradient-light-gray-white { + background-image: linear-gradient(to bottom, #efefef, #efefef, #f7f7f7, #fdfdfc, #ffffff); +} +.text-gradient-blue-magenta-orange { + background-image: linear-gradient(to right, #002fff, #ab00ff, #ff137d, #ff562f, #ee8502); +} +/* Text shadow */ +.text-shadow-large { + text-shadow: 0 0 50px rgba(0, 0, 0, 0.9); +} +.text-shadow-extra-large { + text-shadow: 0 0 60px rgba(0, 0, 0, 0.9); +} +.text-shadow-double-large { + text-shadow: 0 0 100px rgba(0, 0, 0, 0.9); +} +/* Text bottom line */ +.text-decoration-line-bottom { + border-bottom: 1px solid; +} +.text-decoration-line-bottom-medium { + border-bottom: 2px solid; +} +.text-decoration-line-bottom-thick { + border-bottom: 3px solid; +} +.text-decoration-line-through { + text-decoration: line-through; +} +/* Text outline*/ +.text-outline { + -webkit-text-fill-color: transparent; + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: var(--white); +} +/* Text stroke width */ +.text-outline-width-1px { + -webkit-text-stroke-width: 1px; +} +.text-outline-width-2px { + -webkit-text-stroke-width: 2px; +} +.text-outline-width-3px { + -webkit-text-stroke-width: 3px; +} +.text-outline-width-4px { + -webkit-text-stroke-width: 4px; +} +.text-outline-width-5px { + -webkit-text-stroke-width: 5px; +} +/* Text stroke color */ +.text-outline-color-black { + -webkit-text-stroke-color: var(--black); +} +.text-outline-color-base-color { + -webkit-text-stroke-color: var(--base-color); +} +.text-outline-color-red { + -webkit-text-stroke-color: var(--red); +} +.text-outline-color-dark-gray { + -webkit-text-stroke-color: var(--dark-gray); +} +.text-outline-color-medium-gray { + -webkit-text-stroke-color: var(--medium-gray); +} +.text-outline-color-extra-medium-gray { + -webkit-text-stroke-color: var(--extra-medium-gray); +} +/* Letter spacing */ +.ls-0px { + letter-spacing: 0px !important; +} +.ls-05px { + letter-spacing: 0.5px !important; +} +.ls-1px { + letter-spacing: 1px !important; +} +.ls-2px { + letter-spacing: 2px !important; +} +.ls-3px { + letter-spacing: 3px !important; +} +.ls-4px { + letter-spacing: 4px !important; +} +.ls-5px { + letter-spacing: 5px !important; +} +.ls-6px { + letter-spacing: 6px !important; +} +.ls-7px { + letter-spacing: 7px !important; +} +.ls-8px { + letter-spacing: 8px !important; +} +.ls-9px { + letter-spacing: 9px !important; +} +.ls-10px { + letter-spacing: 10px !important; +} +.ls-minus-05px { + letter-spacing: -0.5px !important; +} +.ls-minus-1px { + letter-spacing: -1px !important; +} +.ls-minus-2px { + letter-spacing: -2px !important; +} +.ls-minus-3px { + letter-spacing: -3px !important; +} +.ls-minus-4px { + letter-spacing: -4px !important; +} +.ls-minus-5px { + letter-spacing: -5px !important; +} +.ls-minus-6px { + letter-spacing: -6px !important; +} +.ls-minus-7px { + letter-spacing: -7px !important; +} +.ls-minus-8px { + letter-spacing: -8px !important; +} +.ls-minus-9px { + letter-spacing: -9px !important; +} +.ls-minus-10px { + letter-spacing: -10px !important; +} +/* Icon size */ +.icon-extra-double-large { + font-size: 80px; +} +.icon-double-large { + font-size: 60px; +} +.icon-extra-large { + font-size: 50px; +} +.icon-large { + font-size: 42px; +} +.icon-medium { + font-size: 34px; +} +.icon-very-medium { + font-size: 28px; +} +.icon-extra-medium { + font-size: 24px; +} +.icon-small { + font-size: 18px; +} +.icon-very-small { + font-size: 14px; +} +/* =================================== + 05. General +====================================== */ +/* Separator line */ +.separator-line-1px { + height: 1px; +} +.separator-line-2px { + height: 2px; +} +.separator-line-3px { + height: 3px; +} +.separator-line-4px { + height: 4px; +} +.separator-line-5px { + height: 5px; +} +/* Separator vertical line */ +.separator-line-vertical { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} +/* Separator line size */ +.separator-line-small { + width: 35px; + height: 1px; + display: inline-block; + margin-right: 7px; +} +.separator-line-extra-small { + width: 18px; + height: 1px; + display: inline-block; + margin-right: 8px; + vertical-align: middle; +} +.separator-line-very-small { + width: 12px; + height: 1px; + display: inline-block; + margin-right: 9px; + vertical-align: middle; +} +/* Opacity */ +.opacity-full-dark, .opacity-full, .opacity-medium, .opacity-extra-medium, .opacity-light, .opacity-very-light { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; +} +.opacity-very-light { + opacity: 0.2; +} +.opacity-light { + opacity: 0.3; +} +.opacity-extra-medium { + opacity: 0.5; +} +.opacity-medium { + opacity: 0.75; +} +.opacity-full { + opacity: 0.8; +} +.opacity-full-dark { + opacity: 0.9; +} +/* Position */ +.position-inherit { + position: inherit !important; +} +.position-initial { + position: initial !important; +} +.absolute-middle-center { + left: 50%; + top: 50%; + position: absolute; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.absolute-middle-left { + left: 0; + top: 50%; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.absolute-middle-right { + right: 0; + top: 50%; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.absolute-top-center { + left: 50%; + top: 0; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.absolute-bottom-center { + left: 50%; + bottom: 0; + position: absolute; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.absolute-bottom-left { + left: 0; + bottom: 0; + position: absolute; +} +.absolute-bottom-right { + right: 0; + bottom: 0; + position: absolute; +} +/* Vertical title center */ +.vertical-title-center { + display: flex; + height: 100%; +} +.vertical-title-center .title { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + writing-mode: vertical-lr; +} +/* Skrollr */ +.skrollr-parallax { + position: relative !important; + background-size: cover !important; + background-attachment: fixed !important; + transition-timing-function: none; + -webkit-transition-timing-function: none; + transition-duration: 0s; + -webkit-transition-duration: 0s; +} +.skrollr-zoom { + transition: none !important; +} +.blur-box { + backdrop-filter: blur(5px); + -webkit-backdrop-filter: blur(3px); +} +/* Transform */ +.transform-origin-right { + transform-origin: right; +} +.transform-origin-left { + transform-origin: left; +} +.btn.btn-none-transform, .btn.btn-none-transform:hover { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +/* Transition */ +.transition { + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.transition-inner-all * { + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.no-transition { + -webkit-transition: 0s; + transition: 0s; +} +/* Pointer events */ +.pointer-events-none { + pointer-events: none; +} +.pointer-events-all { + pointer-events: all; +} +/* Sticky column */ +.sticky-wrap { + position: fixed; + top: 50%; + left: 0; + opacity: 0; + z-index: 1; + -webkit-transform: rotate(-90deg) translate(-50%, 50%); + transform: rotate(-90deg) translate(-50%, 50%); + transform-origin: 0 50%; + transition: 1s cubic-bezier(0.7, 0, 0.3, 1) !important; +} +.sticky-wrap.shadow-in { + left: 50px; + opacity: 1; + box-shadow: none !important; +} +.sticky-wrap.sticky-hidden { + left: 0; + opacity: 0; +} +.sticky-wrap a { + color: var(--dark-gray) !important; +} +.sticky-wrap a:hover { + color: var(--dark-gray) !important; +} +.sticky-wrap div, .sticky-wrap span, .sticky-wrap p { + color: var(--dark-gray) !important; +} +.sticky-wrap .social-icon-style-10 ul li a:hover { + color: var(--dark-gray) !important; +} +.sticky-wrap.sticky-highlight a { + color: var(--white) !important; +} +.sticky-wrap.sticky-highlight a:hover { + color: var(--white) !important; +} +.sticky-wrap.sticky-highlight div, .sticky-wrap.sticky-highlight span, .sticky-wrap.sticky-highlight p { + color: var(--white) !important; +} +.sticky-wrap.sticky-highlight .separator-line-1px { + background-color: var(--white) !important; +} +.sticky-wrap.sticky-highlight .social-icon-style-10 ul li a:hover { + color: var(--white) !important; +} +.sticky-wrap-right { + position: fixed; + top: 50%; + right: 110px; + z-index: 1; + -webkit-transform: rotate(-90deg) translate(50%, 100%); + transform: rotate(-90deg) translate(50%, 100%); + transform-origin: 100% 0%; +} +/* Overflow */ +.overflow-visible { + overflow: visible !important; +} +.overflow-x-hidden { + overflow-x: hidden !important; +} +.overflow-y-hidden { + overflow-y: hidden !important; +} +/* Overlap section */ +.overlap-section { + position: relative; +} +.overlap-height { + transition: 0.3s height; +} +/* Outside box */ +.outside-box-top-15 { + margin-top: -15vw; +} +.outside-box-top-18 { + margin-top: -18vw; +} +.outside-box-left-1 { + margin-left: -1vw; +} +.outside-box-left-2 { + margin-left: -2vw; +} +.outside-box-left-5 { + margin-left: -5vw; +} +.outside-box-left-7 { + margin-left: -7vw; +} +.outside-box-left-8 { + margin-left: -8vw; +} +.outside-box-left-10 { + margin-left: -10vw; +} +.outside-box-left-15 { + margin-left: -15vw; +} +.outside-box-left-20 { + margin-left: -20vw; +} +.outside-box-left-25 { + margin-left: -25vw; +} +.outside-box-left-30 { + margin-left: -30vw; +} +.outside-box-left-35 { + margin-left: -35vw; +} +.outside-box-left-40 { + margin-left: -40vw; +} +.outside-box-left-50 { + margin-left: -50vw; +} +.outside-box-left-60 { + margin-left: -60vw; +} +.outside-box-left-65 { + margin-left: -65vw; +} +.outside-box-right-1 { + margin-right: -1vw; +} +.outside-box-right-2 { + margin-right: -2vw; +} +.outside-box-right-5 { + margin-right: -5vw; +} +.outside-box-right-7 { + margin-right: -7vw; +} +.outside-box-right-10 { + margin-right: -10vw; +} +.outside-box-right-15 { + margin-right: -15vw; +} +.outside-box-right-20 { + margin-right: -20vw; +} +.outside-box-right-25 { + margin-right: -25vw; +} +.outside-box-right-30 { + margin-right: -30vw; +} +.outside-box-right-35 { + margin-right: -35vw; +} +.outside-box-right-40 { + margin-right: -40vw; +} +.outside-box-right-45 { + margin-right: -45vw; +} +.outside-box-right-50 { + margin-right: -50vw; +} +.outside-box-right-60 { + margin-right: -60vw; +} +.outside-box-right-65 { + margin-right: -65vw; +} +/* CSS filter */ +.filter-mix-100 { + filter: grayscale(100%) invert(100%); +} +.filter-grayscale-100 { + filter: grayscale(100%); +} +/* Box shadow */ +.box-shadow, .box-shadow-hover:hover { + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); + -webkit-transition: 350ms ease-in-out; + transition: 350ms ease-in-out; +} +.box-shadow-small, .box-shadow-small-hover:hover { + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-medium, .box-shadow-medium-hover:hover { + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-medium-bottom, .box-shadow-medium-bottom-hover:hover { + -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); + box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-large, .box-shadow-large-hover:hover { + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-extra-large, .box-shadow-extra-large-hover:hover { + -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-double-large, .box-shadow-double-large-hover:hover { + -webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.09); + box-shadow: 0 0 45px rgba(0, 0, 0, 0.09); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-triple-large, .box-shadow-triple-large-hover:hover { + -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 60px rgba(0, 0, 0, 0.2); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-quadruple-large, .box-shadow-quadruple-large-hover:hover { + -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.box-shadow-hover:hover, .box-shadow-large-hover:hover, .box-shadow-extra-large-hover:hover, .box-shadow-medium-hover:hover, .box-shadow-small-hover:hover, .box-shadow-double-large-hover:hover, .box-shadow-quadruple-large-hover:hover { + -webkit-transform: translate3d(0, -3px, 0); + transform: translate3d(0, -3px, 0); +} +.box-shadow-bottom { + -webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05); + box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05); +} +/* Input */ +input, select, textarea, .form-control, .form-select { + padding: 12px 25px; + width: 100%; + max-width: 100%; + resize: none; + outline: none; + font-size: 16px; + border: 1px solid #e4e4e4; + color: var(--medium-gray); + line-height: inherit; + word-break: normal; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.form-select { + color: var(--medium-gray); +} +.form-select:focus { + border-color: #dfdfdf; +} +input:focus, select:focus, textarea:focus, .form-control:focus { + border: 1px solid #c2c2c2; + box-shadow: none !important; + color: var(--medium-gray); +} +::-webkit-input-placeholder { + color: var(--medium-gray) !important; + text-overflow: ellipsis; +} +::-moz-placeholder { + color: var(--medium-gray) !important; + text-overflow: ellipsis; + opacity: 1; +} +:-ms-input-placeholder { + color: var(--medium-gray) !important; + text-overflow: ellipsis; + opacity: 1; +} +.placeholder-light::-webkit-input-placeholder { + color: var(--white) !important; + text-overflow: ellipsis; +} +.placeholder-light::-moz-placeholder { + color: var(--white) !important; + text-overflow: ellipsis; + opacity: 1; +} +.placeholder-light:-ms-input-placeholder { + color: var(--white) !important; + text-overflow: ellipsis; + opacity: 1; +} +.search-error { + border-color: var(--red) !important; +} +/* Select */ +.select { + position: relative; +} +.select:after { + content: "\e842"; + font-family: feather !important; + right: 20px; + top: 50%; + height: 34px; + position: absolute; + pointer-events: none; + font-size: 22px; + margin-top: -15px; +} +/* Date icon */ +.date-time { + position: relative; +} +.date-icon { + position: relative; +} +.date-icon input[type=date]::-webkit-inner-spin-button, +.date-icon input[type=date]::-webkit-calendar-picker-indicator { + -webkit-appearance: none; + opacity: 0; + -moz-appearance: none; + appearance: none; +} +.date-icon:after { + content: "\e83a"; + font-family: feather !important; + right: 28px; + top: 50%; + height: 34px; + position: absolute; + pointer-events: none; + font-size: 22px; + margin-top: -15px; +} +.date-icon input[type=date]::-webkit-date-and-time-value { + text-align: left !important; +} +/* Mozilla firefox */ +@-moz-document url-prefix() { + .date-icon:after { + display: none; + } +} +/* Time icon */ +.time-icon { + position: relative; +} +.time-icon input[type=time]::-webkit-inner-spin-button, +.time-icon input[type=time]::-webkit-calendar-picker-indicator { + -webkit-appearance: none; + opacity: 0; + -moz-appearance: none; + appearance: none; +} +.time-icon:after { + content: "\e84d"; + font-family: feather !important; + right: 28px; + top: 50%; + height: 34px; + position: absolute; + pointer-events: none; + font-size: 22px; + margin-top: -15px; +} +/* Input size */ +.input-small, +.textarea-small, +.select-small { + padding: 7px 15px; + font-size: 12px; +} +.input-medium, +.textarea-medium, +.select-medium { + padding: 14px 28px; +} +.input-large { + padding: 16px 32px; +} +.form-control.is-invalid:focus { + box-shadow: none; +} +/* Box overlay */ +.box-overlay { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); +} +.hover-box { + z-index: 1; +} +.hover-box * { + -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); + will-change: transform; +} +.hover-box:hover .box-overlay { + opacity: 1; + visibility: visible; +} +.hover-box.dark-hover .border-dark-opacity { + border-color: rgba(35, 35, 35, 0.15) !important; +} +.hover-box.dark-hover:hover a, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover span, .hover-box.dark-hover:hover .btn, .hover-box.dark-hover:hover i, .hover-box.dark-hover:hover b, .hover-box.dark-hover:hover u, .hover-box.dark-hover:hover p, .hover-box.dark-hover:hover h1, .hover-box.dark-hover:hover h2, .hover-box.dark-hover:hover h3, .hover-box.dark-hover:hover h4, .hover-box.dark-hover:hover h5, .hover-box.dark-hover:hover h6 { + color: var(--white) !important; + -webkit-text-stroke-color: var(--white); +} +.hover-box.dark-hover:hover [class*=separator-line] { + background-color: var(--white); +} +.hover-box.dark-hover:hover [class*=btn-link-gradient] span { + background: var(--white); + background-image: none; +} +.hover-box.dark-hover:hover [class*=btn-transparent] { + background-color: var(--white); + border-color: var(--white); + color: var(--dark-gray) !important; +} +.hover-box.dark-hover:hover .text-light-opacity { + opacity: 0.7; +} +.hover-box.dark-hover:hover .text-medium-opacity { + opacity: 0.5; +} +.hover-box.dark-hover:hover .border-dark-opacity { + border-color: rgba(255, 255, 255, 0.3) !important; +} +.hover-box.dark-hover:hover .content-slide-up .text-light-opacity { + opacity: 0.7; +} +.hover-box.dark-hover:hover .btn-link { + border-color: var(--white); +} +.hover-box.dark-hover:hover [class*=text-gradient-] { + color: var(--white); + background-image: none; + -webkit-background-clip: inherit; + -webkit-text-fill-color: var(--white); + -webkit-text-fill-color: var(--white); +} +.hover-box.light-hover .border-light-opacity { + border-color: rgba(255, 255, 255, 0.25) !important; +} +.hover-box.light-hover:hover a, .hover-box.light-hover:hover span, .hover-box.light-hover:hover .btn, .hover-box.light-hover:hover i, .hover-box.light-hover:hover b, .hover-box.light-hover:hover u, .hover-box.light-hover:hover p, .hover-box.light-hover:hover h1, .hover-box.light-hover:hover h2, .hover-box.light-hover:hover h3, .hover-box.light-hover:hover h4, .hover-box.light-hover:hover h5, .hover-box.light-hover:hover h6 { + color: var(--dark-gray) !important; +} +.hover-box.light-hover:hover .text-light-opacity { + opacity: 0.7; +} +.hover-box.light-hover:hover .text-medium-opacity { + opacity: 0.5; +} +.hover-box.light-hover:hover .border-light-opacity { + border-color: rgba(35, 35, 35, 0.15) !important; +} +.hover-box.light-hover:hover .content-slide-up .text-light-opacity { + opacity: 0.7; +} +.hover-box.light-hover:hover .btn-link { + border-color: var(--dark-gray); +} +.hover-box.light-hover:hover [class*=separator-line] { + background-color: var(--dark-gray); +} +.hover-box.light-hover:hover [class*=text-gradient-] { + color: var(--dark-gray); + background-image: none; + -webkit-background-clip: var(--dark-gray); + -webkit-text-fill-color: var(--dark-gray); +} +/* Swiper slider pagination */ +.swiper-horizontal > .swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { + bottom: 45px; + left: 50%; + width: auto; + cursor: default; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.swiper-horizontal > .swiper-pagination-bullets-right, .swiper-vertical > .swiper-pagination-bullets-right { + bottom: auto; + top: 50%; + right: 60px; + left: auto; + width: auto; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + text-align: right; +} +.swiper-horizontal > .swiper-pagination-bullets-right .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets-right .swiper-pagination-bullet { + display: block; + margin: 25px 0 !important; +} +.swiper-dark-pagination .swiper-pagination-bullet { + width: 8px; + height: 8px; + margin: 0 15px !important; + opacity: 1; + background-color: var(--light-gray); + -webkit-transition: 0.3s; + transition: 0.3s; + outline: none; +} +.swiper-dark-pagination .swiper-pagination-bullet:before { + content: ""; + width: 30px; + height: 30px; + border: 1px solid var(--dark-gray); + background: transparent; + display: inline-block; + border-radius: 50%; + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transition: 0.3s; + transition: 0.3s; + opacity: 0; +} +.swiper-dark-pagination .swiper-pagination-bullet:hover { + background-color: var(--dark-gray); +} +.swiper-dark-pagination .swiper-pagination-bullet:hover:before { + opacity: 1; +} +.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--dark-gray); +} +.swiper-dark-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { + opacity: 1; +} +.swiper-light-pagination .swiper-pagination-bullet { + width: 8px; + height: 8px; + margin: 0 15px !important; + display: inline-block; + vertical-align: middle; + background-color: var(--white); + -webkit-transition: 0.3s; + transition: 0.3s; + outline: none; + opacity: 0.5; +} +.swiper-light-pagination .swiper-pagination-bullet:before { + content: ""; + width: 30px; + height: 30px; + border: 2px solid rgba(255, 255, 255, 0.2); + background: transparent; + display: inline-block; + border-radius: 50%; + position: relative; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + -webkit-transition: 0.3s; + transition: 0.3s; + opacity: 0; +} +.swiper-light-pagination .swiper-pagination-bullet:hover { + background-color: var(--white); + opacity: 1; +} +.swiper-light-pagination .swiper-pagination-bullet:hover:before { + opacity: 1; +} +.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--white); + opacity: 1; +} +.swiper-light-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { + opacity: 1; +} +/* Swiper pagination style 02 */ +.swiper-pagination-style-2 .swiper-pagination-bullet { + width: 8px; + height: 8px; + margin: 0 6px !important; +} +.swiper-pagination-style-2 .swiper-pagination-bullet:before { + display: none; +} +/* Swiper pagination style 03 */ +.swiper-pagination-style-3 .swiper-pagination-bullet { + width: 14px; + height: 14px; + background: transparent; + opacity: 0.4; + margin: 0 7px !important; + border: 2px solid var(--white); +} +.swiper-pagination-style-3 .swiper-pagination-bullet:hover, .swiper-pagination-style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--white); + opacity: 1; + -webkit-transform: scale(1.3); + transform: scale(1.3); +} +.swiper-pagination-style-3 .swiper-pagination-bullet:before { + display: none; +} +.swiper-pagination-style-3.dark .swiper-pagination-bullet { + border: 2px solid var(--dark-gray); +} +.swiper-pagination-style-3.dark .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--dark-gray); +} +/* Swiper pagination style 04 */ +.swiper-pagination-style-4 .swiper-pagination-bullet { + width: 8px; + height: 8px; + background: var(--white); + opacity: 1; + position: relative; + margin: 0 25px !important; + border: 0; +} +.swiper-pagination-style-4 .swiper-pagination-bullet:hover, .swiper-pagination-style-4 .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--base-color); + opacity: 1; + border: 0; +} +.swiper-pagination-style-4.dark .swiper-pagination-bullet { + background: var(--dark-gray); +} +.swiper-pagination-style-4.dark .swiper-pagination-bullet:hover, .swiper-pagination-style-4.dark .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--base-color); +} +/* Custom image pagination */ +.slider-custom-image .slider-custom-image-pagination { + display: flex; + align-items: center; + bottom: 0; +} +.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet { + margin: 0 15px !important; + outline: none; + opacity: 0.8; + width: 100px; + height: 100px; + margin: 0 15px !important; + background-size: cover; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-filter: grayscale(1); + filter: grayscale(1); +} +.slider-custom-image .slider-custom-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + -webkit-filter: grayscale(0); + filter: grayscale(0); + -webkit-transform: scale(1.2); + transform: scale(1.2); + opacity: 1; +} +.slider-custom-image .slider-custom-image-pagination.slider-custom-image-pagination-top { + top: 0; + bottom: auto; +} +/* Swiper number pagination style 01 */ +.swiper-number-pagination-style-01 .swiper-number { + text-align: left; + bottom: 70px; +} +.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet { + position: relative; + padding-right: 10px; + padding-left: 8px; + margin: 0; + color: var(--white); + opacity: 0.7; + width: auto; + -webkit-transition: 0.5s; + transition: 0.5s; + height: auto; + background: transparent; + border-radius: 0; + outline: none; +} +.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:after { + width: 70px; +} +.swiper-number-pagination-style-01 .swiper-number .swiper-pagination-bullet:after { + width: 0; + height: 1px; + content: ""; + margin-left: 15px; + display: inline-block; + background: var(--white); + vertical-align: middle; + -webkit-transition: 0.5s; + transition: 0.5s; +} +/* Swiper number pagination style 02 */ +.swiper-number-pagination-style-02 .swiper-number { + width: auto; + left: inherit; + right: 60px; + padding: 0; +} +.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet { + position: relative; + font-family: var(--alt-font); + font-size: 15px; + display: block; + color: var(--white); + margin: 10px 0 !important; + opacity: 0.7; + width: 56px; + -webkit-transition: 0.4s; + transition: 0.4s; + height: 56px; + background: transparent; + border-radius: 100%; + text-align: center; + line-height: 56px; + outline: none; +} +.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet.swiper-pagination-bullet-active:before { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: 0.4s; + transition: 0.4s; + background: rgba(0, 0, 0, 0.45); + z-index: -1; +} +.swiper-number-pagination-style-02 .swiper-number .swiper-pagination-bullet:before { + width: 56px; + height: 56px; + border-radius: 100%; + content: ""; + position: absolute; + top: 0; + left: 0; + -webkit-transform: scale(0.7); + transform: scale(0.7); +} +/* Swiper line pagination style 01 */ +.swiper-line-pagination-style-01 .swiper-line-pagination { + text-align: center; + bottom: 0; + width: 100%; + left: 0; +} +.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet { + width: 100px; + height: 2px; + margin: 0 !important; + border-radius: 0; +} +.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet:before { + display: none; +} +.swiper-line-pagination-style-01 .swiper-line-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { + background-color: var(--base-color); +} +.swiper-h-pagination:after { + display: none; +} +/* Swiper number line pagination style */ +.swiper-number-pagination-progress .swiper-pagination-wrapper .number-prev, .swiper-number-pagination-progress .swiper-pagination-wrapper .number-next { + width: 50px; + text-align: center; +} +.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination { + position: inherit; + width: auto; +} +.swiper-number-pagination-progress .swiper-pagination-wrapper .swiper-pagination .swiper-pagination-bullet { + width: 60px; + height: 1px; + vertical-align: middle; + margin: 0; + background-color: var(--medium-gray); +} +/* Swiper number navigation style */ +.swiper-number-navigation-style .swiper-button-prev, .swiper-number-navigation-style .swiper-button-next { + top: inherit; + bottom: 0; + position: inherit; + display: inline-block; + vertical-align: middle; + transform: none; + width: auto; + height: auto; +} +.swiper-number-navigation-style .swiper-button-prev i, .swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next i, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next { + display: inline-block; + vertical-align: middle; +} +.swiper-number-navigation-style .swiper-button-prev .number-prev, .swiper-number-navigation-style .swiper-button-prev .number-next, .swiper-number-navigation-style .swiper-button-next .number-prev, .swiper-number-navigation-style .swiper-button-next .number-next { + width: 50px; + text-align: center; +} +/* Swiper pagination progress style */ +.swiper-pagination-progress { + width: 220px; + height: 1px; + position: relative; +} +.swiper-pagination-progress .swiper-progress { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: var(--swiper-progress, 0); + background-color: var(--base-color); + -webkit-transition: 0.4s; + transition: 0.4s; +} +/* Swiper pagination progress style */ +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper { + position: absolute; + right: 40px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 99; +} +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-progress { + position: absolute; + top: 0; + left: 0; + width: 2px; + height: var(--swiper-progress, 0); + background-color: var(--dark-gray); + -webkit-transition: 0.4s; + transition: 0.4s; +} +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .pagination-progress-vertical { + transform: rotate(180deg); + writing-mode: vertical-lr; +} +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .swiper-pagination-progress { + width: 2px; + height: 100px; + background-color: var(--extra-medium-gray); +} +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-next { + margin-top: 15px; + width: auto; +} +.swiper-number-pagination-progress-vertical .swiper-pagination-wrapper .number-prev { + margin-bottom: 15px; + width: auto; +} +/* Swiper pagination bottom */ +.swiper-pagination-bottom .swiper-button-prev, .swiper-pagination-bottom .swiper-button-next { + top: inherit; + bottom: 0; +} +/* Swiper navigation */ +.swiper-button-prev, .swiper-button-next { + outline: none; + cursor: pointer; + height: 45px; + width: 45px; + margin-top: 0; + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.swiper-button-prev:hover, .swiper-button-next:hover { + opacity: 0.8; +} +.swiper-button-next { + left: inherit; +} +/* Swiper navigation style 01 */ +.slider-navigation-style-01 { + position: absolute; + top: 50%; + left: 65px; + -webkit-border-radius: 100%; + border-radius: 100%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.slider-navigation-style-01.swiper-button-next { + right: 65px; + left: inherit; +} +.slider-navigation-style-01:hover { + opacity: 0.8; +} +/* Swiper navigation style 02 */ +.slider-navigation-style-02 { + position: absolute; + top: 50%; + left: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + z-index: 99; +} +.slider-navigation-style-02.swiper-button-next { + right: 0; + left: auto; +} +/* Swiper navigation style 03 */ +.slider-navigation-style-03 { + position: absolute; + top: 50%; + left: -60px; + width: 40px; + height: 40px; + background: var(--white); + -webkit-border-radius: 100%; + border-radius: 100%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.slider-navigation-style-03.swiper-button-next { + right: -60px; + left: inherit; +} +.slider-navigation-style-03:hover { + -webkit-box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1); + box-shadow: 0px 0 20px rgba(35, 35, 35, 0.1); +} +/* Swiper navigation style 04 */ +.slider-navigation-style-04 { + height: 56px; + width: 56px; + border-radius: 100%; + position: relative; + bottom: inherit; + left: 0; + top: inherit; + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.slider-navigation-style-04 i { + -webkit-transition: 0.3s; + transition: 0.3s; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.slider-navigation-style-04:hover i { + opacity: 0.5; +} +.slider-navigation-style-04.swiper-button-prev { + margin-right: 5px; +} +.slider-navigation-style-04.swiper-button-next { + margin-left: 5px; +} +/* Swiper navigation style 05 */ +.slider-navigation-style-05 { + left: -30%; +} +.slider-navigation-style-05.swiper-button-next { + right: -30%; + left: inherit; +} +/* Swiper navigation style 06 */ +.slider-navigation-style-06 { + width: auto; + height: auto; + left: 60px; +} +.slider-navigation-style-06.swiper-button-next { + right: 60px; + left: inherit; +} +/* Swiper navigation style 07 */ +.slider-navigation-style-07 { + left: 50%; + bottom: 0; + top: inherit; + width: 75px; + height: 75px; + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.slider-navigation-style-07.swiper-button-next { + bottom: 1px; + -webkit-transform: translate(-100%, -100%); + transform: translate(-100%, -100%); +} +/* Swiper navigation style 08 */ +.slider-navigation-style-08 { + width: auto; + height: auto; + position: relative; + -webkit-transform: translateX(0px); + transform: translateX(0px); + left: 0; +} +.slider-navigation-style-08.swiper-button-next { + right: 0; + left: inherit; +} +/* Slider custom text */ +.slider-custom-verticle-text > span { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.swiper-button-prev.slider-custom-text-prev, .swiper-button-prev.slider-custom-text-next, .swiper-button-next.slider-custom-text-prev, .swiper-button-next.slider-custom-text-next { + width: auto; + height: auto; + min-height: 125px; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +.swiper-button-prev.slider-custom-text-prev:hover, .swiper-button-prev.slider-custom-text-next:hover, .swiper-button-next.slider-custom-text-prev:hover, .swiper-button-next.slider-custom-text-next:hover { + opacity: 0.5; +} +.swiper-button-prev.slider-custom-text-prev { + border-right: 1px solid var(--extra-medium-gray); + padding-right: 50px; +} +.swiper-button-next.slider-custom-text-next { + border-left: 1px solid var(--extra-medium-gray); + padding-left: 50px; +} +/* Swiper width auto */ +.swiper-width-auto .swiper-slide { + width: auto; +} +/* Slider shadow */ +.slider-shadow-right { + mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%); + -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 0%, #000000 50%, transparent 80%); +} +.slider-shadow-left { + mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%); + -webkit-mask-image: linear-gradient(to right, transparent 50%, #000000 80%, #000000 0%, transparent 0%); +} +.slider-shadow-left-right { + mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%); + -webkit-mask-image: linear-gradient(to right, transparent 18%, #000000 22%, #000000 78%, transparent 82%); +} +.slider-shadow-none .swiper { + mask-image: none !important; + -webkit-mask-image: none !important; +} +/* Highlight separator */ +.highlight-separator { + position: relative; + padding-bottom: 20px; +} +.highlight-separator[data-shadow-animation] { + box-shadow: none !important; + display: inline-block; +} +.highlight-separator[data-shadow-animation] span { + clip-path: inset(0px 100% 0px 0px); + float: left; + width: 100%; + height: 20px; + transition: clip-path 1s; + transition-timing-function: cubic-bezier(0.4, 0.6, 0.4, 1); + position: absolute; + left: 0; + bottom: 0; +} +.highlight-separator[data-shadow-animation] span img { + position: absolute; + left: 0; + bottom: 0; + transition: none; + width: 100%; + height: 14px; +} +.highlight-separator.shadow-in[data-shadow-animation] span { + clip-path: inset(0px 0 0px 0px); +} +/* Full screen */ +.full-screen { + height: 100vh; +} +.full-screen.top-space-margin { + height: calc(100vh - 96px); +} +/* Video icons */ +@-webkit-keyframes video-icon-sonar { + 0% { + opacity: 1; + -webkit-transform: scale(0.1); + transform: scale(0.1); + } + 100% { + opacity: 0; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} +@keyframes video-icon-sonar { + 0% { + opacity: 1; + -webkit-transform: scale(0.1); + transform: scale(0.1); + } + 100% { + opacity: 0; + -webkit-transform: scale(1.1); + transform: scale(1.1); + } +} +.video-icon-box { + z-index: 1; +} +.video-icon-box > span { + display: -webkit-inline-box; + display: inline-flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-flow: row wrap; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +/* HTML video play */ +.html-video-play .video-icon .play-icon, .html-video-play .video-icon .pause-icon { + position: absolute; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.html-video-play .video-icon .play-icon, .html-video-play .video-icon .pause-icon { + opacity: 1; + top: 50%; + padding-left: 5px; + visibility: visible; + -webkit-transition: all 0.4s linear; + transition: all 0.4s linear; +} +.html-video-play .video-icon .pause-icon { + top: 100%; + padding-left: 0; + opacity: 0; +} +.html-video-play[playing=true] .video-icon .pause-icon { + top: 50%; + opacity: 1; +} +.html-video-play[playing=true] .video-icon .play-icon { + top: 0%; + opacity: 0; +} +.video-play-icon { + z-index: 1 !important; +} +.video-play-icon.remove-play-icon + .html-video-play { + opacity: 0 !important; +} +.video-play-icon.remove-play-icon + .html-video-play:hover { + opacity: 1 !important; +} +.video-play-icon.remove-play-icon:hover + .html-video-play { + opacity: 1 !important; +} +.video-icon { + position: relative; + display: -webkit-inline-box; + display: inline-flex; + -webkit-box-align: center; + align-items: center; + -webkit-box-pack: center; + justify-content: center; + border-radius: 50%; +} +.video-icon i { + margin-left: 5px; +} +.video-icon .video-icon-sonar { + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + top: 0; + left: 0; + z-index: -10; + -webkit-animation: video-icon-sonar 2s linear infinite; + animation: video-icon-sonar 2s linear infinite; +} +.video-icon .video-icon-sonar .video-icon-sonar-bfr { + content: ""; + position: absolute; + border-radius: 50%; + top: -25px; + left: -25px; + z-index: -100; +} +.video-icon .video-icon-sonar .video-icon-sonar-afr { + content: ""; + position: absolute; + border-radius: 50%; + top: -10px; + left: -10px; + z-index: -50; +} +.video-icon-small .video-icon { + width: 40px; + height: 40px; + font-size: 11px; +} +.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-bfr { + top: -15px; + left: -15px; + width: 70px; + height: 70px; +} +.video-icon-small .video-icon .video-icon-sonar .video-icon-sonar-afr { + top: 0px; + left: 0px; + width: 40px; + height: 40px; +} +.video-icon-medium .video-icon { + width: 50px; + height: 50px; + font-size: 14px; +} +.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-bfr { + width: 100px; + height: 100px; +} +.video-icon-medium .video-icon .video-icon-sonar .video-icon-sonar-afr { + width: 70px; + height: 70px; +} +.video-icon-large.video-icon-box .video-icon i { + margin-left: 5px; +} +.video-icon-large .video-icon { + width: 85px; + height: 85px; + font-size: 20px; +} +.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { + width: 135px; + height: 135px; +} +.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-afr { + width: 105px; + height: 105px; +} +.video-icon-extra-large.video-icon-box .video-icon i { + margin-left: 10px; +} +.video-icon-extra-large .video-icon { + width: 120px; + height: 120px; + font-size: 30px; +} +.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-bfr { + width: 170px; + height: 170px; +} +.video-icon-extra-large .video-icon .video-icon-sonar .video-icon-sonar-afr { + width: 140px; + height: 140px; +} +/* Will change */ +.will-change-transform * { + will-change: transform; +} +.will-change-inherit * { + will-change: inherit !important; +} +.animation-rotation { + -webkit-animation: rotation 8s infinite linear; +} +@-webkit-keyframes rotation { + from { + -webkit-transform: rotate(0deg); + } + to { + -webkit-transform: rotate(359deg); + } +} +/* Float animation */ +.animation-float { + animation: float 2000ms linear 500ms infinite alternate both; +} +@keyframes float { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(15px); + } + 100% { + transform: translateY(30px); + } +} +.animation-float-small { + animation: float 2000ms linear 500ms infinite alternate both; +} +@keyframes float { + 0% { + transform: translateY(0px); + } + 50% { + transform: translateY(5px); + } + 100% { + transform: translateY(10px); + } +} +/* Zoom animation */ +.animation-zoom { + animation: zoom-in-zoom-out 2000ms linear 500ms infinite alternate both; +} +@keyframes zoom-in-zoom-out { + 0% { + transform: scale(1, 1); + } + 50% { + transform: scale(1.2, 1.2); + } + 100% { + transform: scale(1, 1); + } +} +/* Box shadow animation */ +[data-shadow-animation] { + box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); + transition: box-shadow 0.5s cubic-bezier(0.7, 0, 0.3, 1); +} +[data-shadow-animation].shadow-in { + box-shadow: 0 20px 100px rgba(0, 0, 0, 0.1); +} +[data-shadow-animation].shadow-in img { + opacity: 1; + transition-delay: 0.35s; +} +[data-shadow-animation] img { + opacity: 0; + transition: opacity 0.65s cubic-bezier(0.5, 1, 0.5, 1); +} +/* Parallax liquid */ +[data-parallax-liquid] { + overflow: hidden; + will-change: transform; + -webkit-transform: translateY(0); + transform: translateY(0); + transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); +} +[data-parallax-liquid] .liquid-parallax { + will-change: transform; + transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); + transform: translateY(0px) scale(1.201); + position: relative; + top: 50px; +} +/* Masked image animation */ +.masked-image { + position: absolute; + top: -100px; + right: 0; +} +.masked-image svg { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + -o-object-fit: cover; + object-fit: cover; +} +.masked-image figure { + background-position: center; + background-size: cover; + background-repeat: no-repeat; +} +.masked-image img { + width: 100%; + height: auto; + visibility: visible; +} +/* Shape image animation */ +.shape-image-animation { + position: absolute; + bottom: 0; + left: 0; +} +.shape-image-animation svg { + height: 100%; + width: 100%; +} +.shape-image-animation svg path { + width: 100%; +} +.page-divider-wrapper { + margin-bottom: -1px; +} +.page-divider-wrapper svg { + width: 100%; +} +/* Magic cursor */ +.magic-cursor { + cursor: none; +} +#ball-cursor { + position: fixed; + width: 70px; + height: 70px; + border: 0 !important; + background-color: var(--dark-gray); + box-shadow: 0 0 50px rgba(0, 0, 0, 0.25); + border-radius: 100%; + opacity: 0 !important; + overflow: hidden; + transition: opacity 0.3s ease-in-out 0.1s; + text-align: center; +} +#ball-cursor:before, #ball-cursor:after { + content: "\e843"; + font-family: feather !important; + color: var(--white); + font-size: 20px; + line-height: 70px; + position: absolute; + left: 12px; + top: 0px; +} +#ball-cursor:after { + content: "\e844"; + right: 12px; + left: auto; +} +.magic-cursor-wrapper { + position: absolute; + left: 0; + top: 0; + width: 30px; + height: 30px; + pointer-events: none; + z-index: 10000; + transition: opacity 0.2s ease-in-out 0.2s; +} +.magic-cursor-wrapper.sliderhover #ball-cursor { + opacity: 1 !important; +} +.magic-cursor-wrapper.vertical #ball-cursor:before, .magic-cursor-wrapper.vertical #ball-cursor:after { + content: "\e845"; + left: 50%; + top: 10px; + line-height: normal; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.magic-cursor-wrapper.vertical #ball-cursor:after { + content: "\e842"; + right: auto; + bottom: 10px; + top: auto; +} +@media (hover: none) { + .magic-cursor-wrapper { + display: none; + } +} +.magic-cursor-light #ball-cursor { + background-color: var(--white); +} +.magic-cursor-light #ball-cursor:before { + color: var(--dark-gray); +} +.magic-cursor-light #ball-cursor:after { + color: var(--dark-gray); +} +.magic-cursor-base-color #ball-cursor { + background-color: var(--base-color); +} +.magic-cursor-base-color #ball-cursor:before { + color: var(--white); +} +.magic-cursor-base-color #ball-cursor:after { + color: var(--white); +} +.magic-view-cursor #ball-cursor { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.2); + width: 180px; + height: 180px; + box-shadow: none; +} +.magic-view-cursor #ball-cursor:after { + display: none; +} +.magic-view-cursor #ball-cursor:before { + content: "Explore"; + font-size: 16px; + color: var(--white) !important; + font-weight: 400; + font-family: var(--alt-font) !important; + text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.magic-drag-cursor #ball-cursor { + -webkit-backdrop-filter: blur(10px); + backdrop-filter: blur(10px); + background-color: rgba(0, 0, 0, 0.2); + width: 140px; + height: 140px; + box-shadow: none; +} +.magic-drag-cursor #ball-cursor:after { + display: none; +} +.magic-drag-cursor #ball-cursor:before { + content: "< DRAG >"; + font-size: 14px; + color: var(--white) !important; + font-weight: 600; + font-family: var(--alt-font) !important; + text-shadow: 0 0 20px rgba(0, 0, 0, 0.9); + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + word-spacing: 4px; + width: inherit; +} +.magic-drag-cursor.magic-cursor-light #ball-cursor { + background-color: rgba(255, 255, 255, 0.2); +} +.magic-drag-cursor.magic-cursor-light #ball-cursor:before { + color: var(--dark-gray); +} +.magic-drag-cursor.magic-cursor-light #ball-cursor:after { + color: var(--dark-gray); +} +.magic-round-cursor #ball-cursor { + -webkit-backdrop-filter: blur(6px); + backdrop-filter: blur(6px); + background-color: rgba(0, 0, 0, 0.2); + width: 220px; + height: 220px; + box-shadow: none; +} +.magic-round-cursor #ball-cursor:before { + display: none; +} +.magic-round-cursor #ball-cursor:after { + display: none; +} +/* Anime animation */ +[data-anime] { + opacity: 0; + transition: none; +} +[data-anime].appear { + opacity: 1; +} +[data-anime].btn { + transition: none; +} +[data-anime].btn.anime-complete { + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} +/* Atropos box */ +.atropos-shadow { + background-color: transparent !important; + filter: inherit; +} + +.atropos-highlight { + background-image: inherit !important; +} +/* Only for safari browser */ +@media not all and (min-resolution: 0.001dpcm) { + [data-anime] [class*=text-shadow-] { + text-shadow: none; + } + [data-anime][class*=text-shadow-] { + text-shadow: none; + } + [data-fancy-text] [class*=text-shadow-] { + text-shadow: none; + } + [data-fancy-text][class*=text-shadow-] { + text-shadow: none; + } + /* font awesome icon gradient color */ + .review-star-icon i { + display: inline; + } +} +@media screen and (-webkit-min-device-pixel-ratio: 0) { + /* color issue */ + .text-white a[href^=tel] { + color: var(--white); + } + .text-dark-gray a[href^=tel] { + color: var(--text-dark-gray); + } +} +.swiper-slide [data-fancy-text] { + opacity: 0; +} +.swiper-slide [data-fancy-text].appear { + opacity: 1; +} +.swiper-slide.swiper-slide-active [data-fancy-text] { + opacity: 1; +} +.swiper-slide.swiper-slide-active [data-anime] { + opacity: 1; +} +.swiper-slide [data-anime] { + opacity: 0; + transition: 0.3s ease-in-out; +} +.no-animation .anime-text .whitespace { + display: inline-block; +} +.no-animation .anime-text .whitespace::after { + content: "r"; + opacity: 0; + font-size: 70%; +} +.no-animation [data-anime], .no-animation [data-fancy-text] { + opacity: 1; + transition: none; +} +/* Data top bottom transition animation */ +[data-top-bottom] { + transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1); +} +/* Custom cursor */ +@media (hover: hover) and (pointer: fine) { + .custom-cursor .circle-cursor { + position: fixed; + left: 0; + top: 0; + pointer-events: none; + -webkit-border-radius: 50%; + border-radius: 50%; + -webkit-transform: translateZ(0); + transform: translateZ(0); + visibility: hidden; + opacity: 0; + transition: opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); + } + .custom-cursor .circle-cursor-inner { + margin-left: -3px; + margin-top: -3px; + width: 6px; + height: 6px; + z-index: 10000001; + background-color: var(--base-color); + } + .custom-cursor .circle-cursor-inner.cursor-link-hover { + margin-left: -10px; + margin-top: -10px; + width: 20px; + height: 20px; + background-color: var(--base-color); + opacity: 0.8; + } + .custom-cursor .circle-cursor-outer { + margin-left: -15px; + margin-top: -15px; + width: 30px; + height: 30px; + border: 1px solid var(--base-color); + z-index: 10000000; + opacity: 0.8; + -webkit-transition: 0.1s; + transition: 0.1s; + } + .custom-cursor .cursor-link.circle-cursor-inner .cursor-link-hover { + opacity: 1; + } +} +.is-touchable .cursor-page-inner { + display: none !important; +} +/* Stack box */ +.stack-box { + position: relative; + z-index: 1; + height: 300vh; +} +.stack-box .stack-box-contain { + height: 100vh; + position: -webkit-sticky; + position: sticky; + top: 0; +} +.stack-box .stack-item { + height: 100vh; + width: 100%; + position: absolute; + overflow: hidden; + z-index: 999; + display: flex; + align-items: center; +} +.stack-box .stack-item.stack-item-02 { + z-index: 99; +} +.stack-box .stack-item.stack-item-03 { + z-index: 9; +} +.stack-box .stack-item .stack-item-wrapper { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + display: flex; + align-items: center; + height: 100vh; +} +.transform-3d { + transform: translate3d(0px, 0px, 100px); +} +/* Scrolling text */ +.marquees-text { + -webkit-transform: translateX(100%); + transform: translateX(100%); + -webkit-animation: example1 50s linear infinite; + animation: example1 50s linear infinite; + width: 100%; +} +.looping-wrapper { + position: absolute; + display: flex; + align-items: center; + flex-wrap: wrap; + width: 1px; + height: 100vh; + left: 50%; + top: 0; +} +.looping-wrapper .el { + position: absolute; + opacity: 1; + width: 2px; + height: 24vh; + margin-top: -18vh; + transform-origin: 50% 100%; + background: var(--base-color); +} +.looping-wrapper-gray { + position: absolute; + display: flex; + align-items: center; + flex-wrap: wrap; + width: 1px; + height: 100vh; + left: 50%; + top: 0; +} +.looping-wrapper-gray .el { + position: absolute; + opacity: 1; + width: 2px; + height: 24vh; + margin-top: -18vh; + transform-origin: 50% 100%; + background: #292929; +} + +/* Marquee slide */ +.marquee-slide { + -webkit-transition-timing-function: linear !important; + transition-timing-function: linear !important; + position: relative; +} +/* Father shadow */ +.feather-shadow { + mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%); + -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 20%, #000000 80%, transparent 100%); +} +/* Text sliding line */ +.text-sliding-line { + display: inline-block; + position: relative; + padding: 0; + z-index: 1; + background-image: linear-gradient(135deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0); + background-size: 4px 4px; + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; +} +/* Sliding line */ +.bg-sliding-line { + background-image: linear-gradient(45deg, transparent 45%, var(--white) 45%, var(--white) 55%, transparent 0); + background-size: 0.1em 0.1em; +} +/* Feature box slider */ +.feature-box-slider .feature-box { + display: flex; + flex-direction: row; + align-items: center; + padding: 24px 40px; + background: var(--white); + box-shadow: 0 5px 25px rgba(89, 101, 124, 0.15); + border-radius: 10px; + color: var(--dark-gray); + font-weight: 500; + font-size: 17px; +} +.feature-box-slider .feature-box i { + font-size: 24px; + margin-right: 10px; +} +.feature-box-slider .swiper-slide { + width: auto; + padding-top: 15px; + padding-bottom: 15px; +} +/* Page loader */ +.page-loader { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + background-color: var(--white) !important; + opacity: 1 !important; + z-index: 99999; +} +.page-loader::after { + background: 0 0; + content: "" !important; + position: absolute; + left: calc(50% - 25px) !important; + top: calc(50% - 25px) !important; + width: 50px !important; + height: 50px !important; + opacity: 1 !important; + right: inherit !important; + z-index: 9; + text-align: center; + border: 2px solid rgba(23, 23, 23, 0.2); + border-top-color: rgba(23, 23, 23, 0.7); + border-radius: 50%; + -webkit-animation: rotation 8s infinite linear; + animation: rotation 1.5s infinite linear; +} +/* Cookie message */ +.cookie-message { + position: fixed; + bottom: 20px; + right: 20px; + max-width: 370px; + z-index: 999999; + padding: 40px; + display: none; +} +/* Scroll progress */ +.scroll-progress { + position: fixed; + right: 20px; + z-index: 111; + top: 50%; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + opacity: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + mix-blend-mode: difference; +} +.scroll-progress.visible { + opacity: 1; +} +.scroll-progress .scroll-top { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.scroll-progress .scroll-line { + width: 2px; + height: 60px; + position: relative; + background-color: rgba(255, 255, 255, 0.15); + color: inherit; + display: block; +} +.scroll-progress .scroll-point { + display: inline-block; + width: 2px; + position: absolute; + background-color: var(--white); + top: 0px; + left: 0px; +} +.scroll-progress .scroll-text { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + writing-mode: vertical-lr; + margin-bottom: 15px; + color: var(--white); + font-size: 11px; + text-transform: uppercase; +} +/* for buy and demo button */ +.theme-demos { + display: none; + width: 100%; + height: 100%; + min-height: 100%; + position: fixed; + background-color: var(--white); + right: -100%; + top: 0; + z-index: 1050; + -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); + transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); +} +.theme-demos section { + height: 100%; + min-height: 100%; + position: relative; + z-index: 11; + padding: 0; + width: 100%; +} +.theme-demos .demos-wrapper { + height: 100%; + overflow-y: hidden; + background-color: var(--very-light-gray); + width: 100%; +} +.theme-demos .demos-wrapper .demos-wrapper-inner { + padding: 60px 50px; +} +.theme-demos.active { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); + box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25); +} +.theme-demos .grid { + padding: 0 20px; + display: flex; + flex-wrap: wrap; +} +.theme-demos .demo-button-wrapper { + width: auto; + white-space: nowrap; + position: absolute; + right: 100%; + display: block; + bottom: 250px; + cursor: pointer; + z-index: 10; + -webkit-transform: rotate(-90deg) translateY(-100%); + -ms-transform: rotate(-90deg) translateY(-100%); + transform: rotate(-90deg) translateY(-100%); + -webkit-transform-origin: 100% 0% 0; + -ms-transform-origin: 100% 0% 0; + transform-origin: 100% 0% 0; + margin-right: -1px; + display: flex; +} +.theme-demos .buy-theme a, .theme-demos .all-demo a { + color: var(--dark-gray); + font-size: 11px; + padding: 15px; + display: block; + text-decoration: none; + font-weight: 500; +} +.theme-demos .buy-theme a > i, .theme-demos .all-demo a > i { + position: absolute; + left: 0; + top: 0; + height: 100%; + width: 59px; + line-height: 55px; + text-align: center; + opacity: 0; + font-size: 24px; + transition-delay: 0.3s; +} +.theme-demos .all-demo { + background-color: #1f242e; +} +.theme-demos .all-demo .theme-wrapper { + padding: 0 9px; + position: relative; + top: 0; + opacity: 1; + transition-delay: 0.3s; + line-height: 0; +} +.theme-demos .all-demo .theme-wrapper > div { + display: inline-block; + vertical-align: middle; + font-size: 15px; + line-height: 15px; + color: var(--white); + font-size: 14px; + text-transform: uppercase; + line-height: 21px; +} +.theme-demos .buy-theme { + text-align: center; + background-color: #48a133; + position: relative; + z-index: 1; +} +.theme-demos .buy-theme .theme-wrapper { + padding: 0; + position: relative; + top: 0; + opacity: 1; + transition-delay: 0.3s; + line-height: 0; +} +.theme-demos .buy-theme .theme-wrapper span { + font-size: 15px; + font-weight: 600; + margin-right: 0; +} +.theme-demos .buy-theme .theme-wrapper i { + margin-right: 10px; + font-size: 21px; +} +.theme-demos .buy-theme .theme-wrapper > div svg { + margin: 0; +} +.theme-demos .mCustomScrollBox { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; +} +.theme-demos .mCustomScrollBox .mCSB_container { + width: 100%; + -ms-flex-item-align: start; + align-self: flex-start; + margin: 0; + padding-right: 15px !important; +} +.theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { + -ms-flex-item-align: center; + align-self: center; +} +.theme-demos .mCustomScrollBox .mCSB_draggerRail { + display: none; +} +.theme-demos .clearfix { + clear: both; +} +.theme-demos .portfolio-wrapper .grid-item { + flex: 0 0 auto; +} +.theme-demos .close-popup { + position: absolute; + top: 10px; + right: 10px; + z-index: 99; + cursor: pointer; + -webkit-transition: -webkit-transform 0.3s ease; + -ms-transition: -ms-transform 0.3s ease; + transition: transform 0.3s ease; + -webkit-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50%; +} +.theme-demos .close-popup:hover { + -webkit-transform: rotate(-180deg); + -ms-transform: rotate(-180deg); + transform: rotate(-180deg); +} +.show-search-popup .theme-demos .theme-demos, .show-search-popup .show-menu .theme-demos { + z-index: 1; +} +/* Move it (define the animation) */ +@-moz-keyframes example1 { + 0% { + -moz-transform: translateX(100%); + } + 100% { + -moz-transform: translateX(-100%); + } +} +@-webkit-keyframes example1 { + 0% { + -webkit-transform: translateX(100%); + } + 100% { + -webkit-transform: translateX(-100%); + } +} +@keyframes example1 { + 0% { + -moz-transform: translateX(100%); /* Firefox bug fix */ + -webkit-transform: translateX(100%); /* Firefox bug fix */ + transform: translateX(100%); + } + 100% { + -moz-transform: translateX(-100%); /* Firefox bug fix */ + -webkit-transform: translateX(-100%); /* Firefox bug fix */ + transform: translateX(-100%); + } +} +/* =================================== + 06. Background and border +====================================== */ +/* Background color */ +.bg-base-color { + background-color: var(--base-color); +} +.bg-dark-gray, +.bg-dark-gray:focus { + background-color: var(--dark-gray); +} +.bg-black { + background-color: var(--black); +} +.bg-medium-gray { + background-color: var(--medium-gray); +} +.bg-light-medium-gray { + background-color: var(--light-medium-gray); +} +.bg-extra-medium-gray { + background-color: var(--extra-medium-gray); +} +.bg-light-gray { + background-color: var(--light-gray); +} +.bg-very-light-gray { + background-color: var(--very-light-gray); +} +.bg-red { + background-color: var(--red); +} +.bg-light-red { + background-color: var(--light-red); +} +.bg-green { + background-color: var(--green); +} +.bg-crusoe-green { + background-color: var(--crusoe-green); +} +.bg-yellow { + background-color: var(--yellow); +} +.bg-charcoal-blue { + background-color: var(--charcoal-blue); +} +.bg-slate-blue { + background-color: var(--slate-blue); +} +.bg-medium-slate-blue { + background-color: var(--medium-slate-blue); +} +.bg-extra-medium-slate-blue { + background-color: var(--extra-medium-slate-blue); +} +.bg-dark-slate-blue { + background-color: var(--dark-slate-blue); +} +.bg-extra-dark-slate-blue { + background-color: var(--extra-dark-slate-blue); +} +.bg-extra-very-slate-blue { + background-color: var(--extra-very-slate-blue); +} +.bg-tussock-yellow { + background-color: var(--tussock-yellow); +} +.bg-solitude-blue { + background-color: var(--solitude-blue); +} +.bg-aluminium-grey { + background-color: var(--aluminium-grey); +} +.bg-selago { + background-color: var(--selago); +} +.bg-white-ice { + background-color: var(--white-ice); +} +.bg-golden-yellow { + background-color: var(--golden-yellow); +} +.bg-jade { + background-color: var(--jade); +} +.bg-orange { + background-color: var(--orange); +} +.bg-light-majorelle-blue { + background-color: var(--light-majorelle-blue); +} +.bg-majorelle-blue { + background-color: var(--majorelle-blue); +} +.bg-spring-wood { + background-color: var(--spring-wood); +} +.bg-tropical-blue { + background-color: var(--tropical-blue); +} +.bg-cornflower-blue { + background-color: var(--cornflower-blue); +} +.bg-camarone { + background-color: var(--camarone); +} +.bg-seal-brown { + background-color: var(--seal-brown); +} +.bg-Wasabi { + background-color: var(--Wasabi); +} +/* Gradient background color */ +.bg-gradient-light-pink-light-orange { + background-image: linear-gradient(to right top, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0); +} +.bg-gradient-purple-pink { + background-image: linear-gradient(to right top, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e); +} +.bg-gradient-fast-pink-light-yellow { + background-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83); +} +.bg-gradient-pink-orange { + background-image: linear-gradient(to right top, #de347f, #e73a70, #ed4461, #f05152, #ef5f43); +} +.bg-gradient-fast-blue-purple { + background-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff); +} +.bg-gradient-light-pink-light-purple { + background-image: linear-gradient(to right top, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8); +} +.bg-gradient-purple-magento { + background-image: linear-gradient(to right top, #5553e1, #a34dcc, #ce4fb5, #e75ca1, #f47291); +} +.bg-gradient-blue-green { + background-image: linear-gradient(to right top, #18cdbb, #22d2ae, #3cd69d, #57da89, #73dc73); +} +.bg-gradient-light-purple-light-orange { + background-image: linear-gradient(to right top, #b783ff, #e37be0, #fa7cc1, #ff85a6, #ff9393); +} +.bg-gradient-sky-blue-pink { + background-image: linear-gradient(to right top, #5758df, #a553cb, #d055b5, #ea63a0, #f77991); +} +.bg-gradient-dark-gray-brown { + background-image: linear-gradient(to right top, #0f130f, #1e1d15, #3d2f20, #4e3b27, #664a2f); +} +.bg-gradient-tan-geraldine { + background-image: linear-gradient(to right top, #fb7f87, #fc8a82, #fb957f, #fa9f7f, #f7aa80); +} +.bg-gradient-very-light-gray { + background-image: linear-gradient(to bottom, #f7f8f9, #f9fafb, #fbfbfc, #fdfdfd, #ffffff); +} +.bg-gradient-top-very-light-gray { + background-image: linear-gradient(to top, #f7f7f7, #f7f7f7, #fcfafa, #fcfafa, #ffffff); +} +.bg-gradient-orange-transparent { + background: linear-gradient(to right, rgb(233, 117, 34) 10%, rgba(255, 255, 255, 0) 95%); +} +.bg-gradient-blue-transparent { + background: linear-gradient(to right, rgb(30, 163, 177) 10%, rgba(255, 255, 255, 0) 95%); +} +.bg-gradient-emerald-blue-emerald-green { + background-image: linear-gradient(50deg, #09afea 0, #19e089 100%); +} +.bg-gradient-very-ghost-white { + background-image: linear-gradient(to bottom, #f4f6ff, #f7f8ff, #fafaff, #fdfdff, #ffffff); +} +/* Transparent background color */ +.bg-transparent { + background-color: transparent; +} +.bg-gradient-fast-blue-purple-transparent { + background-image: linear-gradient(to right top, rgb(42, 70, 244), rgba(95, 66, 249, 0.9), rgba(131, 60, 252, 0.9), rgba(162, 51, 254, 0.9), rgba(191, 37, 255, 0.9)); +} +.bg-gradient-fast-pink-light-yellow-transparent { + background-image: linear-gradient(to right top, rgba(247, 86, 127, 0.9), rgba(254, 113, 119, 0.9), rgba(255, 138, 116, 0.9), rgba(255, 163, 120, 0.9), rgba(255, 186, 131, 0.9)); +} +.bg-gradient-sky-blue-pink-transparent { + background-image: linear-gradient(to right top, rgba(87, 88, 223, 0.9), rgba(165, 83, 203, 0.9), rgba(208, 85, 181, 0.9), rgba(234, 99, 160, 0.9), rgba(247, 121, 145, 0.9)); +} +.bg-gradient-gray-light-dark-transparent { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 35, 41, 0.8)), to(transparent)); + background-image: linear-gradient(to top, rgba(32, 35, 41, 0.8) 0%, transparent 100%); +} +.bg-gradient-dark-transparent { + background: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #141622), to(transparent)); + background: linear-gradient(to top, #141622 7%, transparent 100%); +} +.bg-gradient-dark-gray-left-transparent { + background: -webkit-linear-gradient(right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0)); + background: linear-gradient(to right, rgba(24, 25, 28, 0.5), rgba(255, 255, 255, 0)); +} +.bg-gradient-white-transparent { + background: linear-gradient(to top, #ffffff 20%, rgba(255, 255, 255, 0) 80%); +} +.bg-gradient-white-dark-transparent { + background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, #ffffff), to(transparent)); + background: linear-gradient(to top, #ffffff 30%, rgba(255, 255, 255, 0) 70%); +} +.bg-gradient-white-bottom-transparent { + background: rgb(0, 0, 0); + background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 60%); +} +.bg-gradient-black-bottom-transparent { + background: rgb(255, 255, 255); + background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 100%); +} +.bg-gradient-solitude-blue-transparent { + background: -webkit-linear-gradient(bottom, rgb(240, 244, 253), rgba(255, 255, 255, 0)); + background: linear-gradient(to top, rgb(240, 244, 253), rgba(255, 255, 255, 0)); +} +.bg-gradient-extra-midium-gray-transparent { + background: -webkit-gradient(left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(150%, rgba(20, 20, 20, 0.3))); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(20, 20, 20, 0.3) 150%); +} +.bg-dark-gray-transparent { + background-color: rgba(35, 35, 35, 0.8); +} +.bg-dark-gray-transparent-light { + background-color: rgba(35, 35, 35, 0.2); +} +.bg-dark-gray-transparent-medium { + background-color: rgba(35, 35, 35, 0.4); +} +.bg-medium-gray-transparent { + background-color: rgba(111, 111, 111, 0.1); +} +.bg-light-gray-transparent { + background-color: rgb(251, 251, 251); +} +.bg-medium-gray-transparent { + background-color: rgba(136, 136, 136, 0.3); +} +.bg-black-transparent-light { + background-color: rgba(0, 0, 0, 0.2); +} +.bg-black-transparent-medium { + background-color: rgba(0, 0, 0, 0.5); +} +.bg-black-transparent { + background-color: rgba(0, 0, 0, 0.8); +} +.bg-white-transparent-extra-light, +.bg-white-transparent-extra-light:focus { + background-color: rgba(255, 255, 255, 0.1); +} +.bg-white-transparent-very-light { + background-color: rgba(255, 255, 255, 0.2); +} +.bg-white-transparent-light { + background-color: rgba(255, 255, 255, 0.4); +} +.bg-white-transparent { + background-color: rgba(255, 255, 255, 0.7); +} +/* Background image */ +.contain-background { + background-size: contain; +} +.cover-background { + background-repeat: no-repeat !important; + background-size: cover; + overflow: hidden; + position: relative; + background-position: center center !important; +} +.fix-background { + position: relative; + background-size: cover !important; + -webkit-animation-duration: 0s; + -webkit-animation-fill-mode: none; + overflow: hidden; + background-position: center center; + background-repeat: no-repeat !important; + background-attachment: fixed !important; +} +.background-size-inherit { + background-size: inherit !important; +} +.background-attachment-inherit { + background-attachment: inherit !important; +} +.background-position-left { + background-position: left center !important; +} +.background-position-left-bottom { + background-position: left bottom !important; +} +.background-position-left-center { + background-position: left center !important; +} +.background-position-right { + background-position: right center !important; +} +.background-position-right-top { + background-position: right top !important; +} +.background-position-center-top { + background-position: center top !important; +} +.background-position-left-top { + background-position: left top !important; +} +.background-position-right-bottom { + background-position: right bottom !important; +} +.background-position-center-bottom { + background-position: center bottom 0px !important; +} +.background-repeat { + background-repeat: repeat; +} +.background-no-repeat { + background-repeat: no-repeat; +} +.background-no-repeat-y { + background-repeat-y: no-repeat; +} +.background-position-center { + background-position: center !important; +} +/* Background size */ +.background-size-100 { + background-size: 100% !important; +} +.background-size-auto-100 { + background-size: auto 100% !important; +} +.background-size-contain { + background-size: contain !important; +} +/* Border width */ +.border-6 { + border-width: 6px !important; +} +.border-7 { + border-width: 7px !important; +} +.border-8 { + border-width: 8px !important; +} +.border-9 { + border-width: 9px !important; +} +.border-10 { + border-width: 10px !important; +} +/* Border style */ +.border-dotted { + border-style: dotted !important; +} +.border-dashed { + border-style: dashed !important; +} +.border-solid { + border-style: solid !important; +} +.border-double { + border-style: double !important; +} +.border-groove { + border-style: groove !important; +} +.border-ridge { + border-style: ridge !important; +} +.border-inset { + border-style: inset !important; +} +.border-outset { + border-style: outset !important; +} +.border-none { + border-style: none !important; +} +.border-hidden { + border-style: hidden !important; +} +/* Border color */ +.border-color-base-color { + border-color: var(--base-color) !important; +} +.border-color-white { + border-color: var(--white) !important; +} +.border-color-dark-gray { + border-color: var(--dark-gray) !important; +} +.border-color-medium-gray { + border-color: var(--medium-gray) !important; +} +.border-color-light-gray { + border-color: var(--light-gray) !important; +} +.border-color-very-light-gray { + border-color: var(--very-light-gray) !important; +} +.border-color-light-medium-gray { + border-color: var(--light-medium-gray) !important; +} +.border-color-extra-medium-gray { + border-color: var(--extra-medium-gray) !important; +} +.border-color-yellow { + border-color: var(--yellow) !important; +} +.border-color-orange { + border-color: var(--orange) !important; +} +.border-color-red { + border-color: var(--red) !important; +} +.border-color-transparent-dark-very-light { + border-color: rgba(35, 35, 35, 0.1) !important; +} +.border-color-transparent-dark-light { + border-color: rgba(35, 35, 35, 0.2) !important; +} +.border-color-transparent-white-very-light { + border-color: rgba(255, 255, 255, 0.3) !important; +} +.border-color-transparent-white-light { + border-color: rgba(255, 255, 255, 0.1) !important; +} +.border-color-transparent-white { + border-color: rgba(255, 255, 255, 0.6) !important; +} +.border-color-transparent { + border-color: transparent !important; +} +.border-color-transparent-on-hover:hover { + border-color: transparent !important; +} +/* Gradient border color */ +.border-gradient-light-pink-light-orange { + border-image: linear-gradient(to right top, #ffafbd, #ffb3b4, #ffb7ac, #ffbda5, #ffc3a0); + border-image-slice: 1; +} +.border-gradient-purple-pink { + border-image: linear-gradient(to right, #8b14b1, #ab019e, #c00c8b, #cd267b, #d53d6e); + border-image-slice: 1; +} +.border-gradient-fast-pink-light-yellow { + border-image: linear-gradient(to right top, #f7567f, #fe7177, #ff8a74, #ffa378, #ffba83); + border-image-slice: 1; +} +.border-gradient-pink-orange { + border-image: linear-gradient(to right top, #de347f, #e73a70, #ed4461, #f05152, #ef5f43); + border-image-slice: 1; +} +.border-gradient-fast-blue-purple { + border-image: linear-gradient(to right top, #2a46f4, #5f42f9, #833cfc, #a233fe, #bf25ff); + border-image-slice: 1; +} +.border-gradient-light-pink-light-purple { + border-image: linear-gradient(to right top, #ed579b, #e855ad, #df57c0, #d15cd4, #bc63e8); + border-image-slice: 1; +} +.border-gradient-light-green-light-perotgreen { + border-image: linear-gradient(to right top, #5553e1, #a34dcc, #ce4fb5, #e75ca1, #f47291); + border-image-slice: 1; +} +.border-gradient-sky-blue-pink { + border-image: linear-gradient(to right top, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); + border-image-slice: 1; +} +/* Border radius */ +.border-radius-0px { + border-radius: 0 !important; +} +.border-radius-1px { + border-radius: 1px !important; +} +.border-radius-2px { + border-radius: 2px !important; +} +.border-radius-3px { + border-radius: 3px !important; +} +.border-radius-4px { + border-radius: 4px !important; +} +.border-radius-5px { + border-radius: 5px !important; +} +.border-radius-6px { + border-radius: 6px !important; +} +.border-radius-7px { + border-radius: 7px !important; +} +.border-radius-8px { + border-radius: 8px !important; +} +.border-radius-9px { + border-radius: 9px !important; +} +.border-radius-10px { + border-radius: 10px !important; +} +.border-radius-15px { + border-radius: 15px !important; +} +.border-radius-18px { + border-radius: 18px !important; +} +.border-radius-20px { + border-radius: 20px !important; +} +.border-radius-22px { + border-radius: 22px !important; +} +.border-radius-24px { + border-radius: 24px !important; +} +.border-radius-26px { + border-radius: 26px !important; +} +.border-radius-30px { + border-radius: 30px !important; +} +.border-radius-40px { + border-radius: 40px !important; +} +.border-radius-50px { + border-radius: 50px !important; +} +.border-radius-100px { + border-radius: 100px !important; +} +.border-radius-50 { + border-radius: 50% !important; +} +.border-radius-100 { + border-radius: 100% !important; +} +.no-border-radius { + border-radius: 0 !important; +} +.border-radius-top-left { + border-radius: 10px 0 0 10px !important; +} +/* Parallax background */ +.parallax { + position: relative !important; + background-size: cover !important; + overflow: hidden; + background-attachment: fixed !important; + transition-timing-function: none; + -webkit-transition-timing-function: none; + transition-duration: 0s; + -webkit-transition-duration: 0s; +} +/* =================================== + 07. Width +====================================== */ +.w-1px { + width: 1px !important; +} +.w-2px { + width: 2px !important; +} +.w-3px { + width: 3px !important; +} +.w-4px { + width: 4px !important; +} +.w-5px { + width: 5px !important; +} +.w-6px { + width: 6px !important; +} +.w-7px { + width: 7px !important; +} +.w-8px { + width: 8px !important; +} +.w-9px { + width: 9px !important; +} +.w-10px { + width: 10px !important; +} +.w-15px { + width: 15px !important; +} +.w-20px { + width: 20px !important; +} +.w-25px { + width: 25px !important; +} +.w-30px { + width: 30px !important; +} +.w-35px { + width: 35px !important; +} +.w-40px { + width: 40px !important; +} +.w-45px { + width: 45px !important; +} +.w-50px { + width: 50px !important; +} +.w-55px { + width: 55px !important; +} +.w-60px { + width: 60px !important; +} +.w-65px { + width: 65px !important; +} +.w-70px { + width: 70px !important; +} +.w-75px { + width: 75px !important; +} +.w-80px { + width: 80px !important; +} +.w-85px { + width: 85px !important; +} +.w-90px { + width: 90px !important; +} +.w-95px { + width: 95px !important; +} +.w-100px { + width: 100px !important; +} +.w-110px { + width: 110px !important; +} +.w-120px { + width: 120px !important; +} +.w-130px { + width: 130px !important; +} +.w-140px { + width: 140px !important; +} +.w-150px { + width: 150px !important; +} +.w-160px { + width: 160px !important; +} +.w-170px { + width: 170px !important; +} +.w-180px { + width: 180px !important; +} +.w-190px { + width: 190px !important; +} +.w-200px { + width: 200px !important; +} +.w-210px { + width: 210px !important; +} +.w-220px { + width: 220px !important; +} +.w-230px { + width: 230px !important; +} +.w-240px { + width: 240px !important; +} +.w-250px { + width: 250px !important; +} +.w-260px { + width: 260px !important; +} +.w-270px { + width: 270px !important; +} +.w-280px { + width: 280px !important; +} +.w-290px { + width: 290px !important; +} +.w-300px { + width: 300px !important; +} +.w-310px { + width: 310px !important; +} +.w-320px { + width: 320px !important; +} +.w-330px { + width: 330px !important; +} +.w-340px { + width: 340px !important; +} +.w-350px { + width: 350px !important; +} +.w-360px { + width: 360px !important; +} +.w-370px { + width: 370px !important; +} +.w-380px { + width: 380px !important; +} +.w-390px { + width: 390px !important; +} +.w-400px { + width: 400px !important; +} +.w-450px { + width: 450px !important; +} +.w-500px { + width: 500px !important; +} +.w-550px { + width: 550px !important; +} +.w-600px { + width: 600px !important; +} +.w-650px { + width: 650px !important; +} +.w-700px { + width: 700px !important; +} +.w-750px { + width: 750px !important; +} +.w-800px { + width: 800px !important; +} +.w-850px { + width: 850px !important; +} +.w-900px { + width: 900px !important; +} +.w-950px { + width: 950px !important; +} +.w-1000px { + width: 1000px !important; +} +.w-10 { + width: 10% !important; +} +.w-15 { + width: 15% !important; +} +.w-20 { + width: 20% !important; +} +.w-25 { + width: 25% !important; +} +.w-30 { + width: 30% !important; +} +.w-35 { + width: 35% !important; +} +.w-40 { + width: 40% !important; +} +.w-45 { + width: 45% !important; +} +.w-50 { + width: 50% !important; +} +.w-55 { + width: 55% !important; +} +.w-60 { + width: 60% !important; +} +.w-65 { + width: 65% !important; +} +.w-70 { + width: 70% !important; +} +.w-75 { + width: 75% !important; +} +.w-80 { + width: 80% !important; +} +.w-85 { + width: 85% !important; +} +.w-90 { + width: 90% !important; +} +.w-95 { + width: 95% !important; +} +.w-100 { + width: 100% !important; +} +.w-auto { + width: auto !important; +} +/* =================================== + 08. Height +====================================== */ +.h-1px { + height: 1px !important; +} +.h-2px { + height: 2px !important; +} +.h-3px { + height: 3px !important; +} +.h-4px { + height: 4px !important; +} +.h-5px { + height: 5px !important; +} +.h-6px { + height: 6px !important; +} +.h-7px { + height: 7px !important; +} +.h-8px { + height: 8px !important; +} +.h-9px { + height: 9px !important; +} +.h-10px { + height: 10px !important; +} +.h-11px { + height: 11px !important; +} +.h-12px { + height: 12px !important; +} +.h-13px { + height: 13px !important; +} +.h-14px { + height: 14px !important; +} +.h-15px { + height: 15px !important; +} +.h-20px { + height: 20px !important; +} +.h-25px { + height: 25px !important; +} +.h-30px { + height: 30px !important; +} +.h-35px { + height: 35px !important; +} +.h-40px { + height: 40px !important; +} +.h-42px { + height: 42px !important; +} +.h-45px { + height: 45px !important; +} +.h-50px { + height: 50px !important; +} +.h-55px { + height: 55px !important; +} +.h-60px { + height: 60px !important; +} +.h-65px { + height: 65px !important; +} +.h-70px { + height: 70px !important; +} +.h-75px { + height: 75px !important; +} +.h-80px { + height: 80px !important; +} +.h-85px { + height: 85px !important; +} +.h-90px { + height: 90px !important; +} +.h-95px { + height: 95px !important; +} +.h-100px { + height: 100px !important; +} +.h-110px { + height: 110px !important; +} +.h-120px { + height: 120px !important; +} +.h-130px { + height: 130px !important; +} +.h-140px { + height: 140px !important; +} +.h-150px { + height: 150px !important; +} +.h-160px { + height: 160px !important; +} +.h-170px { + height: 170px !important; +} +.h-180px { + height: 180px !important; +} +.h-190px { + height: 190px !important; +} +.h-200px { + height: 200px !important; +} +.h-210px { + height: 210px !important; +} +.h-220px { + height: 220px !important; +} +.h-230px { + height: 230px !important; +} +.h-240px { + height: 240px !important; +} +.h-250px { + height: 250px !important; +} +.h-260px { + height: 260px !important; +} +.h-270px { + height: 270px !important; +} +.h-280px { + height: 280px !important; +} +.h-290px { + height: 290px !important; +} +.h-300px { + height: 300px !important; +} +.h-350px { + height: 350px !important; +} +.h-400px { + height: 400px !important; +} +.h-450px { + height: 450px !important; +} +.h-480px { + height: 480px !important; +} +.h-500px { + height: 500px !important; +} +.h-550px { + height: 550px !important; +} +.h-580px { + height: 580px !important; +} +.h-600px { + height: 600px !important; +} +.h-650px { + height: 650px !important; +} +.h-700px { + height: 700px !important; +} +.h-750px { + height: 750px !important; +} +.h-800px { + height: 800px !important; +} +.h-850px { + height: 850px !important; +} +.h-auto { + height: auto !important; +} +/* Screen height */ +.extra-very-small-screen { + height: 250px !important; +} +.extra-small-screen { + height: 300px !important; +} +.small-screen { + height: 400px !important; +} +.one-half-screen { + height: 600px !important; +} +.one-third-screen { + height: 700px !important; +} +.one-fourth-screen { + height: 800px !important; +} +.one-fifth-screen { + height: 900px !important; +} +.one-sixth-screen { + height: 1000px !important; +} +.one-seventh-screen { + height: 1200px !important; +} +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: auto; + } +} +/* =================================== + 09. Loop - Padding, margin, position, font weight, min height, opacity and z-index +====================================== */ +/* Padding and margin */ +.p-5px { + padding: 5px !important; +} +.p-10px { + padding: 10px !important; +} +.p-15px { + padding: 15px !important; +} +.p-20px { + padding: 20px !important; +} +.p-25px { + padding: 25px !important; +} +.p-30px { + padding: 30px !important; +} +.p-35px { + padding: 35px !important; +} +.p-40px { + padding: 40px !important; +} +.p-45px { + padding: 45px !important; +} +.p-50px { + padding: 50px !important; +} +.p-55px { + padding: 55px !important; +} +.p-60px { + padding: 60px !important; +} +.p-65px { + padding: 65px !important; +} +.p-70px { + padding: 70px !important; +} +.p-1 { + padding: 1% !important; +} +.p-2 { + padding: 2% !important; +} +.p-3 { + padding: 3% !important; +} +.p-4 { + padding: 4% !important; +} +.p-5 { + padding: 5% !important; +} +.p-6 { + padding: 6% !important; +} +.p-7 { + padding: 7% !important; +} +.p-8 { + padding: 8% !important; +} +.p-9 { + padding: 9% !important; +} +.p-10 { + padding: 10% !important; +} +.p-11 { + padding: 11% !important; +} +.p-12 { + padding: 12% !important; +} +.p-13 { + padding: 13% !important; +} +.p-14 { + padding: 14% !important; +} +.p-15 { + padding: 15% !important; +} +.p-16 { + padding: 16% !important; +} +.p-17 { + padding: 17% !important; +} +.p-18 { + padding: 18% !important; +} +.p-19 { + padding: 19% !important; +} +.p-20 { + padding: 20% !important; +} +.p-21 { + padding: 21% !important; +} +.p-22 { + padding: 22% !important; +} +.p-23 { + padding: 23% !important; +} +.p-24 { + padding: 24% !important; +} +.p-25 { + padding: 25% !important; +} +.p-26 { + padding: 26% !important; +} +.p-27 { + padding: 27% !important; +} +.p-28 { + padding: 28% !important; +} +.p-29 { + padding: 29% !important; +} +.p-30 { + padding: 30% !important; +} +.pt-5px { + padding-top: 5px !important; +} +.pt-10px { + padding-top: 10px !important; +} +.pt-15px { + padding-top: 15px !important; +} +.pt-20px { + padding-top: 20px !important; +} +.pt-25px { + padding-top: 25px !important; +} +.pt-30px { + padding-top: 30px !important; +} +.pt-35px { + padding-top: 35px !important; +} +.pt-40px { + padding-top: 40px !important; +} +.pt-45px { + padding-top: 45px !important; +} +.pt-50px { + padding-top: 50px !important; +} +.pt-55px { + padding-top: 55px !important; +} +.pt-60px { + padding-top: 60px !important; +} +.pt-65px { + padding-top: 65px !important; +} +.pt-70px { + padding-top: 70px !important; +} +.pt-1 { + padding-top: 1% !important; +} +.pt-2 { + padding-top: 2% !important; +} +.pt-3 { + padding-top: 3% !important; +} +.pt-4 { + padding-top: 4% !important; +} +.pt-5 { + padding-top: 5% !important; +} +.pt-6 { + padding-top: 6% !important; +} +.pt-7 { + padding-top: 7% !important; +} +.pt-8 { + padding-top: 8% !important; +} +.pt-9 { + padding-top: 9% !important; +} +.pt-10 { + padding-top: 10% !important; +} +.pt-11 { + padding-top: 11% !important; +} +.pt-12 { + padding-top: 12% !important; +} +.pt-13 { + padding-top: 13% !important; +} +.pt-14 { + padding-top: 14% !important; +} +.pt-15 { + padding-top: 15% !important; +} +.pt-16 { + padding-top: 16% !important; +} +.pt-17 { + padding-top: 17% !important; +} +.pt-18 { + padding-top: 18% !important; +} +.pt-19 { + padding-top: 19% !important; +} +.pt-20 { + padding-top: 20% !important; +} +.pt-21 { + padding-top: 21% !important; +} +.pt-22 { + padding-top: 22% !important; +} +.pt-23 { + padding-top: 23% !important; +} +.pt-24 { + padding-top: 24% !important; +} +.pt-25 { + padding-top: 25% !important; +} +.pt-26 { + padding-top: 26% !important; +} +.pt-27 { + padding-top: 27% !important; +} +.pt-28 { + padding-top: 28% !important; +} +.pt-29 { + padding-top: 29% !important; +} +.pt-30 { + padding-top: 30% !important; +} +.pe-5px { + padding-right: 5px !important; +} +.pe-10px { + padding-right: 10px !important; +} +.pe-15px { + padding-right: 15px !important; +} +.pe-20px { + padding-right: 20px !important; +} +.pe-25px { + padding-right: 25px !important; +} +.pe-30px { + padding-right: 30px !important; +} +.pe-35px { + padding-right: 35px !important; +} +.pe-40px { + padding-right: 40px !important; +} +.pe-45px { + padding-right: 45px !important; +} +.pe-50px { + padding-right: 50px !important; +} +.pe-55px { + padding-right: 55px !important; +} +.pe-60px { + padding-right: 60px !important; +} +.pe-65px { + padding-right: 65px !important; +} +.pe-70px { + padding-right: 70px !important; +} +.pe-1 { + padding-right: 1% !important; +} +.pe-2 { + padding-right: 2% !important; +} +.pe-3 { + padding-right: 3% !important; +} +.pe-4 { + padding-right: 4% !important; +} +.pe-5 { + padding-right: 5% !important; +} +.pe-6 { + padding-right: 6% !important; +} +.pe-7 { + padding-right: 7% !important; +} +.pe-8 { + padding-right: 8% !important; +} +.pe-9 { + padding-right: 9% !important; +} +.pe-10 { + padding-right: 10% !important; +} +.pe-11 { + padding-right: 11% !important; +} +.pe-12 { + padding-right: 12% !important; +} +.pe-13 { + padding-right: 13% !important; +} +.pe-14 { + padding-right: 14% !important; +} +.pe-15 { + padding-right: 15% !important; +} +.pe-16 { + padding-right: 16% !important; +} +.pe-17 { + padding-right: 17% !important; +} +.pe-18 { + padding-right: 18% !important; +} +.pe-19 { + padding-right: 19% !important; +} +.pe-20 { + padding-right: 20% !important; +} +.pe-21 { + padding-right: 21% !important; +} +.pe-22 { + padding-right: 22% !important; +} +.pe-23 { + padding-right: 23% !important; +} +.pe-24 { + padding-right: 24% !important; +} +.pe-25 { + padding-right: 25% !important; +} +.pe-26 { + padding-right: 26% !important; +} +.pe-27 { + padding-right: 27% !important; +} +.pe-28 { + padding-right: 28% !important; +} +.pe-29 { + padding-right: 29% !important; +} +.pe-30 { + padding-right: 30% !important; +} +.pb-5px { + padding-bottom: 5px !important; +} +.pb-10px { + padding-bottom: 10px !important; +} +.pb-15px { + padding-bottom: 15px !important; +} +.pb-20px { + padding-bottom: 20px !important; +} +.pb-25px { + padding-bottom: 25px !important; +} +.pb-30px { + padding-bottom: 30px !important; +} +.pb-35px { + padding-bottom: 35px !important; +} +.pb-40px { + padding-bottom: 40px !important; +} +.pb-45px { + padding-bottom: 45px !important; +} +.pb-50px { + padding-bottom: 50px !important; +} +.pb-55px { + padding-bottom: 55px !important; +} +.pb-60px { + padding-bottom: 60px !important; +} +.pb-65px { + padding-bottom: 65px !important; +} +.pb-70px { + padding-bottom: 70px !important; +} +.pb-1 { + padding-bottom: 1% !important; +} +.pb-2 { + padding-bottom: 2% !important; +} +.pb-3 { + padding-bottom: 3% !important; +} +.pb-4 { + padding-bottom: 4% !important; +} +.pb-5 { + padding-bottom: 5% !important; +} +.pb-6 { + padding-bottom: 6% !important; +} +.pb-7 { + padding-bottom: 7% !important; +} +.pb-8 { + padding-bottom: 8% !important; +} +.pb-9 { + padding-bottom: 9% !important; +} +.pb-10 { + padding-bottom: 10% !important; +} +.pb-11 { + padding-bottom: 11% !important; +} +.pb-12 { + padding-bottom: 12% !important; +} +.pb-13 { + padding-bottom: 13% !important; +} +.pb-14 { + padding-bottom: 14% !important; +} +.pb-15 { + padding-bottom: 15% !important; +} +.pb-16 { + padding-bottom: 16% !important; +} +.pb-17 { + padding-bottom: 17% !important; +} +.pb-18 { + padding-bottom: 18% !important; +} +.pb-19 { + padding-bottom: 19% !important; +} +.pb-20 { + padding-bottom: 20% !important; +} +.pb-21 { + padding-bottom: 21% !important; +} +.pb-22 { + padding-bottom: 22% !important; +} +.pb-23 { + padding-bottom: 23% !important; +} +.pb-24 { + padding-bottom: 24% !important; +} +.pb-25 { + padding-bottom: 25% !important; +} +.pb-26 { + padding-bottom: 26% !important; +} +.pb-27 { + padding-bottom: 27% !important; +} +.pb-28 { + padding-bottom: 28% !important; +} +.pb-29 { + padding-bottom: 29% !important; +} +.pb-30 { + padding-bottom: 30% !important; +} +.ps-5px { + padding-left: 5px !important; +} +.ps-10px { + padding-left: 10px !important; +} +.ps-15px { + padding-left: 15px !important; +} +.ps-20px { + padding-left: 20px !important; +} +.ps-25px { + padding-left: 25px !important; +} +.ps-30px { + padding-left: 30px !important; +} +.ps-35px { + padding-left: 35px !important; +} +.ps-40px { + padding-left: 40px !important; +} +.ps-45px { + padding-left: 45px !important; +} +.ps-50px { + padding-left: 50px !important; +} +.ps-55px { + padding-left: 55px !important; +} +.ps-60px { + padding-left: 60px !important; +} +.ps-65px { + padding-left: 65px !important; +} +.ps-70px { + padding-left: 70px !important; +} +.ps-1 { + padding-left: 1% !important; +} +.ps-2 { + padding-left: 2% !important; +} +.ps-3 { + padding-left: 3% !important; +} +.ps-4 { + padding-left: 4% !important; +} +.ps-5 { + padding-left: 5% !important; +} +.ps-6 { + padding-left: 6% !important; +} +.ps-7 { + padding-left: 7% !important; +} +.ps-8 { + padding-left: 8% !important; +} +.ps-9 { + padding-left: 9% !important; +} +.ps-10 { + padding-left: 10% !important; +} +.ps-11 { + padding-left: 11% !important; +} +.ps-12 { + padding-left: 12% !important; +} +.ps-13 { + padding-left: 13% !important; +} +.ps-14 { + padding-left: 14% !important; +} +.ps-15 { + padding-left: 15% !important; +} +.ps-16 { + padding-left: 16% !important; +} +.ps-17 { + padding-left: 17% !important; +} +.ps-18 { + padding-left: 18% !important; +} +.ps-19 { + padding-left: 19% !important; +} +.ps-20 { + padding-left: 20% !important; +} +.ps-21 { + padding-left: 21% !important; +} +.ps-22 { + padding-left: 22% !important; +} +.ps-23 { + padding-left: 23% !important; +} +.ps-24 { + padding-left: 24% !important; +} +.ps-25 { + padding-left: 25% !important; +} +.ps-26 { + padding-left: 26% !important; +} +.ps-27 { + padding-left: 27% !important; +} +.ps-28 { + padding-left: 28% !important; +} +.ps-29 { + padding-left: 29% !important; +} +.ps-30 { + padding-left: 30% !important; +} +.m-5px { + margin: 5px !important; +} +.m-10px { + margin: 10px !important; +} +.m-15px { + margin: 15px !important; +} +.m-20px { + margin: 20px !important; +} +.m-25px { + margin: 25px !important; +} +.m-30px { + margin: 30px !important; +} +.m-35px { + margin: 35px !important; +} +.m-40px { + margin: 40px !important; +} +.m-45px { + margin: 45px !important; +} +.m-50px { + margin: 50px !important; +} +.m-55px { + margin: 55px !important; +} +.m-60px { + margin: 60px !important; +} +.m-65px { + margin: 65px !important; +} +.m-70px { + margin: 70px !important; +} +.m-1 { + margin: 1% !important; +} +.m-2 { + margin: 2% !important; +} +.m-3 { + margin: 3% !important; +} +.m-4 { + margin: 4% !important; +} +.m-5 { + margin: 5% !important; +} +.m-6 { + margin: 6% !important; +} +.m-7 { + margin: 7% !important; +} +.m-8 { + margin: 8% !important; +} +.m-9 { + margin: 9% !important; +} +.m-10 { + margin: 10% !important; +} +.m-11 { + margin: 11% !important; +} +.m-12 { + margin: 12% !important; +} +.m-13 { + margin: 13% !important; +} +.m-14 { + margin: 14% !important; +} +.m-15 { + margin: 15% !important; +} +.m-16 { + margin: 16% !important; +} +.m-17 { + margin: 17% !important; +} +.m-18 { + margin: 18% !important; +} +.m-19 { + margin: 19% !important; +} +.m-20 { + margin: 20% !important; +} +.m-21 { + margin: 21% !important; +} +.m-22 { + margin: 22% !important; +} +.m-23 { + margin: 23% !important; +} +.m-24 { + margin: 24% !important; +} +.m-25 { + margin: 25% !important; +} +.m-26 { + margin: 26% !important; +} +.m-27 { + margin: 27% !important; +} +.m-28 { + margin: 28% !important; +} +.m-29 { + margin: 29% !important; +} +.m-30 { + margin: 30% !important; +} +.mt-5px { + margin-top: 5px !important; +} +.mt-10px { + margin-top: 10px !important; +} +.mt-15px { + margin-top: 15px !important; +} +.mt-20px { + margin-top: 20px !important; +} +.mt-25px { + margin-top: 25px !important; +} +.mt-30px { + margin-top: 30px !important; +} +.mt-35px { + margin-top: 35px !important; +} +.mt-40px { + margin-top: 40px !important; +} +.mt-45px { + margin-top: 45px !important; +} +.mt-50px { + margin-top: 50px !important; +} +.mt-55px { + margin-top: 55px !important; +} +.mt-60px { + margin-top: 60px !important; +} +.mt-65px { + margin-top: 65px !important; +} +.mt-70px { + margin-top: 70px !important; +} +.mt-1 { + margin-top: 1% !important; +} +.mt-2 { + margin-top: 2% !important; +} +.mt-3 { + margin-top: 3% !important; +} +.mt-4 { + margin-top: 4% !important; +} +.mt-5 { + margin-top: 5% !important; +} +.mt-6 { + margin-top: 6% !important; +} +.mt-7 { + margin-top: 7% !important; +} +.mt-8 { + margin-top: 8% !important; +} +.mt-9 { + margin-top: 9% !important; +} +.mt-10 { + margin-top: 10% !important; +} +.mt-11 { + margin-top: 11% !important; +} +.mt-12 { + margin-top: 12% !important; +} +.mt-13 { + margin-top: 13% !important; +} +.mt-14 { + margin-top: 14% !important; +} +.mt-15 { + margin-top: 15% !important; +} +.mt-16 { + margin-top: 16% !important; +} +.mt-17 { + margin-top: 17% !important; +} +.mt-18 { + margin-top: 18% !important; +} +.mt-19 { + margin-top: 19% !important; +} +.mt-20 { + margin-top: 20% !important; +} +.mt-21 { + margin-top: 21% !important; +} +.mt-22 { + margin-top: 22% !important; +} +.mt-23 { + margin-top: 23% !important; +} +.mt-24 { + margin-top: 24% !important; +} +.mt-25 { + margin-top: 25% !important; +} +.mt-26 { + margin-top: 26% !important; +} +.mt-27 { + margin-top: 27% !important; +} +.mt-28 { + margin-top: 28% !important; +} +.mt-29 { + margin-top: 29% !important; +} +.mt-30 { + margin-top: 30% !important; +} +.me-5px { + margin-right: 5px !important; +} +.me-10px { + margin-right: 10px !important; +} +.me-15px { + margin-right: 15px !important; +} +.me-20px { + margin-right: 20px !important; +} +.me-25px { + margin-right: 25px !important; +} +.me-30px { + margin-right: 30px !important; +} +.me-35px { + margin-right: 35px !important; +} +.me-40px { + margin-right: 40px !important; +} +.me-45px { + margin-right: 45px !important; +} +.me-50px { + margin-right: 50px !important; +} +.me-55px { + margin-right: 55px !important; +} +.me-60px { + margin-right: 60px !important; +} +.me-65px { + margin-right: 65px !important; +} +.me-70px { + margin-right: 70px !important; +} +.me-1 { + margin-right: 1% !important; +} +.me-2 { + margin-right: 2% !important; +} +.me-3 { + margin-right: 3% !important; +} +.me-4 { + margin-right: 4% !important; +} +.me-5 { + margin-right: 5% !important; +} +.me-6 { + margin-right: 6% !important; +} +.me-7 { + margin-right: 7% !important; +} +.me-8 { + margin-right: 8% !important; +} +.me-9 { + margin-right: 9% !important; +} +.me-10 { + margin-right: 10% !important; +} +.me-11 { + margin-right: 11% !important; +} +.me-12 { + margin-right: 12% !important; +} +.me-13 { + margin-right: 13% !important; +} +.me-14 { + margin-right: 14% !important; +} +.me-15 { + margin-right: 15% !important; +} +.me-16 { + margin-right: 16% !important; +} +.me-17 { + margin-right: 17% !important; +} +.me-18 { + margin-right: 18% !important; +} +.me-19 { + margin-right: 19% !important; +} +.me-20 { + margin-right: 20% !important; +} +.me-21 { + margin-right: 21% !important; +} +.me-22 { + margin-right: 22% !important; +} +.me-23 { + margin-right: 23% !important; +} +.me-24 { + margin-right: 24% !important; +} +.me-25 { + margin-right: 25% !important; +} +.me-26 { + margin-right: 26% !important; +} +.me-27 { + margin-right: 27% !important; +} +.me-28 { + margin-right: 28% !important; +} +.me-29 { + margin-right: 29% !important; +} +.me-30 { + margin-right: 30% !important; +} +.mb-5px { + margin-bottom: 5px !important; +} +.mb-10px { + margin-bottom: 10px !important; +} +.mb-15px { + margin-bottom: 15px !important; +} +.mb-20px { + margin-bottom: 20px !important; +} +.mb-25px { + margin-bottom: 25px !important; +} +.mb-30px { + margin-bottom: 30px !important; +} +.mb-35px { + margin-bottom: 35px !important; +} +.mb-40px { + margin-bottom: 40px !important; +} +.mb-45px { + margin-bottom: 45px !important; +} +.mb-50px { + margin-bottom: 50px !important; +} +.mb-55px { + margin-bottom: 55px !important; +} +.mb-60px { + margin-bottom: 60px !important; +} +.mb-65px { + margin-bottom: 65px !important; +} +.mb-70px { + margin-bottom: 70px !important; +} +.mb-1 { + margin-bottom: 1% !important; +} +.mb-2 { + margin-bottom: 2% !important; +} +.mb-3 { + margin-bottom: 3% !important; +} +.mb-4 { + margin-bottom: 4% !important; +} +.mb-5 { + margin-bottom: 5% !important; +} +.mb-6 { + margin-bottom: 6% !important; +} +.mb-7 { + margin-bottom: 7% !important; +} +.mb-8 { + margin-bottom: 8% !important; +} +.mb-9 { + margin-bottom: 9% !important; +} +.mb-10 { + margin-bottom: 10% !important; +} +.mb-11 { + margin-bottom: 11% !important; +} +.mb-12 { + margin-bottom: 12% !important; +} +.mb-13 { + margin-bottom: 13% !important; +} +.mb-14 { + margin-bottom: 14% !important; +} +.mb-15 { + margin-bottom: 15% !important; +} +.mb-16 { + margin-bottom: 16% !important; +} +.mb-17 { + margin-bottom: 17% !important; +} +.mb-18 { + margin-bottom: 18% !important; +} +.mb-19 { + margin-bottom: 19% !important; +} +.mb-20 { + margin-bottom: 20% !important; +} +.mb-21 { + margin-bottom: 21% !important; +} +.mb-22 { + margin-bottom: 22% !important; +} +.mb-23 { + margin-bottom: 23% !important; +} +.mb-24 { + margin-bottom: 24% !important; +} +.mb-25 { + margin-bottom: 25% !important; +} +.mb-26 { + margin-bottom: 26% !important; +} +.mb-27 { + margin-bottom: 27% !important; +} +.mb-28 { + margin-bottom: 28% !important; +} +.mb-29 { + margin-bottom: 29% !important; +} +.mb-30 { + margin-bottom: 30% !important; +} +.ms-5px { + margin-left: 5px !important; +} +.ms-10px { + margin-left: 10px !important; +} +.ms-15px { + margin-left: 15px !important; +} +.ms-20px { + margin-left: 20px !important; +} +.ms-25px { + margin-left: 25px !important; +} +.ms-30px { + margin-left: 30px !important; +} +.ms-35px { + margin-left: 35px !important; +} +.ms-40px { + margin-left: 40px !important; +} +.ms-45px { + margin-left: 45px !important; +} +.ms-50px { + margin-left: 50px !important; +} +.ms-55px { + margin-left: 55px !important; +} +.ms-60px { + margin-left: 60px !important; +} +.ms-65px { + margin-left: 65px !important; +} +.ms-70px { + margin-left: 70px !important; +} +.ms-1 { + margin-left: 1% !important; +} +.ms-2 { + margin-left: 2% !important; +} +.ms-3 { + margin-left: 3% !important; +} +.ms-4 { + margin-left: 4% !important; +} +.ms-5 { + margin-left: 5% !important; +} +.ms-6 { + margin-left: 6% !important; +} +.ms-7 { + margin-left: 7% !important; +} +.ms-8 { + margin-left: 8% !important; +} +.ms-9 { + margin-left: 9% !important; +} +.ms-10 { + margin-left: 10% !important; +} +.ms-11 { + margin-left: 11% !important; +} +.ms-12 { + margin-left: 12% !important; +} +.ms-13 { + margin-left: 13% !important; +} +.ms-14 { + margin-left: 14% !important; +} +.ms-15 { + margin-left: 15% !important; +} +.ms-16 { + margin-left: 16% !important; +} +.ms-17 { + margin-left: 17% !important; +} +.ms-18 { + margin-left: 18% !important; +} +.ms-19 { + margin-left: 19% !important; +} +.ms-20 { + margin-left: 20% !important; +} +.ms-21 { + margin-left: 21% !important; +} +.ms-22 { + margin-left: 22% !important; +} +.ms-23 { + margin-left: 23% !important; +} +.ms-24 { + margin-left: 24% !important; +} +.ms-25 { + margin-left: 25% !important; +} +.ms-26 { + margin-left: 26% !important; +} +.ms-27 { + margin-left: 27% !important; +} +.ms-28 { + margin-left: 28% !important; +} +.ms-29 { + margin-left: 29% !important; +} +.ms-30 { + margin-left: 30% !important; +} +/* Position */ +.top-0px { + top: 0px; +} +.top-1px { + top: 1px; +} +.top-2px { + top: 2px; +} +.top-3px { + top: 3px; +} +.top-4px { + top: 4px; +} +.top-5px { + top: 5px; +} +.top-6px { + top: 6px; +} +.top-7px { + top: 7px; +} +.top-8px { + top: 8px; +} +.top-9px { + top: 9px; +} +.top-10px { + top: 10px; +} +.top-11px { + top: 11px; +} +.top-12px { + top: 12px; +} +.top-13px { + top: 13px; +} +.top-14px { + top: 14px; +} +.top-15px { + top: 15px; +} +.top-16px { + top: 16px; +} +.top-17px { + top: 17px; +} +.top-18px { + top: 18px; +} +.top-19px { + top: 19px; +} +.top-20px { + top: 20px; +} +.top-21px { + top: 21px; +} +.top-22px { + top: 22px; +} +.top-23px { + top: 23px; +} +.top-24px { + top: 24px; +} +.top-25px { + top: 25px; +} +.top-26px { + top: 26px; +} +.top-27px { + top: 27px; +} +.top-28px { + top: 28px; +} +.top-29px { + top: 29px; +} +.top-30px { + top: 30px; +} +.top-40px { + top: 40px; +} +.top-50px { + top: 50px; +} +.top-60px { + top: 60px; +} +.top-70px { + top: 70px; +} +.top-80px { + top: 80px; +} +.top-90px { + top: 90px; +} +.top-100px { + top: 100px; +} +.top-110px { + top: 110px; +} +.top-120px { + top: 120px; +} +.top-130px { + top: 130px; +} +.top-140px { + top: 140px; +} +.top-150px { + top: 150px; +} +.right-0px { + right: 0px; +} +.right-1px { + right: 1px; +} +.right-2px { + right: 2px; +} +.right-3px { + right: 3px; +} +.right-4px { + right: 4px; +} +.right-5px { + right: 5px; +} +.right-6px { + right: 6px; +} +.right-7px { + right: 7px; +} +.right-8px { + right: 8px; +} +.right-9px { + right: 9px; +} +.right-10px { + right: 10px; +} +.right-11px { + right: 11px; +} +.right-12px { + right: 12px; +} +.right-13px { + right: 13px; +} +.right-14px { + right: 14px; +} +.right-15px { + right: 15px; +} +.right-16px { + right: 16px; +} +.right-17px { + right: 17px; +} +.right-18px { + right: 18px; +} +.right-19px { + right: 19px; +} +.right-20px { + right: 20px; +} +.right-21px { + right: 21px; +} +.right-22px { + right: 22px; +} +.right-23px { + right: 23px; +} +.right-24px { + right: 24px; +} +.right-25px { + right: 25px; +} +.right-26px { + right: 26px; +} +.right-27px { + right: 27px; +} +.right-28px { + right: 28px; +} +.right-29px { + right: 29px; +} +.right-30px { + right: 30px; +} +.right-40px { + right: 40px; +} +.right-50px { + right: 50px; +} +.right-60px { + right: 60px; +} +.right-70px { + right: 70px; +} +.right-80px { + right: 80px; +} +.right-90px { + right: 90px; +} +.right-100px { + right: 100px; +} +.right-110px { + right: 110px; +} +.right-120px { + right: 120px; +} +.right-130px { + right: 130px; +} +.right-140px { + right: 140px; +} +.right-150px { + right: 150px; +} +.bottom-0px { + bottom: 0px; +} +.bottom-1px { + bottom: 1px; +} +.bottom-2px { + bottom: 2px; +} +.bottom-3px { + bottom: 3px; +} +.bottom-4px { + bottom: 4px; +} +.bottom-5px { + bottom: 5px; +} +.bottom-6px { + bottom: 6px; +} +.bottom-7px { + bottom: 7px; +} +.bottom-8px { + bottom: 8px; +} +.bottom-9px { + bottom: 9px; +} +.bottom-10px { + bottom: 10px; +} +.bottom-11px { + bottom: 11px; +} +.bottom-12px { + bottom: 12px; +} +.bottom-13px { + bottom: 13px; +} +.bottom-14px { + bottom: 14px; +} +.bottom-15px { + bottom: 15px; +} +.bottom-16px { + bottom: 16px; +} +.bottom-17px { + bottom: 17px; +} +.bottom-18px { + bottom: 18px; +} +.bottom-19px { + bottom: 19px; +} +.bottom-20px { + bottom: 20px; +} +.bottom-21px { + bottom: 21px; +} +.bottom-22px { + bottom: 22px; +} +.bottom-23px { + bottom: 23px; +} +.bottom-24px { + bottom: 24px; +} +.bottom-25px { + bottom: 25px; +} +.bottom-26px { + bottom: 26px; +} +.bottom-27px { + bottom: 27px; +} +.bottom-28px { + bottom: 28px; +} +.bottom-29px { + bottom: 29px; +} +.bottom-30px { + bottom: 30px; +} +.bottom-40px { + bottom: 40px; +} +.bottom-50px { + bottom: 50px; +} +.bottom-60px { + bottom: 60px; +} +.bottom-70px { + bottom: 70px; +} +.bottom-80px { + bottom: 80px; +} +.bottom-90px { + bottom: 90px; +} +.bottom-100px { + bottom: 100px; +} +.bottom-110px { + bottom: 110px; +} +.bottom-120px { + bottom: 120px; +} +.bottom-130px { + bottom: 130px; +} +.bottom-140px { + bottom: 140px; +} +.bottom-150px { + bottom: 150px; +} +.left-0px { + left: 0px; +} +.left-1px { + left: 1px; +} +.left-2px { + left: 2px; +} +.left-3px { + left: 3px; +} +.left-4px { + left: 4px; +} +.left-5px { + left: 5px; +} +.left-6px { + left: 6px; +} +.left-7px { + left: 7px; +} +.left-8px { + left: 8px; +} +.left-9px { + left: 9px; +} +.left-10px { + left: 10px; +} +.left-11px { + left: 11px; +} +.left-12px { + left: 12px; +} +.left-13px { + left: 13px; +} +.left-14px { + left: 14px; +} +.left-15px { + left: 15px; +} +.left-16px { + left: 16px; +} +.left-17px { + left: 17px; +} +.left-18px { + left: 18px; +} +.left-19px { + left: 19px; +} +.left-20px { + left: 20px; +} +.left-21px { + left: 21px; +} +.left-22px { + left: 22px; +} +.left-23px { + left: 23px; +} +.left-24px { + left: 24px; +} +.left-25px { + left: 25px; +} +.left-26px { + left: 26px; +} +.left-27px { + left: 27px; +} +.left-28px { + left: 28px; +} +.left-29px { + left: 29px; +} +.left-30px { + left: 30px; +} +.left-40px { + left: 40px; +} +.left-50px { + left: 50px; +} +.left-60px { + left: 60px; +} +.left-70px { + left: 70px; +} +.left-80px { + left: 80px; +} +.left-90px { + left: 90px; +} +.left-100px { + left: 100px; +} +.left-110px { + left: 110px; +} +.left-120px { + left: 120px; +} +.left-130px { + left: 130px; +} +.left-140px { + left: 140px; +} +.left-150px { + left: 150px; +} +.top-minus-0px { + top: -0px; +} +.top-minus-1px { + top: -1px; +} +.top-minus-2px { + top: -2px; +} +.top-minus-3px { + top: -3px; +} +.top-minus-4px { + top: -4px; +} +.top-minus-5px { + top: -5px; +} +.top-minus-6px { + top: -6px; +} +.top-minus-7px { + top: -7px; +} +.top-minus-8px { + top: -8px; +} +.top-minus-9px { + top: -9px; +} +.top-minus-10px { + top: -10px; +} +.top-minus-11px { + top: -11px; +} +.top-minus-12px { + top: -12px; +} +.top-minus-13px { + top: -13px; +} +.top-minus-14px { + top: -14px; +} +.top-minus-15px { + top: -15px; +} +.top-minus-16px { + top: -16px; +} +.top-minus-17px { + top: -17px; +} +.top-minus-18px { + top: -18px; +} +.top-minus-19px { + top: -19px; +} +.top-minus-20px { + top: -20px; +} +.top-minus-21px { + top: -21px; +} +.top-minus-22px { + top: -22px; +} +.top-minus-23px { + top: -23px; +} +.top-minus-24px { + top: -24px; +} +.top-minus-25px { + top: -25px; +} +.top-minus-26px { + top: -26px; +} +.top-minus-27px { + top: -27px; +} +.top-minus-28px { + top: -28px; +} +.top-minus-29px { + top: -29px; +} +.top-minus-30px { + top: -30px; +} +.top-minus-40px { + top: -40px; +} +.top-minus-50px { + top: -50px; +} +.top-minus-60px { + top: -60px; +} +.top-minus-70px { + top: -70px; +} +.top-minus-80px { + top: -80px; +} +.top-minus-90px { + top: -90px; +} +.top-minus-100px { + top: -100px; +} +.top-minus-110px { + top: -110px; +} +.top-minus-120px { + top: -120px; +} +.top-minus-130px { + top: -130px; +} +.top-minus-140px { + top: -140px; +} +.top-minus-150px { + top: -150px; +} +.right-minus-0px { + right: -0px; +} +.right-minus-1px { + right: -1px; +} +.right-minus-2px { + right: -2px; +} +.right-minus-3px { + right: -3px; +} +.right-minus-4px { + right: -4px; +} +.right-minus-5px { + right: -5px; +} +.right-minus-6px { + right: -6px; +} +.right-minus-7px { + right: -7px; +} +.right-minus-8px { + right: -8px; +} +.right-minus-9px { + right: -9px; +} +.right-minus-10px { + right: -10px; +} +.right-minus-11px { + right: -11px; +} +.right-minus-12px { + right: -12px; +} +.right-minus-13px { + right: -13px; +} +.right-minus-14px { + right: -14px; +} +.right-minus-15px { + right: -15px; +} +.right-minus-16px { + right: -16px; +} +.right-minus-17px { + right: -17px; +} +.right-minus-18px { + right: -18px; +} +.right-minus-19px { + right: -19px; +} +.right-minus-20px { + right: -20px; +} +.right-minus-21px { + right: -21px; +} +.right-minus-22px { + right: -22px; +} +.right-minus-23px { + right: -23px; +} +.right-minus-24px { + right: -24px; +} +.right-minus-25px { + right: -25px; +} +.right-minus-26px { + right: -26px; +} +.right-minus-27px { + right: -27px; +} +.right-minus-28px { + right: -28px; +} +.right-minus-29px { + right: -29px; +} +.right-minus-30px { + right: -30px; +} +.right-minus-40px { + right: -40px; +} +.right-minus-50px { + right: -50px; +} +.right-minus-60px { + right: -60px; +} +.right-minus-70px { + right: -70px; +} +.right-minus-80px { + right: -80px; +} +.right-minus-90px { + right: -90px; +} +.right-minus-100px { + right: -100px; +} +.right-minus-110px { + right: -110px; +} +.right-minus-120px { + right: -120px; +} +.right-minus-130px { + right: -130px; +} +.right-minus-140px { + right: -140px; +} +.right-minus-150px { + right: -150px; +} +.bottom-minus-0px { + bottom: -0px; +} +.bottom-minus-1px { + bottom: -1px; +} +.bottom-minus-2px { + bottom: -2px; +} +.bottom-minus-3px { + bottom: -3px; +} +.bottom-minus-4px { + bottom: -4px; +} +.bottom-minus-5px { + bottom: -5px; +} +.bottom-minus-6px { + bottom: -6px; +} +.bottom-minus-7px { + bottom: -7px; +} +.bottom-minus-8px { + bottom: -8px; +} +.bottom-minus-9px { + bottom: -9px; +} +.bottom-minus-10px { + bottom: -10px; +} +.bottom-minus-11px { + bottom: -11px; +} +.bottom-minus-12px { + bottom: -12px; +} +.bottom-minus-13px { + bottom: -13px; +} +.bottom-minus-14px { + bottom: -14px; +} +.bottom-minus-15px { + bottom: -15px; +} +.bottom-minus-16px { + bottom: -16px; +} +.bottom-minus-17px { + bottom: -17px; +} +.bottom-minus-18px { + bottom: -18px; +} +.bottom-minus-19px { + bottom: -19px; +} +.bottom-minus-20px { + bottom: -20px; +} +.bottom-minus-21px { + bottom: -21px; +} +.bottom-minus-22px { + bottom: -22px; +} +.bottom-minus-23px { + bottom: -23px; +} +.bottom-minus-24px { + bottom: -24px; +} +.bottom-minus-25px { + bottom: -25px; +} +.bottom-minus-26px { + bottom: -26px; +} +.bottom-minus-27px { + bottom: -27px; +} +.bottom-minus-28px { + bottom: -28px; +} +.bottom-minus-29px { + bottom: -29px; +} +.bottom-minus-30px { + bottom: -30px; +} +.bottom-minus-40px { + bottom: -40px; +} +.bottom-minus-50px { + bottom: -50px; +} +.bottom-minus-60px { + bottom: -60px; +} +.bottom-minus-70px { + bottom: -70px; +} +.bottom-minus-80px { + bottom: -80px; +} +.bottom-minus-90px { + bottom: -90px; +} +.bottom-minus-100px { + bottom: -100px; +} +.bottom-minus-110px { + bottom: -110px; +} +.bottom-minus-120px { + bottom: -120px; +} +.bottom-minus-130px { + bottom: -130px; +} +.bottom-minus-140px { + bottom: -140px; +} +.bottom-minus-150px { + bottom: -150px; +} +.left-minus-0px { + left: -0px; +} +.left-minus-1px { + left: -1px; +} +.left-minus-2px { + left: -2px; +} +.left-minus-3px { + left: -3px; +} +.left-minus-4px { + left: -4px; +} +.left-minus-5px { + left: -5px; +} +.left-minus-6px { + left: -6px; +} +.left-minus-7px { + left: -7px; +} +.left-minus-8px { + left: -8px; +} +.left-minus-9px { + left: -9px; +} +.left-minus-10px { + left: -10px; +} +.left-minus-11px { + left: -11px; +} +.left-minus-12px { + left: -12px; +} +.left-minus-13px { + left: -13px; +} +.left-minus-14px { + left: -14px; +} +.left-minus-15px { + left: -15px; +} +.left-minus-16px { + left: -16px; +} +.left-minus-17px { + left: -17px; +} +.left-minus-18px { + left: -18px; +} +.left-minus-19px { + left: -19px; +} +.left-minus-20px { + left: -20px; +} +.left-minus-21px { + left: -21px; +} +.left-minus-22px { + left: -22px; +} +.left-minus-23px { + left: -23px; +} +.left-minus-24px { + left: -24px; +} +.left-minus-25px { + left: -25px; +} +.left-minus-26px { + left: -26px; +} +.left-minus-27px { + left: -27px; +} +.left-minus-28px { + left: -28px; +} +.left-minus-29px { + left: -29px; +} +.left-minus-30px { + left: -30px; +} +.left-minus-40px { + left: -40px; +} +.left-minus-50px { + left: -50px; +} +.left-minus-60px { + left: -60px; +} +.left-minus-70px { + left: -70px; +} +.left-minus-80px { + left: -80px; +} +.left-minus-90px { + left: -90px; +} +.left-minus-100px { + left: -100px; +} +.left-minus-110px { + left: -110px; +} +.left-minus-120px { + left: -120px; +} +.left-minus-130px { + left: -130px; +} +.left-minus-140px { + left: -140px; +} +.left-minus-150px { + left: -150px; +} +/* Font weight */ +.fw-100 { + font-weight: 100 !important; +} +.fw-200 { + font-weight: 200 !important; +} +.fw-300 { + font-weight: 300 !important; +} +.fw-400 { + font-weight: 400 !important; +} +.fw-500 { + font-weight: 500 !important; +} +.fw-600 { + font-weight: 600 !important; +} +.fw-700 { + font-weight: 700 !important; +} +.fw-800 { + font-weight: 800 !important; +} +.fw-900 { + font-weight: 900 !important; +} +/* Min height */ +.min-h-100px { + min-height: 100px !important; +} +.min-h-150px { + min-height: 150px !important; +} +.min-h-200px { + min-height: 200px !important; +} +.min-h-250px { + min-height: 250px !important; +} +.min-h-300px { + min-height: 300px !important; +} +.min-h-350px { + min-height: 350px !important; +} +.min-h-400px { + min-height: 400px !important; +} +.min-h-450px { + min-height: 450px !important; +} +.min-h-500px { + min-height: 500px !important; +} +.min-h-550px { + min-height: 550px !important; +} +.min-h-600px { + min-height: 600px !important; +} +.min-h-650px { + min-height: 650px !important; +} +.min-h-700px { + min-height: 700px !important; +} +.min-h-750px { + min-height: 750px !important; +} +.min-h-800px { + min-height: 800px !important; +} +.min-h-850px { + min-height: 850px !important; +} +.min-h-900px { + min-height: 900px !important; +} +.min-h-950px { + min-height: 950px !important; +} +/* Opacity */ +.opacity-0 { + opacity: .0; +} +.opacity-1 { + opacity: .1; +} +.opacity-2 { + opacity: .2; +} +.opacity-3 { + opacity: .3; +} +.opacity-4 { + opacity: .4; +} +.opacity-5 { + opacity: .5; +} +.opacity-6 { + opacity: .6; +} +.opacity-7 { + opacity: .7; +} +.opacity-8 { + opacity: .8; +} +.opacity-9 { + opacity: .9; +} +/* Z-index */ +.z-index-0 { + z-index: 0; +} +.z-index-1 { + z-index: 1; +} +.z-index-2 { + z-index: 2; +} +.z-index-3 { + z-index: 3; +} +.z-index-4 { + z-index: 4; +} +.z-index-5 { + z-index: 5; +} +.z-index-6 { + z-index: 6; +} +.z-index-7 { + z-index: 7; +} +.z-index-8 { + z-index: 8; +} +.z-index-9 { + z-index: 9; +} +.z-index-minus-1 { + z-index: -1; +} +.z-index-minus-2 { + z-index: -2; +} +/* =================================== + 10. Header +====================================== */ +header .header-top-bar [class*=col-] { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +header .header-top-bar [class*=col-].text-end { + justify-content: flex-end !important; +} +header .header-top-bar [class*=col-] .header-icon { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; +} +header .navbar { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 99; +} +header .navbar [class*=col-] { + padding: 0 15px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; +} +header .navbar [class*=col-].text-end { + justify-content: flex-end !important; +} +header .navbar [class*=col-] .navbar-nav { + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +header .navbar [class*=col-] .navbar-nav .nav-item { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +header .navbar [class*=col-] .navbar-nav .nav-item a { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +header .container-fluid { + padding-left: 45px; + padding-right: 45px; +} +header.sticky .navbar-brand { + padding: 20px 0; +} +header.sticky .navbar { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); +} +header.sticky .navbar.sticky-header { + -webkit-transform: translateY(0); + transform: translateY(0); +} +header.sticky .navbar.fixed-header { + -webkit-transform: translateY(0); + transform: translateY(0); +} +header.sticky .header-light:not(.disable-fixed) { + box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1); +} +header.sticky.sticky-active .header-reverse { + -webkit-transform: translateY(0); + transform: translateY(0); + border-color: transparent !important; +} +header.sticky.sticky-active .header-reverse.glass-effect { + -webkit-backdrop-filter: blur(5px); + backdrop-filter: blur(5px); + background-color: rgba(255, 255, 255, 0.85) !important; +} +header.sticky.sticky-active .header-reverse.header-dark.glass-effect { + background-color: rgba(35, 35, 35, 0.7) !important; +} +header.sticky.sticky-active .navbar-brand .alt-logo { + visibility: visible; + opacity: 1; + width: auto; +} +header.sticky.sticky-active .navbar-brand .default-logo { + visibility: hidden; + opacity: 0; + width: 0; +} +header.sticky.sticky-active [data-header-hover=dark] { + background-color: var(--dark-gray) !important; +} +header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-item:hover .nav-link { + color: var(--white); + opacity: 0.6; +} +header.sticky.sticky-active [data-header-hover=dark] .navbar-nav .nav-link { + color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .icon > a { + color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .icon > a:hover { + color: var(--white); + opacity: 0.6; +} +header.sticky.sticky-active [data-header-hover=dark] .icon .push-button span { + background-color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .icon .header-language > a, header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart > a { + color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover=dark] .icon .header-cart > a:hover { + color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .header-search-style i { + color: var(--white); +} +header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown { + background-color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a { + color: var(--light-gray); +} +header.sticky.sticky-active [data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover { + color: var(--white); + opacity: 1; +} +header.sticky.sticky-active [data-header-hover=light] { + background-color: var(--white) !important; + box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); +} +header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .icon > a { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .icon > a:hover { + color: var(--medium-gray); + opacity: 1; +} +header.sticky.sticky-active [data-header-hover=light] .icon .push-button span { + background-color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .icon .header-language > a, header.sticky.sticky-active [data-header-hover=light] .icon .header-cart > a { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .icon .header-language > a:hover, header.sticky.sticky-active [data-header-hover=light] .icon .header-cart > a:hover { + color: var(--medium-gray); + opacity: 1; +} +header.sticky.sticky-active [data-header-hover=light] .header-search-style i { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a { + color: var(--medium-gray); +} +header.sticky.sticky-active [data-header-hover=light] .header-language-icon .language-dropdown li a:hover { + color: var(--dark-gray); + opacity: 1; +} +header.sticky.sticky-active [data-header-hover=light] .widget-text { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light] .widget-text a { + color: var(--dark-gray); +} +header.sticky.sticky-active [data-header-hover=light].disable-fixed.header-demo { + background-color: transparent !important; +} +header.sticky .header-icon .push-button { + padding: 0; +} +header.sticky .center-logo .navbar-nav .nav-link { + padding: 26px 20px; +} +header.sticky .top-logo .navbar-brand { + padding: 15px 0; +} +header.sticky .top-logo.fixed-header .navbar-brand, header.sticky .top-logo.disable-fixed .navbar-brand { + padding: 22px 0; +} +header.sticky .top-logo.responsive-sticky .navbar-nav .nav-link { + padding-top: 18px !important; + padding-bottom: 18px !important; +} +header.sticky .top-logo.responsive-sticky .header-icon .header-cart-icon .header-cart a i { + padding-top: 22px; + padding-bottom: 22px; +} +header.sticky .top-logo.responsive-sticky .header-icon .header-language-icon .header-cart > a i { + padding-top: 22px; + padding-bottom: 22px; +} +header.sticky .mini-header .header-icon .header-language a i { + padding-top: 16px; + padding-bottom: 16px; +} +header.sticky .mini-header .header-icon .header-cart-icon .header-cart a i { + padding-top: 16px; + padding-bottom: 16px; +} +header.sticky .fixed-header .navbar-brand, header.sticky .disable-fixed .navbar-brand { + padding: 30px 0; +} +header .navbar { + -webkit-transition: 0.3s; + transition: 0.3s; +} +header .navbar.mini-header .navbar-brand { + padding: 20px 0; +} +header .navbar.mini-header .navbar-brand img { + max-height: 22px; +} +header .navbar-brand { + margin-right: 0; + vertical-align: middle; + padding: 30px 0; + display: inline-block; + font-size: 0; +} +header .navbar-brand .default-logo { + visibility: visible; + opacity: 1; + width: auto; +} +header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo { + visibility: hidden; + opacity: 0; + width: 0; +} +header .navbar-brand img { + max-height: 46px; +} +header .header-top-bar { + position: fixed; + top: 0; + right: 0; + width: 100%; + left: 0; + z-index: 100; + -webkit-transition: 0.3s; + transition: 0.3s; +} +header .header-top-bar + .navbar { + -webkit-transition: 0.3s; + transition: 0.3s; + top: 40px; +} +header .header-top-bar + .navbar.disable-fixed { + top: 0; +} +header .header-top-bar .widget { + display: inline-block; +} +header .header-top-bar .widget i { + padding-right: 5px; +} +header .header-top-bar .header-icon .header-social-icon { + top: 0; +} +header .header-top-bar .header-icon .header-social-icon ul { + list-style: none; + padding: 0; + margin: 0; +} +header .header-top-bar .header-icon .header-social-icon ul li { + display: inline-block; + margin: 0 15px 0 0; +} +header .header-top-bar .header-icon .header-social-icon ul li:last-child { + margin-right: 0; +} +header .header-top-bar .header-icon .header-social-icon a { + font-size: 12px; +} +header .header-top-bar .header-icon .header-social-text { + top: 0; +} +header .header-top-bar .header-icon .header-social-text ul { + list-style: none; + padding: 0; + margin: 0; +} +header .header-top-bar .header-icon .header-social-text ul li { + display: inline-block; + margin: 0 30px 0 0; +} +header .header-top-bar .header-icon .header-social-text ul li:last-child { + margin-right: 0; +} +header .left-nav .navbar-nav:before { + height: 20px; + width: 1px; + background-color: var(--medium-gray); + opacity: 0.5; + content: ""; + -webkit-transform: translate(-7px, 0px); + transform: translate(-7px, 0px); + -webkit-transition: 0.3s; + transition: 0.3s; +} +header .disable-fixed { + position: absolute; +} +header.sticky .responsive-sticky { + -webkit-transform: translateY(0); + transform: translateY(0); +} +header.sticky .navbar.disable-fixed { + -webkit-transform: translateY(0); + transform: translateY(0); + box-shadow: none; +} + +/* Navbar */ +.navbar { + padding: 0; +} +.navbar .navbar-nav .nav-item > i { + display: none; +} +.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link { + opacity: 0.6; +} +.navbar .navbar-nav .nav-item .nav-link.active { + opacity: 0.6; +} +.navbar .navbar-nav .nav-link { + font-size: 16px; + line-height: 20px; + padding: 10px 20px; + position: relative; + font-weight: 500; + opacity: 1; + word-break: normal; + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--white); +} +.navbar .navbar-nav .nav-link .label { + display: inline-block; + padding: 1px 11px; + font-size: 12px; + margin-left: 8px; + margin-top: 0px; + vertical-align: middle; +} +.navbar .navbar-nav .dropdown.submenu { + position: inherit; +} +.navbar .navbar-nav .dropdown .dropdown-menu { + margin: 0; + padding: 60px 0 65px; + border: 0; + top: 100%; + background-color: var(--white); + box-shadow: 0 45px 45px 0 rgba(0, 0, 0, 0.05); + -webkit-animation: hide-animation 0.5s; + animation: hide-animation 0.5s; + -webkit-border-radius: 0; + border-radius: 0; +} +.navbar .navbar-nav .dropdown .dropdown-menu li:last-child > a { + padding-bottom: 0; +} +.navbar .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--dark-gray); +} +.navbar .navbar-nav .dropdown .dropdown-menu li a:hover { + padding-left: 3px; +} +.navbar .navbar-nav .dropdown .dropdown-menu a { + color: var(--medium-gray); + font-size: 15px; + line-height: 24px; + font-weight: 400; + padding-bottom: 10px; + display: block; +} +.navbar .navbar-nav .dropdown .dropdown-menu a:hover { + color: var(--dark-gray); +} +.navbar .navbar-nav .dropdown .dropdown-menu a i { + width: 25px; + display: inline-block; + vertical-align: middle; + margin-right: 7px; + text-align: center; +} +.navbar .navbar-nav .dropdown .dropdown-menu a .label { + display: inline-block; + padding: 5px 10px; + font-size: 10px; + line-height: initial; + margin-left: 8px; + margin-top: 0px; + vertical-align: middle; + font-weight: 700; + text-transform: uppercase; + white-space: nowrap; +} +.navbar .navbar-nav .dropdown.open .dropdown-menu { + display: block; + -webkit-animation: show-animation 0.5s; + animation: show-animation 0.5s; +} +.navbar .navbar-nav .submenu-content { + width: 100%; + border-top: 1px solid #e7e7e7 !important; + left: 0; +} +.navbar .navbar-nav .submenu-content ul { + padding: 0 30px 0 0; + list-style: none; +} +.navbar .navbar-nav .submenu-content ul:nth-child(4n+1) { + clear: both; +} +.navbar .navbar-nav .submenu-content ul .sub-title { + color: var(--dark-gray); + font-size: 16px; + font-weight: 600; + margin-bottom: 10px; +} +.navbar .navbar-nav .submenu-content ul:last-child:before { + display: none; +} +.navbar .navbar-nav .submenu-content .mega-menu { + width: 1190px; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu { + display: none; + width: 245px; + padding: 35px 0; + -webkit-border-radius: 0; + border-radius: 0; + box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1); +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu li { + padding: 0 45px 0 40px; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu li a { + padding-bottom: 12px; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown { + position: relative; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown i { + position: absolute; + right: 35px; + top: 6px; + width: auto; + font-size: 13px; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > a { + color: var(--dark-gray); +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > .dropdown-menu { + display: block; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown.menu-left .dropdown-menu { + left: calc(-100% - 1px); +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown .dropdown-menu { + -webkit-animation: none; + animation: none; +} +.navbar .navbar-nav .simple-dropdown .dropdown-menu .dropdown-menu { + display: none; + position: absolute; + left: calc(100% + 1px); + top: -35px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { + border-radius: 5px; + padding: 0; + overflow: hidden; + width: 260px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li { + padding: 0; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + font-size: 15px; + line-height: 26px; + border-bottom: 1px solid rgba(23, 23, 23, 0.1); + padding: 17px 20px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { + font-size: 19px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a img { + width: 35px; + margin-right: 15px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { + border-bottom: 0; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu { + box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.1); + border-radius: 5px; + width: 310px; + padding: 20px 35px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li { + justify-content: center; + display: flex; + border-bottom: 0; + padding: 0; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:first-child a { + border-top: 0; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { + margin: 0; + border-top: 1px solid rgba(23, 23, 23, 0.1); + padding: 15px 30px 15px 0; + font-size: 16px; + line-height: 28px; + font-weight: 500; + width: 100%; + position: relative; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a i { + width: 40px; + font-size: 36px; + margin-right: 15px; + color: var(--base-color); + flex-shrink: 0; + text-align: left; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--dark-gray); + font-weight: 600; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { + margin: 0; + font-size: 13px; + color: var(--medium-gray); +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a img { + border-radius: 100%; + width: 45px; + margin-right: 15px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { + content: "\f135"; + color: var(--black); + font-family: bootstrap-icons; + font-weight: 400; + font-size: 23px; + position: absolute; + right: 6px; + opacity: 0; + -webkit-transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 300ms cubic-bezier(0.61, 1, 0.88, 1); +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:hover:before { + right: 0px; + opacity: 1; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn { + padding: 15px 20px; + justify-content: center; + margin-top: 10px; + line-height: normal; + border-top: 0; + font-size: 14px; + margin-bottom: 5px; +} +.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a.btn:before { + display: none; +} + +/* Header hover submenu dark */ +[data-header-hover=dark] .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--white); +} +[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--white) !important; +} +[data-header-hover=dark] .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { + color: var(--white); +} +[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu { + background-color: var(--dark-gray); +} +[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a { + color: var(--light-gray); +} +[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu a:hover, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu a:hover, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu a:hover { + color: var(--white); +} +[data-header-hover=dark] .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon-style02 .dropdown-menu .dropdown:hover > a, [data-header-hover=dark] .navbar-nav .dropdown-with-icon .dropdown-menu .dropdown:hover > a { + color: var(--white); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list { + background-color: var(--dark-gray); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item { + border-color: #3e3e3e; +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total { + background-color: var(--black); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span { + color: var(--white); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a { + color: var(--medium-gray); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover { + color: var(--white); +} +[data-header-hover=dark] .header-cart-icon .header-cart .cart-item-list .cart-item .close { + color: var(--white); +} +[data-header-hover=dark] .header-language-icon .header-language .language-dropdown { + background-color: var(--dark-gray); +} +[data-header-hover=dark] .header-language-icon .header-language .language-dropdown a { + color: var(--light-gray); +} +[data-header-hover=dark] .header-language-icon .header-language .language-dropdown a:hover { + color: var(--white); + opacity: 1; +} +.submenu-dark { + background-color: var(--dark-gray) !important; +} +.submenu-dark .navbar-brand .alt-logo { + visibility: visible; + opacity: 1; + width: auto; +} +.submenu-dark .navbar-brand .default-logo { + visibility: hidden; + opacity: 0; + width: 0; +} +.submenu-dark .navbar-nav .dropdown .dropdown-menu { + background-color: var(--dark-gray); +} +.submenu-dark .navbar-nav .dropdown .dropdown-menu a { + color: var(--light-gray); +} +.submenu-dark .navbar-nav .dropdown .dropdown-menu a:hover { + color: var(--white); +} +.submenu-dark .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--white); +} +.submenu-dark .navbar-nav .submenu-content { + border-color: #424242 !important; +} +.submenu-dark .navbar-nav .submenu-content ul .sub-title { + color: var(--white); +} +.submenu-dark .navbar-nav .submenu-content ul:before { + background-color: var(--medium-gray); +} +.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu { + background-color: var(--dark-gray); +} +.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a { + color: var(--light-gray); +} +.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover { + color: var(--white); +} +.submenu-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a { + color: var(--white); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list { + background-color: var(--dark-gray); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item { + border-color: #3e3e3e; +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total { + background-color: var(--black); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span { + color: var(--white); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a { + color: var(--medium-gray); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover { + color: var(--white); +} +.submenu-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close { + color: var(--white); +} +.submenu-dark .header-cart-icon .header-language .language-dropdown { + background-color: var(--dark-gray); +} +.submenu-dark .header-cart-icon .header-language .language-dropdown a { + color: var(--light-gray); +} +.submenu-dark .header-cart-icon .header-language .language-dropdown a:hover { + color: var(--white); + opacity: 1; +} +/* Header hover submenu light */ +.submenu-light { + background-color: var(--white) !important; +} +.submenu-light .navbar-brand .alt-logo { + visibility: visible; + opacity: 1; + width: auto; +} +.submenu-light .navbar-brand .default-logo { + visibility: hidden; + opacity: 0; + width: 0; +} +.submenu-light .navbar-nav .nav-link { + color: var(--dark-gray); +} +.submenu-light .header-icon .icon > a { + color: var(--dark-gray); +} +.submenu-light .header-icon .icon > a:hover { + color: var(--medium-gray); +} +.submenu-light .header-icon .icon .push-button span { + background-color: var(--dark-gray); +} +.submenu-light .header-icon .icon .header-language > a, .submenu-light .header-icon .icon .header-cart > a { + color: var(--dark-gray); +} +.submenu-light .header-icon .icon .header-language > a:hover, .submenu-light .header-icon .icon .header-cart > a:hover { + color: var(--medium-gray); +} +.submenu-light .menu-item-list .nav-link { + color: var(--dark-gray); +} +.submenu-light .menu-item-list .nav-link:hover { + color: var(--dark-gray); + opacity: 0.6; +} +.submenu-light .menu-item-list .sub-menu a { + color: var(--dark-gray); + opacity: 0.6; +} +.submenu-light .menu-item-list .menu-item .toggle { + color: var(--dark-gray); +} +.submenu-light .widget-text { + color: var(--dark-gray); +} +.submenu-light .widget-text a { + color: var(--dark-gray); +} +/* Header dark */ +.header-dark .navbar-nav .dropdown .dropdown-menu { + background-color: var(--dark-gray); +} +.header-dark .navbar-nav .dropdown .dropdown-menu a { + color: var(--light-gray); +} +.header-dark .navbar-nav .dropdown .dropdown-menu a:hover { + color: var(--white); +} +.header-dark .navbar-nav .dropdown .dropdown-menu li.active > a { + color: var(--white); +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { + border-bottom: 0; +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span { + color: var(--white); +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a p { + color: var(--light-gray); +} +.header-dark .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before { + color: var(--white); +} +.header-dark .navbar-nav .submenu-content { + border-color: #424242 !important; +} +.header-dark .navbar-nav .submenu-content ul .sub-title { + color: var(--white); +} +.header-dark .navbar-nav .submenu-content ul:before { + background-color: var(--medium-gray); +} +.header-dark .navbar-nav .simple-dropdown .dropdown-menu { + background-color: var(--dark-gray); +} +.header-dark .navbar-nav .simple-dropdown .dropdown-menu a { + color: var(--light-gray); +} +.header-dark .navbar-nav .simple-dropdown .dropdown-menu a:hover { + color: var(--white); +} +.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown.open > a { + color: var(--white); +} +.header-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a { + color: var(--white); +} +.header-dark .header-cart-icon .header-cart .cart-item-list { + background-color: var(--dark-gray); +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item { + border-color: #3e3e3e; +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total { + background-color: var(--black); +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item.cart-total span { + color: var(--white); +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a { + color: var(--medium-gray); +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a:hover { + color: var(--white); +} +.header-dark .header-cart-icon .header-cart .cart-item-list .cart-item .close { + color: var(--white); +} +.header-dark .header-language-icon .header-language .language-dropdown { + background-color: var(--dark-gray); +} +.header-dark .header-language-icon .header-language .language-dropdown a { + color: var(--light-gray); +} +.header-dark .header-language-icon .header-language .language-dropdown a:hover { + color: var(--white); + opacity: 1; +} +/* Header light */ +.header-light .navbar-nav .nav-link { + color: var(--dark-gray); +} +.header-light .header-icon .icon > a { + color: var(--dark-gray); +} +.header-light .header-icon .icon > a:hover { + color: var(--dark-gray); + opacity: 0.6; +} +.header-light .header-icon .icon .push-button span { + background-color: var(--dark-gray); +} +.header-light .header-icon .icon .header-language > a, .header-light .header-icon .icon .header-cart > a { + color: var(--dark-gray); +} +.header-light .header-icon .icon .header-language > a:hover, .header-light .header-icon .icon .header-cart > a:hover { + color: var(--dark-gray); + opacity: 0.6; +} +.header-light .menu-item-list .nav-link { + color: var(--dark-gray); +} +.header-light .menu-item-list .nav-link:hover { + color: var(--dark-gray); + opacity: 0.6; +} +.header-light .menu-item-list .sub-menu a { + color: var(--medium-gray); + opacity: 1; +} +.header-light .menu-item-list .sub-menu a:hover { + color: var(--dark-gray); +} +.header-light .menu-item-list .sub-menu .active > a { + color: var(--dark-gray); +} +.header-light .menu-item-list .menu-item .menu-toggle:before, .header-light .menu-item-list .menu-item .menu-toggle:after { + background-color: var(--dark-gray); +} +.header-light .widget-text { + color: var(--dark-gray); +} +.header-light .widget-text a { + color: var(--dark-gray); +} +/* Header icon */ +.header-icon { + display: flex; + align-items: center; +} +.header-icon .icon { + position: relative; + line-height: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.header-icon .icon > a { + padding-left: 16px; + font-size: 17px; + color: var(--white); +} +.header-icon .icon > a:hover { + color: var(--white); + opacity: 0.6; +} +.header-icon .icon:first-child a:first-child { + padding-left: 0; +} +.header-icon .icon .header-language, .header-icon .icon .header-cart { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: stretch; + -ms-grid-row-align: stretch; + align-self: stretch; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +.header-icon .icon .header-language > a, .header-icon .icon .header-cart > a { + padding-left: 14px; + color: var(--white); + font-size: 17px; +} +.header-icon .icon .header-language > a:hover, .header-icon .icon .header-cart > a:hover { + color: var(--white); + opacity: 0.6; +} +.header-icon .header-mail { + padding-right: 35px; + top: 0; +} +.header-icon .header-mail .mail { + font-size: 14px; +} +.header-icon .header-mail .mail i { + vertical-align: middle; + padding-right: 5px; +} +.header-icon .header-social-icon a { + font-size: 17px; + padding-left: 20px; + flex-shrink: 0; +} +/* Header cart */ +.header-cart-icon .header-cart { + display: inline-block; +} +.header-cart-icon .header-cart .cart-item-list { + display: none; + left: auto; + right: 0; + box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); + border-radius: 0; + background-color: var(--white); + border: 0; + padding: 0; + min-width: 250px; + margin: 0; + position: absolute; + z-index: 1; + top: 100%; +} +.header-cart-icon .header-cart .cart-item-list .cart-item { + display: flex; + padding: 17px; + border-top: 1px solid #ededed; + position: relative; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .close { + font-size: 16px; + position: absolute; + right: 15px; + top: 15px; + font-weight: 400; + color: var(--dark-gray); +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-image { + max-width: 50px; + width: 30%; + display: inline-block; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail { + padding-left: 15px; + width: 70%; + text-align: left; + display: inline-block; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a { + color: var(--dark-gray); + font-size: 12px; + display: inline-block; + line-height: 16px; + padding: 0; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount { + display: block; + font-size: 11px; + color: var(--medium-gray); + line-height: normal; +} +.header-cart-icon .header-cart .cart-item-list .cart-item:first-child { + border-top: 0; +} +.header-cart-icon .header-cart .cart-item-list .cart-total { + background-color: var(--very-light-gray); + flex-direction: column !important; + color: var(--dark-gray); +} +.header-cart-icon .header-cart .cart-item-list .cart-total span { + line-height: 20px; + display: inline-block; +} +.header-cart-icon .header-cart .cart-item-list .cart-total .btn { + width: 100%; + display: block; + margin: 8px 0; +} +.header-cart-icon .header-cart.open .cart-item-list { + display: block; + -webkit-animation: show-animation 0.5s; + animation: show-animation 0.5s; +} +.header-cart-icon a { + position: relative; +} +.header-cart-icon .cart-count { + position: absolute; + top: -7px; + right: -11px; + width: 17px; + height: 17px; + font-weight: 600; + text-align: center; + font-size: 10px; + line-height: 18px; + background-color: var(--base-color); + color: var(--white); + -webkit-border-radius: 100%; + border-radius: 100%; + -webkit-transition: 0.5s; + transition: 0.5s; +} +/* Header language */ +.header-language-icon .header-language { + display: inline-block; +} +.header-language-icon .header-language .language-dropdown { + position: absolute; + right: 0; + top: 100%; + padding: 20px; + list-style: none; + background-color: var(--white); + display: none; + box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); + -webkit-animation: hide-animation 0.5s; + animation: hide-animation 0.5s; + z-index: 9; + text-align: left; + margin: 0; + min-width: 140px; +} +.header-language-icon .header-language .language-dropdown li a { + color: var(--medium-gray); + font-size: 12px; + line-height: 28px; + padding: 0; +} +.header-language-icon .header-language .language-dropdown li a .icon-country { + width: 16px; + height: 16px; + display: inline-block; + margin: 0 10px 0 5px; +} +.header-language-icon .header-language .language-dropdown li a:hover { + color: var(--dark-gray); + opacity: 1; +} +.header-language-icon .header-language.open .language-dropdown { + display: block; + -webkit-animation: show-animation 0.5s; + animation: show-animation 0.5s; +} +/* Header widget */ +.widget-text { + color: var(--white); +} +header a.widget-text:hover { + opacity: 0.6; +} +/* Header push button */ +.header-push-button { + padding-left: 16px; +} +.header-push-button .push-button { + position: relative; + display: block; + width: 22px; + height: 14px; + padding: 0; + cursor: pointer; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.header-push-button .push-button span { + background: var(--white); + height: 2px; + width: 22px; + content: ""; + display: block; + border-radius: 0; + position: absolute; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: 0.25s; + transition: 0.25s; +} +.header-push-button .push-button span:nth-child(2) { + top: 6px; +} +.header-push-button .push-button span:nth-child(3) { + top: 6px; +} +.header-push-button .push-button span:nth-child(4) { + top: 12px; + width: 14px; + left: -8px; +} +.header-push-button .push-button:hover { + opacity: 0.6; +} + +.show-menu .header-push-button .push-button span:nth-child(1) { + top: 7px; + width: 0%; +} +.show-menu .header-push-button .push-button span:nth-child(2) { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.show-menu .header-push-button .push-button span:nth-child(3) { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.show-menu .header-push-button .push-button span:nth-child(4) { + top: 7px; + width: 0%; +} +.navbar-modern-inner { + display: none; +} +.navbar-modern-inner .navbar-toggler { + display: none; +} +/* Header push menu */ +.show-menu { + overflow: hidden; +} +.show-menu .push-menu { + right: 0; + -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 60px rgba(0, 0, 0, 0.3); +} +.show-menu .push-menu .close-menu { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + -webkit-transition-delay: 0.5s; + transition-delay: 0.5s; + visibility: visible; + cursor: pointer; +} +.show-menu .push-menu.push-menu-left { + right: auto; + left: 0; +} +.push-menu { + position: fixed; + top: 0; + right: -100%; + width: 400px; + height: 100%; + z-index: 1031; + overflow-y: auto; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.push-menu.push-menu-left { + right: auto; + left: -100%; +} +.push-menu .left-circle { + width: 500px !important; + height: 500px; + position: absolute; + left: -160px; + top: -80px; + -webkit-border-radius: 100%; + border-radius: 100%; +} +.push-menu .left-circle:before, .push-menu .left-circle:after { + width: 100%; + height: 100%; + border: 1px solid var(--light-medium-gray); + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + transform: translate(10px, 5px); + -webkit-border-radius: 100%; + border-radius: 100%; +} +.push-menu .left-circle:after { + transform: translate(5px, 5px); +} +.push-menu .close-menu { + height: 40px; + width: 40px; + text-align: center; + position: absolute; + right: 50px; + top: 50px; + z-index: 9; + display: flex; + border-radius: 100%; + align-items: center; + justify-content: center; + opacity: 0; + visibility: hidden; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.push-menu .push-menu-wrapper { + height: 100%; + overflow-y: hidden; + padding: 20px 0; +} +.push-menu .push-menu-wrapper .mCustomScrollBox { + display: flex; +} +.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { + align-self: center; +} +.push-menu .push-menu-wrapper .mCustomScrollBox .mCSB_container { + width: 100%; + align-self: flex-start; +} +.push-menu .push-menu-wrapper .mCSB_inside > .mCSB_container { + margin: 0 !important; + padding: 0 15px !important; +} +.push-menu.push-menu-style-2 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { + align-self: start; +} +.push-menu.push-menu-style-3 .push-menu-wrapper .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { + height: 100%; + display: flex; + flex-wrap: wrap; + align-content: space-between; +} +/* Header center logo */ +.center-logo .navbar-nav .nav-link { + padding: 38px 20px; +} +.center-logo .menu-logo .d-none { + -ms-flex-item-align: center; + -ms-grid-row-align: center; + align-self: center; +} +.center-logo .navbar-brand { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + transition: none; +} +.center-logo .navbar-left, .center-logo .navbar-right { + width: 42%; +} +/* Header top logo */ +.top-logo .navbar-brand { + padding: 22px 0; +} +.top-logo .navbar-nav .nav-link { + padding-top: 25px !important; + padding-bottom: 25px !important; +} +/* Header left menu simple */ +.left-sidebar-wrapper { + padding-left: 300px; + position: relative; + min-height: 300px; + width: 100%; +} +.left-sidebar-wrapper .collapse:not(.show) { + display: block !important; +} +header.sticky .left-sidebar-nav .navbar-nav .nav-link { + padding: 0; +} +.left-sidebar-header { + position: absolute; + left: 0; + width: 301px; + top: -100%; + bottom: 0; + z-index: 999; + display: block; +} +.left-sidebar-header .menu-item-list .menu-item .nav-link { + font-size: 16px; + line-height: 20px; +} +.left-sidebar-header .menu-item-list .menu-item .menu-toggle { + top: 10px; +} +.left-sidebar-header .menu-item-list .menu-item .sub-menu .menu-toggle { + top: 0; +} +.left-sidebar-nav { + width: 300px; + padding: 80px 50px; + left: 0; + position: fixed; + overflow: hidden; + display: block; + height: inherit; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.left-sidebar-nav .left-menu-bottom { + width: 100%; +} +.left-sidebar-nav .left-menu-bottom .header-icon .icon a { + padding: 0 15px; +} +.left-sidebar-nav .navbar-brand { + padding: 0 !important; +} +.left-sidebar-nav .side-menu { + margin-top: 10.5rem; + margin-bottom: 10.5rem; + width: 100%; +} +.left-sidebar-nav .navbar-toggler { + display: none; +} +.social-text { + width: 100%; + display: inline-block; + color: var(--medium-gray); + font-size: 13px; + line-height: 16px; +} +.connect-me a { + color: var(--dark-gray); + display: table; +} +.connect-me a:hover { + opacity: 0.6; +} +.connect-me .widget-text { + color: var(--dark-gray); + display: table; +} +/* Menu list */ +.menu-item-list { + display: block; + width: 100%; + list-style: none; + padding: 0; + margin-bottom: 0; +} +.menu-item-list .menu-item { + position: relative; + margin: 0; +} +.menu-item-list .menu-item ul { + list-style: none; + padding: 0; +} +.menu-item-list .menu-item .menu-toggle { + display: block; + position: absolute; + right: 0; + top: 14px; + cursor: pointer; + z-index: 1; + width: 30px; + height: 30px; + line-height: 30px; +} +.menu-item-list .menu-item .menu-toggle:before, .menu-item-list .menu-item .menu-toggle:after { + content: ""; + display: block; + position: absolute; + right: 10px; + top: 15px; + height: 1px; + width: 11px; + background-color: var(--white); +} +.menu-item-list .menu-item .menu-toggle:after { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.menu-item-list .menu-item .menu-toggle.show:after { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); +} +.menu-item-list .menu-item .sub-menu .menu-toggle { + top: 0; +} +.menu-item-list .menu-item .sub-menu .menu-toggle:before, .menu-item-list .menu-item .sub-menu .menu-toggle:after { + width: 7px; +} +.menu-item-list .menu-item .sub-menu .active > a { + opacity: 1; +} +.menu-item-list .active .nav-link { + opacity: 0.6; +} +.menu-item-list .nav-link { + padding: 5px 20px 5px 0; + font-size: 20px; + line-height: 28px; + display: inline-block; + width: 100%; + margin: 9px 0; + color: var(--white); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.menu-item-list .nav-link:hover { + color: var(--white); + opacity: 0.6; +} +.menu-item-list .sub-menu { + padding: 0; + display: block; + height: 0; + overflow: hidden; + list-style: none; + margin: 0; + position: relative !important; + transform: none !important; + background-color: transparent; + border: 0; +} +.menu-item-list .sub-menu li { + position: relative; + margin: 0; + padding: 5px 0; +} +.menu-item-list .sub-menu li .sub-menu { + margin: 0; + padding-left: 15px; +} +.menu-item-list .sub-menu li .sub-menu li { + padding: 10px 0 0; +} +.menu-item-list .sub-menu li .sub-menu li a { + padding: 0; +} +.menu-item-list .sub-menu li .sub-menu li a i { + margin-right: 10px; +} +.menu-item-list .sub-menu li .sub-menu li:first-child { + margin-top: 10px; +} +.menu-item-list .sub-menu li .sub-menu li:last-child { + margin-bottom: 10px; +} +.menu-item-list .sub-menu li:last-child { + margin-bottom: 0; +} +.menu-item-list .sub-menu li:last-child .sub-menu li:last-child { + margin-bottom: 0; +} +.menu-item-list .sub-menu a { + font-size: 15px; + line-height: 22px; + display: block; + color: var(--light-gray); + margin: 0; + padding-right: 20px; +} +.menu-item-list .sub-menu a:hover { + color: var(--white); +} +.menu-item-list .sub-menu a .label { + display: inline-block; + padding: 5px 10px; + font-size: 10px; + line-height: initial; + margin-left: 8px; + margin-top: 0px; + vertical-align: middle; + font-weight: 700; + text-transform: uppercase; + white-space: nowrap; +} +.menu-item-list .sub-menu.show { + height: auto; + overflow: visible; +} +/* Header left menu modern */ +.left-modern-menu { + padding-left: 75px; +} +.left-modern-menu .collapse:not(.show) { + display: block !important; +} +.left-modern-menu .left-modern-header .navbar-brand { + position: relative; + z-index: 9; + width: 100%; + padding: 0 !important; + text-align: center; +} +.left-modern-menu .left-modern-header .navbar-brand img { + max-height: 45px; +} +.left-modern-menu .left-modern-header .modern-sidebar-nav { + position: fixed; + height: 100%; + width: 380px; + overflow-y: auto; + top: 0; + left: -400px; + transition-duration: 0.3s; + z-index: 9; +} +.left-modern-menu .left-modern-header .modern-sidebar-nav:hover .side-menu-hover-background-color { + opacity: 1; +} +.left-modern-menu .left-modern-header .modern-side-menu { + padding: 75px 40px; + height: 100%; + overflow-y: hidden; +} +.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox { + display: flex; + width: 100%; +} +.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container { + align-self: flex-start; + width: 100%; + margin: 0; + padding: 0 30px; +} +.left-modern-menu .left-modern-header .modern-side-menu .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y { + align-self: center; +} +.left-modern-menu .left-modern-header.show .modern-sidebar-nav { + left: 75px; + box-shadow: 0 0 150px rgba(0, 0, 0, 0.2); +} +.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(1) { + top: 7px; + width: 0%; +} +.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(2) { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(3) { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.left-modern-menu .left-modern-header.show .navbar-toggler-line:nth-child(4) { + top: 7px; + width: 0%; +} +.side-menu-hover-background-color { + position: absolute; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition-duration: 0.6s; + transition-duration: 0.6s; +} +/* Header left menu modern dark */ +.header-dark .social-text { + color: var(--white); +} +.header-dark .connect-me .widget-text { + color: var(--white); +} +.header-dark .connect-me a { + color: var(--white); +} +.header-dark .connect-me a:hover { + opacity: 0.6; +} +.header-dark.left-modern-sidebar .navbar-toggler-line { + background-color: var(--white); +} +.vertical-title { + display: flex; + height: 100%; + flex: 1; + justify-content: flex-end; + flex-direction: column; + -webkit-transform: translateY(-75px); + transform: translateY(-75px); +} +.vertical-title .title { + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + white-space: nowrap; + text-transform: uppercase; +} +.menu-list-wrapper { + overflow: auto; + height: calc(100vh - 150px); + padding: 50px 0; +} +.menu-list-wrapper .mCustomScrollBox { + display: flex; + width: 100%; +} +.menu-list-wrapper .mCustomScrollBox .mCSB_container { + align-self: flex-start; + width: 100%; + margin: 0; +} +.menu-list-wrapper .mCustomScrollBox .mCSB_container.mCS_no_scrollbar_y { + align-self: center; +} +.left-modern-sidebar { + position: fixed; + top: 0; + left: 0; + z-index: 999; + height: 100%; + width: 75px; + padding: 35px 0; +} +.left-modern-sidebar .toggle-icon { + position: absolute; + top: 50%; + left: 50%; + z-index: 9; + -webkit-transform: translate(-12px, -50%); + transform: translate(-12px, -50%); +} +.left-modern-sidebar .toggle-icon .navbar-toggler { + margin: 0; + position: relative; + margin: 0 auto; + z-index: 99; + cursor: pointer; +} +/* Hamburger menu */ +.hamburger-nav { + width: 50%; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.hamburger-nav .menu-item-list { + margin-bottom: 0; + padding: 0 30px; +} +.hamburger-nav .menu-item-list .menu-item { + margin: 0; +} +.hamburger-menu .header-icon { + position: absolute; + left: 0; + bottom: -50px; +} +/* Hamburger menu half */ +.show-menu .hamburger-menu-half .hamburger-logo { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.2s; +} +.show-menu .hamburger-menu-half .menu-address { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.4s; +} +.show-menu .hamburger-menu-half .menu-text { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.8s; +} +.show-menu .hamburger-menu-half .elements-social { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.8s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item { + transform: translateY(0px); + -webkit-transform: translateY(0px); + opacity: 1; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(1) { + transition-delay: 0.27s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(2) { + transition-delay: 0.34s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(3) { + transition-delay: 0.41s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(4) { + transition-delay: 0.48s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(5) { + transition-delay: 0.55s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(6) { + transition-delay: 0.62s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(7) { + transition-delay: 0.69s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(8) { + transition-delay: 0.76s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(9) { + transition-delay: 0.83s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(10) { + transition-delay: 0.9s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(11) { + transition-delay: 0.97s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(12) { + transition-delay: 1.04s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(13) { + transition-delay: 1.11s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(14) { + transition-delay: 1.18s; +} +.show-menu .hamburger-menu-half .menu-item-list .menu-item:nth-child(15) { + transition-delay: 1.25s; +} +.hamburger-menu-half .hamburger-logo { + transform: translateY(30px); + opacity: 0; + transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-half .menu-address { + transform: translateY(30px); + opacity: 0; + transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-half .elements-social { + transform: translateY(30px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-half .menu-item-list .menu-item { + transform: translateY(30px); + opacity: 0; + transition: transform 0.8s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.4s cubic-bezier(0.8, 0.01, 0.165, 0.99); +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(1) { + transition-delay: 0.49s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(2) { + transition-delay: 0.42s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(3) { + transition-delay: 0.35s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(4) { + transition-delay: 0.28s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(5) { + transition-delay: 0.21s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(6) { + transition-delay: 0.14s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(7) { + transition-delay: 0.07s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(8) { + transition-delay: 0s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(9) { + transition-delay: -0.07s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(10) { + transition-delay: -0.14s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(11) { + transition-delay: -0.21s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(12) { + transition-delay: -0.28s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(13) { + transition-delay: -0.35s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(14) { + transition-delay: -0.42s; +} +.hamburger-menu-half .menu-item-list .menu-item:nth-child(15) { + transition-delay: -0.49s; +} +/* Hamburger menu simple */ +.show-menu .hamburger-menu-simple { + opacity: 1; + visibility: visible; + top: 0px; +} +.show-menu .hamburger-menu-simple .hamburger-menu { + opacity: 1; +} +.show-menu .hamburger-menu-simple .hamburger-logo { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.2s; +} +.show-menu .hamburger-menu-simple .menu-address { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.4s; +} +.show-menu .hamburger-menu-simple .menu-text { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.8s; +} +.show-menu .hamburger-menu-simple .elements-social { + transform: translateY(0px); + opacity: 1; + transition-delay: 0.8s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item { + transform: scale(1) translateY(0px); + -webkit-transform: scale(1) translateY(0px); + opacity: 1; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(1) { + transition-delay: 0.27s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(2) { + transition-delay: 0.34s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(3) { + transition-delay: 0.41s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(4) { + transition-delay: 0.48s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(5) { + transition-delay: 0.55s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(6) { + transition-delay: 0.62s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(7) { + transition-delay: 0.69s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(8) { + transition-delay: 0.76s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(9) { + transition-delay: 0.83s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(10) { + transition-delay: 0.9s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(11) { + transition-delay: 0.97s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(12) { + transition-delay: 1.04s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(13) { + transition-delay: 1.11s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(14) { + transition-delay: 1.18s; +} +.show-menu .hamburger-menu-simple .menu-item-list .menu-item:nth-child(15) { + transition-delay: 1.25s; +} +.hamburger-menu-simple { + width: 100%; + right: 0; + opacity: 1; + visibility: collapse; + height: 100vh; + max-height: 100dvh; + top: -100%; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.hamburger-menu-simple .navbar-brand { + position: absolute; + top: 100px; + left: 0; + right: 0; +} +.hamburger-menu-simple .hamburger-menu { + padding: 30px 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); + transition-delay: 0.4s; + opacity: 0; +} +.hamburger-menu-simple .hamburger-menu .header-icon { + bottom: 100px; +} +.hamburger-menu-simple .hamburger-logo { + transform: translateY(-50px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-simple .menu-address { + transform: translateY(-50px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-simple .menu-text { + transform: translateY(-50px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-simple .elements-social { + transform: translateY(-50px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-simple .menu-item-list .menu-item { + transform: scale(1.15) translateY(-30px); + opacity: 0; + transition: transform 0.5s cubic-bezier(0.4, 0.01, 0.165, 0.99), opacity 0.6s cubic-bezier(0.4, 0.01, 0.165, 0.99); +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(1) { + transition-delay: 0.49s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(2) { + transition-delay: 0.42s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(3) { + transition-delay: 0.35s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(4) { + transition-delay: 0.28s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(5) { + transition-delay: 0.21s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(6) { + transition-delay: 0.14s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(7) { + transition-delay: 0.07s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(8) { + transition-delay: 0s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(9) { + transition-delay: -0.07s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(10) { + transition-delay: -0.14s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(11) { + transition-delay: -0.21s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(12) { + transition-delay: -0.28s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(13) { + transition-delay: -0.35s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(14) { + transition-delay: -0.42s; +} +.hamburger-menu-simple .menu-item-list .menu-item:nth-child(15) { + transition-delay: -0.49s; +} +.hamburger-menu-simple .menu-item-list .nav-link { + font-size: 20px; + width: auto; + position: relative; +} +.hamburger-menu-simple .menu-item-list .nav-link:hover { + opacity: 0.6; +} +.hamburger-logo img { + max-height: 45px; +} +/* Right push menu */ +.right-push-menu .menu-item-list .menu-item .toggle { + top: 18px; +} +.right-push-menu .menu-item-list .sub-menu li .toggle { + top: 4px; +} +.right-push-menu .menu-item-list .nav-link { + font-size: 1.5rem; + line-height: 2.5rem; +} +.right-push-menu .left-menu-bottom { + margin-top: 30px; +} +.right-push-menu .left-menu-bottom .header-icon { + position: relative; + bottom: 0; +} +/* Header search popup */ +.show-search-popup { + overflow: hidden; +} +.show-search-popup header .navbar { + z-index: 110; +} +.show-search-popup .search-form-wrapper { + opacity: 1; + visibility: visible; + cursor: url(../images/mfg-close.png), auto; +} +.show-search-popup .search-form-wrapper .search-form { + height: 50%; + cursor: default; + visibility: visible; + opacity: 1; +} +.search-form-wrapper { + background: rgba(35, 35, 35, 0.9); + width: 100%; + left: 0; + top: 0; + overflow: hidden !important; + display: block !important; + height: 100vh; + position: fixed; + visibility: hidden; + opacity: 0; + z-index: 999; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.search-form-wrapper .search-form { + height: 0; + background-color: var(--white); + width: 100%; + left: 0; + top: 0; + display: flex; + align-items: center; + justify-content: center; + position: absolute; + opacity: 0; + visibility: hidden; + -webkit-transition: 0.6s; + transition: 0.6s; +} +.search-form-wrapper .search-form .search-input { + outline: none; + border: 0; + border-bottom: 1px solid rgba(23, 23, 23, 0.2); + color: var(--dark-gray); + font-size: 18px; + padding: 20px 0; + background: transparent; + line-height: 2.5rem; + -webkit-border-radius: 0px; + border-radius: 0px; + height: 80px; + width: 100%; +} +.search-form-wrapper .search-form .search-input::-moz-placeholder { + color: var(--light-gray); + opacity: 1; +} +.search-form-wrapper .search-form .search-input::-webkit-input-placeholder { + color: var(--light-gray); +} +.search-form-wrapper .search-form .search-button { + color: var(--dark-gray); + bottom: 24px; + position: absolute; + font-size: 25px; + right: 0; + line-height: normal; + outline: none; + cursor: pointer; + z-index: 0; + margin-right: 0; + border: none; + background: none; +} +.search-form-wrapper .search-form:hover { + color: var(--light-gray); +} +.search-form-wrapper .search-close { + color: var(--black); + position: fixed; + top: 30px; + right: 35px; + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + font-size: 40px; + font-weight: 300; + width: 44px; + height: 44px; + line-height: 44px; +} +.search-form-wrapper .search-form-box { + position: relative; + width: 45%; +} +/* Custom hide animation */ +@-webkit-keyframes hide-animation { + 0% { + opacity: 1; + } + to { + opacity: 0; + } +} +/* Custom slide animation */ +@-webkit-keyframes show-animation { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +button:focus { + outline: none; +} +/* Header toggle button */ +.navbar-toggler { + font-size: 24px; + width: 22px; + height: 14px; + display: inline-block; + position: relative; + padding: 0; + margin: 0; + border: none; + vertical-align: middle; + border-radius: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.navbar-toggler:focus { + box-shadow: none; +} +.navbar-toggler-line { + background: var(--dark-gray); + height: 2px; + width: 22px; + content: ""; + display: block; + border-radius: 0; + position: absolute; + left: 0; + right: 0; + margin-left: auto; + margin-right: auto; + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + -webkit-transition: 0.25s; + transition: 0.25s; +} +.navbar-toggler-line:nth-child(1) { + top: 0px; + width: 14px; +} +.navbar-toggler-line:nth-child(2) { + top: 6px; +} +.navbar-toggler-line:nth-child(3) { + top: 6px; +} +.navbar-toggler-line:nth-child(4) { + top: 12px; + width: 14px; +} +.navbar-collapse-show .navbar-toggler-line:nth-child(1) { + top: 7px; + width: 0%; +} +.navbar-collapse-show .navbar-toggler-line:nth-child(2) { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); +} +.navbar-collapse-show .navbar-toggler-line:nth-child(3) { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.navbar-collapse-show .navbar-toggler-line:nth-child(4) { + top: 7px; + width: 0%; +} +.navbar-modern-inner { + display: none; +} +.navbar-modern-inner .navbar-toggler { + display: none; +} +.header-with-topbar + .top-space-margin { + margin-top: 136px; +} +.header-with-topbar + .top-space-padding { + padding-top: 136px; +} +.navbar-modern-inner, .navbar-full-screen-menu-inner { + display: none; +} +.top-space-margin { + margin-top: 96px; +} +.top-space-padding { + padding-top: 96px; +} +/* Landing page header */ +.header-demo.navbar .navbar-nav .premium-element { + padding: 35px 40px; + border-radius: 13px; +} +.header-demo.navbar .navbar-nav .premium-element a { + color: #585858; + padding-bottom: 8px; +} +.header-demo.navbar .navbar-nav .premium-element .sub-title { + font-size: 18px; +} +.header-demo.navbar .navbar-nav .nav-item:first-child .dropdown-menu a { + color: var(--dark-gray); +} +.header-demo.navbar .navbar-nav .nav-link { + font-weight: 600; +} +.header-demo.navbar .navbar-nav .dropdown .dropdown-menu a { + font-weight: 500; +} +.header-demo.navbar.header-dark .navbar-nav .nav-item:first-child .dropdown-menu a { + color: var(--white); +} +/* =================================== + 11. Page title +====================================== */ +/* Breadcrumb */ +.breadcrumb { + margin: 0; +} +.breadcrumb ul { + margin: 0; + padding: 0; +} +.breadcrumb-style-01 ul li { + display: inline-block; +} +.breadcrumb-style-01 ul li:after { + content: "\e844"; + font-family: "feather"; + font-size: 13px; + font-weight: 900; + display: inline-block; + vertical-align: middle; + padding: 0 8px 0 10px; +} +.breadcrumb-style-01 ul li:last-child:after { + content: ""; + padding: 0; +} +/* Page title style */ +.page-title-double-large h1 { + font-size: 3.6rem; + line-height: 3.3rem; +} +.page-title-double-large h2 { + font-size: 17px; + line-height: 26px; +} +.page-title-extra-large h1 { + font-size: 3.3rem; + line-height: 3.3rem; +} +.page-title-extra-large h2 { + font-size: 18px; + line-height: 26px; +} +.page-title-large h1 { + font-size: 2.8rem; + line-height: 3rem; +} +.page-title-large h2 { + font-size: 16px; + line-height: 22px; +} +.page-title-medium h1 { + font-size: 2rem; + line-height: 2.2rem; +} +.page-title-medium h2 { + font-size: 16px; + line-height: 22px; +} +.page-title-small h1 { + font-size: 1.625rem; + line-height: 1.875rem; +} +.page-title-small h2 { + font-size: 16px; + line-height: 22px; +} +.page-title-extra-small h1 { + font-size: 17px; + line-height: 20px; +} +.page-title-extra-small h2 { + font-size: 3.8rem; + line-height: 3.8rem; +} +.page-title-button-style.page-title-button-style { + -webkit-transition: all 0.3s; + transition: all 0.3s; +} +.page-title-button-style h1 { + padding: 13px 30px; + display: inline-block; +} +.page-title-mini-version h1 { + font-size: 20px; + line-height: 30px; +} +/* Down section icon */ +.down-section { + position: absolute; + bottom: 60px; + left: 0; + right: 0; + width: 100%; +} +.down-section a { + display: inline-block; +} +.down-section.down-bottom { + bottom: 0; + -webkit-transform: translateY(50%); + transform: translateY(50%); +} +/* Down section line */ +.down-section-line .section-line { + position: relative; +} +.down-section-line .section-line:before { + position: absolute; + left: 0; + top: 0; + content: ""; + height: 0; + width: 100%; + -webkit-transition: all 0.5s; + transition: all 0.5s; + background-color: var(--base-color); +} +.down-section-line:hover .section-line:before { + height: 100%; +} +/* =================================== + 12. Layout +====================================== */ +/* Sidebar */ +.sidebar-list li { + position: relative; + display: inline-block; + width: 100%; + margin-bottom: 15px; + line-height: 18px; +} +.sidebar-list li a { + display: inline-block; + text-align: left; +} +.sidebar-list li a:hover { + color: var(--base-color) !important; +} +.sidebar-list li .item-qty { + font-size: 14px; + position: absolute; + top: 1px; + right: 0; + text-align: right; +} +.sidebar-list li:last-child { + margin-bottom: 0; +} +.latest-post-sidebar { + list-style: none; + padding: 0; + margin: 0; +} +.latest-post-sidebar li { + margin-bottom: 25px; +} +.latest-post-sidebar li figure { + height: 65px; + width: 80px; + margin: 0; +} +.latest-post-sidebar li .media-body { + line-height: normal; + padding-left: 30px; + position: relative; + top: -3px; +} +.latest-post-sidebar li:last-child { + margin-bottom: 0; +} +.popular-post-sidebar { + list-style: none; + padding: 0; + margin: 0; +} +.popular-post-sidebar li { + margin-bottom: 25px; +} +.popular-post-sidebar li figure { + height: 100px; + width: 100px; + margin: 0; +} +.popular-post-sidebar li .media-body { + line-height: normal; + padding-left: 30px; + position: relative; +} +.popular-post-sidebar li:last-child { + margin-bottom: 0; +} +.category-list-sidebar { + list-style: none; + padding: 0; + margin: 0; +} +.category-list-sidebar li { + margin-bottom: 15px; +} +.category-list-sidebar li .btn { + right: -10%; + opacity: 0; + -webkit-transform: scale(0.9); + transform: scale(0.9); + -webkit-transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1); + transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1); +} +.category-list-sidebar li:last-child { + margin-bottom: 0; +} +.category-list-sidebar li:hover .btn { + right: -8%; + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.post-sidebar.blog-side-image li { + margin-bottom: 35px; + width: 100%; +} +.post-sidebar.blog-side-image li .blog-box .blog-image { + min-height: 1px; +} +.post-sidebar.blog-side-image li:last-child { + margin-bottom: 0; +} +.tag-cloud a { + display: inline-block; + text-align: center; + font-size: 14px; + line-height: 20px; + margin: 0 6px 10px 0; + padding: 7px 18px; + border-radius: 4px; + border: 1px solid var(--extra-medium-gray); +} +.tag-cloud a:hover, .tag-cloud a.active { + box-shadow: 0 0 10px rgba(23, 23, 23, 0.1); + color: var(--dark-gray); + background-color: var(--white); +} +/* Grid */ +.grid { + list-style: none; + padding: 0; + margin: 0; +} +/* Grid column and gutter spacing */ +.grid li img { + width: 100%; +} +.grid .grid-sizer { + padding: 0 !important; + margin: 0 !important; +} +.grid.gutter-very-small li { + padding: 3px 3px; +} +.grid.gutter-small li { + padding: 5px 5px; +} +.grid.gutter-medium li { + padding: 7px 7px; +} +.grid.gutter-large li { + padding: 10px 10px; +} +.grid.gutter-extra-large li { + padding: 15px; +} +.grid.gutter-double-extra-large li { + padding: 20px; +} +.grid.gutter-triple-extra-large li { + padding: 30px; +} +.grid.grid-6col li { + width: 16.67%; +} +.grid.grid-6col li.grid-item-double { + width: 33.33%; +} +.grid.grid-6col li.grid-item-single { + width: 100%; +} +.grid.grid-5col li { + width: 20%; +} +.grid.grid-5col li.grid-item-double { + width: 40%; +} +.grid.grid-5col li.grid-item-single { + width: 100%; +} +.grid.grid-4col li { + width: 25%; +} +.grid.grid-4col li.grid-item-double { + width: 50%; +} +.grid.grid-4col li.grid-item-single { + width: 100%; +} +.grid.grid-3col li { + width: 33.33%; +} +.grid.grid-3col li.grid-item-double { + width: 66.67%; +} +.grid.grid-3col li.grid-item-single { + width: 100%; +} +.grid.grid-2col li { + width: 50%; +} +.grid.grid-2col li.grid-item-double { + width: 100%; +} +.grid.grid-2col li.grid-item-single { + width: 100%; +} +.grid .gutter-large { + margin-left: 10px; + margin-right: 10px; + margin: 0 10px; +} +/* =================================== + 13. Elements +====================================== */ +/* Accordion */ +.accordion .accordion-item { + color: inherit; + border: none; +} +.accordion .accordion-item .accordion-header { + background-color: transparent; + border: none; + padding: 0; + margin-bottom: 0; +} +.accordion .accordion-item .accordion-header .accordion-title { + cursor: pointer; + padding-right: 25px; +} +.accordion .accordion-item .accordion-header .accordion-title i { + position: absolute; + top: 50%; + right: 0; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.accordion .accordion-item .accordion-collapse { + border: 0; +} +/* Accordion style 01 */ +.accordion-style-01 .accordion-item { + margin-bottom: 20px; + overflow: inherit; + padding: 20px 35px; + -webkit-border-radius: 4px !important; + border-radius: 4px !important; + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-box-shadow: 0px 0px 20px 0px rgba(111, 111, 111, 0.15); + box-shadow: 0px 0px 20px 0px rgba(111, 111, 111, 0.15); +} +.accordion-style-01 .accordion-item:last-child { + margin-bottom: 0; +} +.accordion-style-01 .accordion-item .collapse { + overflow: hidden; +} +.accordion-style-01 .accordion-item .accordion-body { + padding: 12px 45px 10px 0px; +} +.accordion-style-01 .accordion-item .accordion-header .accordion-title > i { + position: static; + -webkit-transform: none; + transform: none; +} +/* Accordion style 02 */ +.accordion-style-02 .accordion-item { + background-color: transparent; +} +.accordion-style-02 .accordion-item .accordion-header { + margin-bottom: 0; + padding: 15px 0; +} +.accordion-style-02 .accordion-item .accordion-header .accordion-title i { + right: 0; +} +.accordion-style-02 .accordion-item.active-accordion .accordion-header { + border-bottom-color: transparent !important; +} +.accordion-style-02 .accordion-item .accordion-body { + padding: 0 25px 30px 0; +} +.accordion-style-02 .right-icon { + background-color: var(--white); + color: var(--dark-gray); +} +.accordion-style-02 .right-icon:hover { + background-color: var(--base-color); + color: var(--white); +} +/* Accordion style 03 */ +.accordion-style-03 .accordion-item { + margin-bottom: 20px; + border: 1px solid rgba(255, 255, 255, 0.15) !important; + -webkit-border-radius: 0; + border-radius: 0; + background-color: transparent; +} +.accordion-style-03 .accordion-item .accordion-header { + padding: 15px 30px; + -webkit-border-radius: 0; + border-radius: 0; +} +.accordion-style-03 .accordion-item .accordion-body { + padding: 30px; + border-top: 1px solid rgba(255, 255, 255, 0.15) !important; +} +/* Accordion style 04 */ +.accordion-style-04 .accordion-item { + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-border-radius: 0; + border-radius: 0; + background-color: transparent; +} +.accordion-style-04 .accordion-item .accordion-header { + padding: 18px 35px; +} +.accordion-style-04 .accordion-item .accordion-body { + padding: 25px 40px 30px; +} +.accordion-style-04 .accordion-item.active-accordion { + -webkit-box-shadow: 0px 5px 25px 0px rgba(111, 111, 111, 0.15); + box-shadow: 0px 5px 25px 0px rgba(111, 111, 111, 0.15); + background: var(--white); +} +/* Accordion style 05 */ +.accordion-style-05 .accordion-item { + margin-bottom: 20px; + overflow: hidden; + padding: 22px 35px 22px 65px; + position: relative; + -webkit-border-radius: 4px !important; + border-radius: 4px !important; + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-box-shadow: 0px 0px 45px 0px rgba(111, 111, 111, 0.15); + box-shadow: 0px 0px 45px 0px rgba(111, 111, 111, 0.15); +} +.accordion-style-05 .accordion-item:last-child { + margin-bottom: 0; +} +.accordion-style-05 .accordion-item .collapse { + overflow: hidden; +} +.accordion-style-05 .accordion-item .accordion-body { + padding: 10px 45px 10px 0px; +} +.accordion-style-05 .accordion-item .number { + position: absolute; + left: -13px; + top: 15px; +} +.accordion-style-05 .accordion-item.active-accordion { + -webkit-box-shadow: 0px 15px 40px 5px rgba(111, 111, 111, 0.15); + box-shadow: 0px 15px 40px 5px rgba(111, 111, 111, 0.15); +} +.accordion-style-05 .accordion-item.active-accordion .number { + -webkit-text-fill-color: var(--base-color); + -webkit-text-stroke-color: var(--base-color); +} +/* Accordion style 06 */ +.accordion-style-06 .accordion-item { + margin-bottom: 0; + overflow: hidden; + padding: 15px 100px 15px 45px; + position: relative; + -webkit-border-radius: 4px !important; + border-radius: 4px !important; +} +.accordion-style-06 .accordion-item:last-child { + margin-bottom: 0; +} +.accordion-style-06 .accordion-item .collapse { + overflow: hidden; + border-radius: 0; +} +.accordion-style-06 .accordion-item .accordion-body { + padding: 10px 0 10px 0px; +} +.accordion-style-06 .accordion-item i { + position: absolute; + right: -32px; + top: 50%; + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; + color: var(--dark-gray); + -webkit-transform: rotate(-35deg) translateY(-50%); + transform: rotate(-35deg) translateY(-50%); +} +.accordion-style-06 .accordion-item .collapsing i { + opacity: 0; +} +.accordion-style-06 .accordion-item.active-accordion { + padding-top: 30px; + padding-bottom: 30px; + background-image: linear-gradient(to bottom, #f2f8f7, #f5fafa, #f9fbfd, #fcfdfe, #ffffff); +} +.accordion-style-06 .accordion-item.active-accordion i { + opacity: 0.15; +} +/* Alert box */ +.alert-success { + background-color: #f1fbec; + color: #54b783; + border-color: #cce8b3; + padding: 10px 20px 10px 20px; +} +.alert { + padding: 20px 25px 20px 30px; + margin-bottom: 30px; + line-height: 22px; + position: relative; + z-index: 1; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.alert.alert-success { + background-color: #f1fbec; + color: #54b783; + border-color: #cce8b3; +} +.alert.alert-info { + background-color: #ebf5f9; + color: #4278bb; + border-color: #bce8f1; +} +.alert.alert-warning { + background-color: #fcf8e3; + color: #e2ad4b; + border-color: #faebcc; +} +.alert.alert-danger { + background-color: #fbf1f1; + color: #e65656; + border-color: #efe1e3; +} +.alert strong { + font-weight: 500; +} +@keyframes hvr-icon-push { + 50% { + -webkit-trasfrom: scale(0.5); + trasfrom: scale(0.5); + } +} +.alert .close { + opacity: 1; + font-size: 16px; + line-height: 22px; + color: rgba(0, 0, 0, 0.34); + text-shadow: none; + float: right; +} +.alert .close i { + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; + -webkit-transition-property: transform; + transition-property: transform; + -webkit-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.alert .close:hover i { + -webkit-animation-name: hvr-icon-push; + animation-name: hvr-icon-push; + -webkit-animation-duration: 0.3s; + animation-duration: 0.3s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-iteration-count: 1; + animation-iteration-count: 1; +} +.alert .close:not(:disabled), .alert .close:not(.disabled):focus, .alert .close:not(.disabled):hover { + opacity: 1; +} +/* Alert box style 02 */ +.alert-box-style-02 .alert { + padding: 22px 60px 22px 30px; + border: none; + line-height: 22px; + -webkit-box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1); + box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1); +} +.alert-box-style-02 .alert.alert-success { + color: #54b783; +} +.alert-box-style-02 .alert.alert-info { + color: #4278bb; +} +.alert-box-style-02 .alert.alert-warning { + color: #e2ad4b; +} +.alert-box-style-02 .alert.alert-danger { + color: #e65656; +} +.alert-box-style-02 .alert .close { + height: 100%; + position: absolute; + right: 0; + width: 60px; + text-align: center; + top: 0; + display: flex; + justify-content: center; + align-items: center; + border-left: 1px solid var(--light-medium-gray); + font-size: 18px; +} +/* Alert box style 03 */ +.alert-box-style-03 .alert { + padding: 20px 30px 20px 55px; + border: 0; +} +.alert-box-style-03 .alert:before { + font-family: bootstrap-icons; + display: inline-block; + position: absolute; + left: 25px; + font-size: 18px; +} +.alert-box-style-03 .alert.alert-success { + background-color: #54b783; +} +.alert-box-style-03 .alert.alert-success:before { + content: "\f26b"; +} +.alert-box-style-03 .alert.alert-info { + background-color: #4278bb; +} +.alert-box-style-03 .alert.alert-info:before { + content: "\f431"; +} +.alert-box-style-03 .alert.alert-warning { + background-color: #e2ad4b; +} +.alert-box-style-03 .alert.alert-warning:before { + content: "\f567"; +} +.alert-box-style-03 .alert.alert-danger { + background-color: #e65656; +} +.alert-box-style-03 .alert.alert-danger:before { + content: "\f623"; +} +.alert-box-style-03 .alert .close { + right: -10px; + position: relative; +} +/* Alert box style 04 */ +.alert-box-style-04 .alert { + padding: 20px 25px 20px 30px; + border-radius: 0; + border: none; + border-left: 3px solid; +} +.alert-box-style-04 .alert:hover { + -webkit-box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1); + box-shadow: 0px 0 10px 0 rgba(111, 111, 111, 0.1); +} +.alert-box-style-04 .alert.alert-success { + color: #54b783; + border-color: #54b783; +} +.alert-box-style-04 .alert.alert-info { + color: #4278bb; + border-color: #4278bb; +} +.alert-box-style-04 .alert.alert-warning { + color: #e2ad4b; + border-color: #e2ad4b; +} +.alert-box-style-04 .alert.alert-danger { + color: #e65656; + border-color: #e65656; +} +/* Alert box style 05 */ +.alert-box-style-05 .alert { + background-color: transparent; + padding-left: 0; + padding-right: 0; + border: none; + border-bottom: 2px solid; + color: var(--dark-gray); + padding: 10px 0; + -webkit-border-radius: 0px; + border-radius: 0px; +} +.alert-box-style-05 .alert.alert-success { + border-color: #54b783; +} +.alert-box-style-05 .alert.alert-info { + border-color: #4278bb; +} +.alert-box-style-05 .alert.alert-warning { + border-color: #e2ad4b; +} +.alert-box-style-05 .alert.alert-danger { + border-color: #e65656; +} +/* Blockquote */ +blockquote footer { + padding: 0; +} +/* Blockquote style 05 */ +.blockquote-style-04 .blockquote-img img { + margin-top: -114px; +} +.blockquote-style-04 .blockquote-content { + padding: 5% 0 5% 26%; + margin-left: -8vw; + -webkit-border-radius: 50px 50px 125px 50px; + border-radius: 50px 50px 125px 50px; +} +/* Use for mac desktop pc */ +@media only screen and (min-width: 1921px) { + .blockquote-style-04 .blockquote-content { + margin-left: -6vw; + } +} +/* Button */ +.btn-box-shadow { + -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); +} +.btn-box-shadow:hover { + -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); + box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15); + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); +} +.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { + border-color: initial; + color: initial; +} +.btn { + display: inline-block; + border: 2px solid transparent; + border-radius: 0; + text-transform: uppercase; + letter-spacing: 0.5px; + width: auto; + font-family: var(--alt-font); + font-weight: 500; + -webkit-transition: all 300ms ease-in-out; + transition: all 300ms ease-in-out; +} +.btn:focus { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn:hover { + background-color: inherit; +} +.btn i { + position: relative; + margin-left: 6px; +} +.btn.btn-extra-large { + font-size: 16px; + padding: 24px 46px; +} +.btn.btn-large { + font-size: 14px; + padding: 18px 34px; +} +.btn.btn-medium { + font-size: 13px; + padding: 16px 30px; +} +.btn.btn-small { + font-size: 12px; + padding: 13px 26px; +} +.btn.btn-very-small { + font-size: 11px; + padding: 10px 20px; +} +.btn.btn-rounded.btn-extra-large { + padding: 18px 46px; +} +.btn.btn-rounded.btn-large { + padding: 14px 36px; +} +.btn.btn-rounded.btn-medium { + padding: 12px 32px; +} +.btn.btn-rounded.btn-small { + padding: 10px 26px; +} +.btn.btn-rounded.btn-very-small { + padding: 8px 20px; +} +.btn.btn-rounded.btn-rounded { + -webkit-border-radius: 50px; + border-radius: 50px; +} +.btn.btn-round-edge { + -webkit-border-radius: 4px; + border-radius: 4px; +} +.btn.btn-round-edge-small { + -webkit-border-radius: 2px; + border-radius: 2px; +} +.btn.btn-link { + padding: 0 0 2px; + position: relative; + text-decoration: none; + border: 0; + border-bottom: 2px solid; + letter-spacing: 0; + background-color: transparent; +} +.btn.btn-link.thin { + border-bottom: 1px solid; +} +.btn.btn-link:hover { + opacity: 0.7; +} +.btn.btn-link:focus-visible { + box-shadow: none; +} +.btn.btn-link-gradient { + padding: 0 0 3px !important; + position: relative; + border: 0; + background-color: transparent; +} +.btn.btn-link-gradient > span { + position: absolute; + bottom: 0; + left: 0; + height: 2px; + width: 100%; +} +.btn.btn-link-gradient.thin span { + height: 1px; +} +.btn.btn-link-gradient.expand span { + width: 50%; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-link-gradient:hover { + opacity: 0.7; +} +.btn.btn-link-gradient:hover.expand:hover span { + width: 100%; +} +.btn.btn-expand { + position: relative; + z-index: 1; +} +.btn.btn-expand span { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + z-index: -1; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.btn.btn-expand:hover, .btn.btn-expand:active { + border-color: transparent; +} +.btn.btn-expand:hover span, .btn.btn-expand:active span { + width: 100%; +} +.btn.btn-expand-ltr { + position: relative; + z-index: 1; + background-color: transparent; + border: 0; + color: initial; +} +.btn.btn-expand-ltr:active { + background-color: transparent; + border: 0; + color: initial; +} +.btn.btn-expand-ltr span { + border-radius: 50px; + position: absolute; + top: 50%; + left: 0; + z-index: -1; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.btn.btn-expand-ltr:hover span { + width: 100% !important; +} +.btn.btn-expand-ltr.btn-extra-large { + padding: 18px 28px; +} +.btn.btn-expand-ltr.btn-extra-large span { + width: 60px; + height: 60px; +} +.btn.btn-expand-ltr.btn-large { + padding: 14px 26px; +} +.btn.btn-expand-ltr.btn-large span { + width: 50px; + height: 50px; +} +.btn.btn-expand-ltr.btn-medium { + padding: 12px 24px; +} +.btn.btn-expand-ltr.btn-medium span { + width: 44px; + height: 44px; +} +.btn.btn-expand-ltr.btn-small { + padding: 10px 22px; +} +.btn.btn-expand-ltr.btn-small span { + width: 40px; + height: 40px; +} +.btn.btn-expand-ltr.btn-very-small { + padding: 8px 18px; +} +.btn.btn-expand-ltr.btn-very-small span { + width: 38px; + height: 38px; +} +.btn.btn-hover-animation-switch.btn-link { + border-bottom: 0; + padding-bottom: 0; +} +.btn.btn-hover-animation-switch.btn-link:hover { + opacity: 1; +} +.btn.btn-hover-animation-switch > span { + display: inline-flex; + align-items: center; +} +.btn.btn-hover-animation-switch .btn-text { + margin-left: -13px; + position: relative; + z-index: 3; + transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1); +} +.btn.btn-hover-animation-switch .btn-icon { + margin-left: 6px; + position: relative; + transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; + transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); + line-height: 0; + z-index: 3; +} +.btn.btn-hover-animation-switch .btn-icon i { + margin: 0; + line-height: 0; +} +.btn.btn-hover-animation-switch .btn-icon + .btn-icon { + order: -2; + opacity: 0; + transition-delay: 0s; + margin-left: 0; + -webkit-transform: translateX(-10px); + transform: translateX(-10px); +} +.btn.btn-hover-animation-switch:hover .btn-text { + transition-delay: 0.1s; + transform: translateX(23px); +} +.btn.btn-hover-animation-switch:hover .btn-icon { + transition-delay: 0s; + transform: translateX(10px); + opacity: 0; +} +.btn.btn-hover-animation-switch:hover .btn-icon + .btn-icon { + opacity: 1; + transform: translateX(0); + transition-delay: 0.225s; +} +.btn.btn-hover-animation-switch.btn-icon-left .btn-text { + margin-right: -15px; + margin-left: 0px; + position: relative; + z-index: 3; +} +.btn.btn-hover-animation-switch.btn-icon-left .btn-icon { + opacity: 0; + margin-left: 0; + transition-delay: 0s; + -webkit-transform: translateX(10px); + transform: translateX(10px); +} +.btn.btn-hover-animation-switch.btn-icon-left .btn-icon + .btn-icon { + opacity: 1; + margin-left: 0; + margin-right: 6px; + transition: opacity 0.4s 0.25s, transform 0.6s 0.25s; + transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1); + -webkit-transform: translateX(0px); + transform: translateX(0px); +} +.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-text { + transition-delay: 0.1s; + transform: translateX(-20px); +} +.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon { + transform: translateX(0px); + opacity: 1; + transition-delay: 0.225s; +} +.btn.btn-hover-animation-switch.btn-icon-left:hover .btn-icon + .btn-icon { + opacity: 0; + transition-delay: 0s; + transform: translateX(-10px); +} +.btn.btn-hover-animation.btn-link { + border-bottom: 0; + padding-bottom: 0; +} +.btn.btn-hover-animation.btn-link:hover { + opacity: 1; +} +.btn.btn-hover-animation > span { + display: inline-flex; + align-items: center; +} +.btn.btn-hover-animation .btn-text { + margin-left: 0px; + position: relative; + z-index: 3; + transition: transform 0.5s; +} +.btn.btn-hover-animation .btn-icon { + display: inline-flex; + align-items: center; + margin-left: -24px; +} +.btn.btn-hover-animation .btn-icon i { + display: inline-block; + opacity: 0; + top: 0; + transform: translateX(0.24px); + transition: opacity 0.25s, transform 0.5s; +} +.btn.btn-hover-animation:hover .btn-text { + -webkit-transform: translateX(-12px); + transform: translateX(-12px); +} +.btn.btn-hover-animation:hover .btn-icon i { + opacity: 1; + -webkit-transform: translateX(12px); + transform: translateX(12px); +} +.btn.btn-hover-animation:active { + border-color: transparent !important; +} +.btn.btn-hover-animation.btn-icon-left .btn-icon { + margin-right: -24px; + margin-left: 0; +} +.btn.btn-hover-animation.btn-icon-left .btn-icon i { + transform: translateX(0.24px); +} +.btn.btn-hover-animation.btn-icon-left .btn-text { + margin-right: 0; + margin-left: 0; +} +.btn.btn-hover-animation.btn-icon-left:hover .btn-text { + -webkit-transform: translateX(15px); + transform: translateX(15px); +} +.btn.btn-hover-animation.btn-icon-left:hover .btn-icon i { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px); +} +.btn.btn-slide-up span { + -webkit-transform: translateY(100%); + transform: translateY(100%); +} +.btn.btn-slide-down span { + -webkit-transform: translateY(-100%); + transform: translateY(-100%); +} +.btn.btn-slide-left span { + -webkit-transform: translateX(100%); + transform: translateX(100%); +} +.btn.btn-slide-right span { + -webkit-transform: translateX(-100%); + transform: translateX(-100%); +} +.btn.btn-slide-up, .btn.btn-slide-down, .btn.btn-slide-left, .btn.btn-slide-right { + position: relative; + z-index: 1; + overflow: hidden; +} +.btn.btn-slide-up span, .btn.btn-slide-down span, .btn.btn-slide-left span, .btn.btn-slide-right span { + position: absolute; + height: 100%; + width: 102%; + z-index: -1; + left: -2px; + top: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.btn.btn-slide-up:hover span, .btn.btn-slide-down:hover span, .btn.btn-slide-left:hover span, .btn.btn-slide-right:hover span { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.btn.btn-radius { + -webkit-transition: all 0.5s; + transition: all 0.5s; +} +.btn.btn-radius:hover { + -webkit-border-radius: 10px; + border-radius: 10px; +} +.btn.arrow-bounce-right { + position: relative; +} +.btn.arrow-bounce-right:before { + content: "\f108"; + font-family: "Font Awesome 5 Free"; + position: absolute; + top: inherit; + left: 80%; + transition: all 0.3s; + opacity: 0; + font-weight: 900; + margin-top: 3px; +} +.btn.arrow-bounce-right:hover:before { + left: 85%; + opacity: 1; +} +.btn.underline-on-hover { + position: relative; + padding: 0 0 2px; + border: none; + opacity: 1 !important; +} +.btn.underline-on-hover:after { + position: absolute; + top: 100%; + left: 0; + width: 100%; + border-bottom: 2px solid; + content: ""; + opacity: 0; + -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; + transition: opacity 0.3s, transform 0.3s; + -webkit-transform: translateY(7px); + transform: translateY(7px); +} +.btn.underline-on-hover:hover:after { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.btn.underline-on-hover.btn-medium, .btn.underline-on-hover.btn-small, .btn.underline-on-hover.btn-very-small { + padding: 0 0 3px; +} +.btn.hover-text-dark { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + margin: 0; + padding: 0; + position: relative; + border-bottom: none; + opacity: 0.4; + display: inline-block; +} +.btn.hover-text-dark:after { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: block; + content: attr(data-hover); + max-height: 0; + overflow: hidden; + -webkit-transition: max-height 0.5s; + transition: max-height 0.5s; +} +.btn.hover-text-dark:hover { + opacity: 1; +} +.btn.hover-text-dark:hover:after { + max-height: 100%; +} +.btn.hover-text-light { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + margin: 0; + padding: 0; + position: relative; + border-bottom: none; + opacity: 1; + display: inline-block; +} +.btn.hover-text-light:after { + position: absolute; + top: 0; + left: 0; + width: 100%; + display: block; + content: attr(data-hover); + max-height: 0; + overflow: hidden; + -webkit-transition: max-height 0.5s; + transition: max-height 0.5s; +} +.btn.hover-text-light:hover { + opacity: 0.6; +} +.btn.hover-text-light:hover:after { + max-height: 100%; +} +.btn.btn-base-color { + background-color: var(--base-color); + color: var(--white); +} +.btn.btn-base-color:hover, .btn.btn-base-color:active { + background-color: transparent; + border-color: var(--base-color); + color: var(--base-color); +} +.btn.btn-dark-gray { + background-color: var(--dark-gray); + color: var(--white); +} +.btn.btn-dark-gray:hover, .btn.btn-dark-gray:active { + background-color: transparent; + border-color: var(--dark-gray); + color: var(--dark-gray); +} +.btn.btn-black { + background-color: var(--black); + color: var(--white); +} +.btn.btn-black:hover, .btn.btn-black:active { + background-color: transparent; + border-color: var(--black); + color: var(--black); +} +.btn.btn-white { + background-color: var(--white); + color: var(--dark-gray); +} +.btn.btn-white:hover, .btn.btn-white:active { + background-color: transparent; + border-color: var(--white); + color: var(--white); +} +.btn.btn-cornflower-blue { + background-color: var(--cornflower-blue); + color: var(--white); +} +.btn.btn-cornflower-blue:hover, .btn.btn-cornflower-blue:active { + background-color: transparent; + border-color: var(--cornflower-blue); + color: var(--cornflower-blue); +} +.btn.btn-jade { + background-color: var(--jade); + color: var(--white); +} +.btn.btn-jade:hover, .btn.btn-jade:active { + background-color: transparent; + border-color: var(--jade); + color: var(--jade); +} +.btn.btn-transparent-black { + background-color: transparent; + border-color: var(--black); + color: var(--black); +} +.btn.btn-transparent-black:hover, .btn.btn-transparent-black:active { + background-color: var(--black); + border-color: var(--black); + color: var(--white); +} +.btn.btn-transparent-white { + background-color: transparent; + border-color: var(--white); + color: var(--white); +} +.btn.btn-transparent-white:hover, .btn.btn-transparent-white:active { + background-color: var(--white); + border-color: var(--white); + color: var(--dark-gray); +} +.btn.btn-transparent-white-light { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.3); + color: var(--white); +} +.btn.btn-transparent-white-light:hover, .btn.btn-transparent-white-light:active { + background-color: var(--white); + border-color: rgba(255, 255, 255, 0.3); + color: var(--dark-gray); +} +.btn.btn-transparent-base-color { + background-color: transparent; + border-color: var(--base-color); + color: var(--base-color); +} +.btn.btn-transparent-base-color:hover, .btn.btn-transparent-base-color:active { + background-color: var(--base-color); + border-color: var(--base-color); + color: var(--white); +} +.btn.btn-transparent-dark-gray { + background-color: transparent; + border-color: var(--dark-gray); + color: var(--dark-gray); +} +.btn.btn-transparent-dark-gray:hover, .btn.btn-transparent-dark-gray:active { + background-color: var(--dark-gray); + border-color: var(--dark-gray); + color: var(--white); +} +.btn.btn-transparent-light-gray { + background-color: transparent; + border-color: var(--extra-medium-gray); + color: var(--dark-gray); +} +.btn.btn-transparent-light-gray:hover, .btn.btn-transparent-light-gray:active { + background-color: var(--dark-gray); + border-color: var(--dark-gray); + color: var(--white); +} +.btn.btn-double-border.btn-extra-large { + padding: 0; +} +.btn.btn-double-border.btn-extra-large > span { + padding: 24px 50px; +} +.btn.btn-double-border.btn-large { + padding: 0; +} +.btn.btn-double-border.btn-large > span { + padding: 18px 42px; +} +.btn.btn-double-border.btn-medium { + padding: 0; +} +.btn.btn-double-border.btn-medium > span { + padding: 16px 34px; +} +.btn.btn-double-border.btn-small { + padding: 0; +} +.btn.btn-double-border.btn-small > span { + padding: 13px 32px; +} +.btn.btn-double-border.btn-very-small { + padding: 0; +} +.btn.btn-double-border.btn-very-small > span { + padding: 10px 22px; +} +.btn.btn-double-border > span { + display: inline-flex; + align-items: center; + position: relative; + overflow: hidden; +} +.btn.btn-double-border .btn-double-text { + transition: opacity 0.65s, transform 0.65s; + transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); +} +.btn.btn-double-border .btn-double-text:before { + content: attr(data-text); + display: inline-block; + position: absolute; + white-space: nowrap; + top: 50%; + opacity: 0; + left: 50%; + transform: translate(-50%, 100%); + transition: opacity 0.5s, transform 0.8s; + transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); +} +.btn.btn-double-border:hover .btn-double-text { + transform: translateY(-200%); +} +.btn.btn-double-border:hover .btn-double-text:before { + transform: translate(-50%, 150%); + opacity: 1; +} +.btn.btn-double-border:after { + display: inline-block; + content: ""; + position: absolute; + border: 1px solid; + width: calc(100% - 8px); + height: calc(100% + 12px); + top: -6px; + left: 4px; + transform: translateX(0) translateY(0); + z-index: 0; +} +.btn.btn-double-border.btn-border-base-color { + position: relative; + border: 1px solid var(--base-color); + color: var(--base-color); +} +.btn.btn-double-border.btn-border-base-color:hover { + border-color: var(--dark-gray); + color: var(--dark-gray); +} +.btn.btn-double-border.btn-border-base-color:hover:after { + border-color: var(--dark-gray); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover { + border-color: var(--white); + color: var(--white); +} +.btn.btn-double-border.btn-border-base-color.hover-border-color-white:hover:after { + border-color: var(--white); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-double-border.btn-border-color-dark-gray { + position: relative; + border: 1px solid var(--dark-gray); + color: var(--dark-gray); +} +.btn.btn-double-border.btn-border-color-dark-gray:hover { + border-color: var(--base-color); + color: var(--base-color); +} +.btn.btn-double-border.btn-border-color-dark-gray:hover:after { + border-color: var(--base-color); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-double-border.btn-border-color-white { + position: relative; + border: 1px solid var(--white); + color: var(--white); +} +.btn.btn-double-border.btn-border-color-white:hover { + border-color: var(--base-color); + color: var(--base-color); +} +.btn.btn-double-border.btn-border-color-white:hover:after { + border-color: var(--base-color); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-double-border.btn-border-color-transparent-white { + position: relative; + border: 1px solid rgba(255, 255, 255, 0.2); + color: var(--white); +} +.btn.btn-double-border.btn-border-color-transparent-white:after { + border: 1px solid rgba(255, 255, 255, 0.2); +} +.btn.btn-double-border.btn-border-color-transparent-white:hover { + border-color: rgb(255, 255, 255); + color: var(--white); +} +.btn.btn-double-border.btn-border-color-transparent-white:hover:after { + border-color: rgb(255, 255, 255); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-double-border.btn-border-color-transparent-dark { + position: relative; + border: 1px solid rgba(35, 35, 35, 0.2); + color: var(--dark-gray); +} +.btn.btn-double-border.btn-border-color-transparent-dark:after { + border: 1px solid rgba(35, 35, 35, 0.2); +} +.btn.btn-double-border.btn-border-color-transparent-dark:hover { + border-color: rgb(35, 35, 35); + color: var(--dark-gray); +} +.btn.btn-double-border.btn-border-color-transparent-dark:hover:after { + border-color: rgb(35, 35, 35); + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.btn.btn-switch-text.btn-extra-large { + padding: 0; +} +.btn.btn-switch-text.btn-extra-large > span { + padding: 22px 40px; +} +.btn.btn-switch-text.btn-large { + padding: 0; +} +.btn.btn-switch-text.btn-large > span { + padding: 18px 34px; +} +.btn.btn-switch-text.btn-medium { + padding: 0; +} +.btn.btn-switch-text.btn-medium > span { + padding: 16px 30px; +} +.btn.btn-switch-text.btn-small { + padding: 0; +} +.btn.btn-switch-text.btn-small > span { + padding: 13px 24px; +} +.btn.btn-switch-text.btn-very-small { + padding: 0; +} +.btn.btn-switch-text.btn-very-small > span { + padding: 10px 20px; +} +.btn.btn-switch-text > span { + display: inline-flex; + align-items: center; + position: relative; + overflow: hidden; +} +.btn.btn-switch-text .btn-double-text { + transition: opacity 0.65s, transform 0.85s; + transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); +} +.btn.btn-switch-text .btn-double-text:before { + content: attr(data-text); + display: inline-block; + position: absolute; + white-space: nowrap; + top: 50%; + opacity: 0; + left: 50%; + transform: translate(-50%, 100%); + transition: opacity 0.5s, transform 0.8s; + transition-timing-function: cubic-bezier(0.15, 0.85, 0.31, 1); +} +.btn.btn-switch-text:hover .btn-double-text, .btn.btn-switch-text:active .btn-double-text { + transform: translateY(-200%); +} +.btn.btn-switch-text:hover .btn-double-text:before, .btn.btn-switch-text:active .btn-double-text:before { + transform: translate(-50%, 150%); + opacity: 1; +} +.btn.btn-switch-text.purchase-envato.btn-small { + padding: 0; +} +.btn.btn-switch-text.purchase-envato.btn-small > span { + padding: 11px 30px; +} +.btn.base-color-hover:hover, .btn.base-color-hover:active { + background-color: var(--base-color); + color: var(--white); +} +.btn.white-hover:hover, .btn.white-hover:active { + background-color: var(--white); + color: var(--dark-gray); +} +.btn.black-hover:hover, .btn.black-hover:active { + background-color: var(--dark-gray); + color: var(--white); +} +.btn.btn-box-shadow.btn-white:hover, .btn.btn-box-shadow.btn-white:active { + background: var(--white); + color: var(--dark-gray); +} +.btn.btn-box-shadow.btn-black:hover, .btn.btn-box-shadow.btn-black:active { + background: var(--black); + color: var(--white); +} +.btn.btn-box-shadow.btn-dark-gray:hover, .btn.btn-box-shadow.btn-dark-gray:active { + background: var(--dark-gray); + color: var(--white); +} +.btn.btn-box-shadow.btn-base-color:hover, .btn.btn-box-shadow.btn-base-color:active { + background: var(--base-color); + color: var(--white); +} +.btn.btn-box-shadow.btn-cornflower-blue:hover, .btn.btn-box-shadow.btn-cornflower-blue:active { + background-color: var(--cornflower-blue); + color: var(--white); +} +.btn.btn-box-shadow.btn-jade:hover, .btn.btn-box-shadow.btn-jade:active { + background-color: var(--jade); + color: var(--white); +} +.btn.with-rounded { + position: relative; +} +.btn.with-rounded > span { + display: flex; + align-items: center; + justify-content: center; + width: 42px; + height: 42px; + position: absolute; + border-radius: 100%; + right: 8px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35); + box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.35); +} +.btn.with-rounded > span i { + margin: 0; +} +.btn.with-rounded.btn-extra-large { + padding-right: 70px; +} +.btn.with-rounded.btn-large { + padding-right: 55px; +} +.btn.with-rounded.btn-large > span { + width: 34px; + height: 34px; + right: 8px; +} +.btn.with-rounded.btn-medium { + padding-right: 50px; +} +.btn.with-rounded.btn-medium > span { + width: 32px; + height: 32px; + right: 8px; +} +.btn.with-rounded.btn-small { + padding-right: 45px; +} +.btn.with-rounded.btn-small > span { + width: 28px; + height: 28px; + right: 6px; +} +.btn.with-rounded.btn-very-small { + padding-right: 37px; +} +.btn.with-rounded.btn-very-small > span { + width: 26px; + height: 26px; + right: 5px; +} +/* Button icon position */ +.left-icon i { + margin-right: 6px; + margin-left: 0; +} +[class*=btn-transparent], [class*=" btn-transparent"] { + font-weight: 600; +} +/* Gradient button */ +[class*=btn-gradient-] { + background-color: transparent; + border-color: transparent; +} +[class*=btn-gradient-]:active { + background-color: transparent; + border-color: transparent !important; + color: var(--white) !important; +} +[class*=btn-gradient-]:hover { + background-position: right center; + color: var(--white); +} +.btn-gradient-purple-pink { + background-image: linear-gradient(to right, #8b14b1, #d53d6e, #8b14b1); + background-size: 200% auto; + color: var(--white); +} +.btn-gradient-fast-pink-light-yellow { + background-image: linear-gradient(to right, #f7567f, #ffba83, #f7567f); + background-size: 200% auto; + color: var(--white); +} +.btn-gradient-pink-orange { + background-image: linear-gradient(to right, #de347f, #ef5f43, #de347f); + background-size: 200% auto; + color: var(--white); +} +.btn-gradient-fast-blue-purple { + background-image: linear-gradient(to right, #2a46f4, #bf25ff, #2a46f4); + background-size: 200% auto; + color: var(--white); +} +.btn-gradient-light-pink-light-purple { + background-image: linear-gradient(to right, #ed579b, #bc63e8, #ed579b); + background-size: 200% auto; + color: var(--white); +} +.btn-gradient-sky-blue-pink { + background-image: linear-gradient(to right, #5758df, #f77991, #5758df); + background-size: 200% auto; + color: var(--white); +} +.btn-dual .btn { + margin-left: 10px; + margin-right: 10px; +} +.btn-dual .btn.btn-link, .btn-dual .btn.btn-underline, .btn-dual .btn.btn-zoom, .btn-dual .btn.btn-link-gradient { + margin-left: 30px; + margin-right: 30px; +} +/* Blog button */ +.categories-btn { + padding: 4px 12px; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-transition: 0.3s; + transition: 0.3s; + margin-left: 5px; + display: inline-block; + font-size: 12px; + line-height: 20px; +} +/* Clients style 01 */ +.clients-style-01 .client-image:hover > img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-filter: blur(3px); + filter: blur(3px); +} +/* Clients style 02 */ +.clients-style-02 .swiper-slide { + -webkit-transition: all 350ms ease-in-out; + transition: all 350ms ease-in-out; +} +.clients-style-02 .swiper-slide:hover { + -webkit-filter: grayscale(1); + filter: grayscale(1); +} +.clients-style-02 .swiper-button-prev { + left: -110px; +} +.clients-style-02 .swiper-button-next { + right: -110px; +} +/* Clients style 03 */ +.clients-style-03 .client-box { + -webkit-transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0); + transition: all 350ms cubic-bezier(0.12, 0, 0.39, 0); + will-change: transform; +} +.clients-style-03 .client-box:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Clients style 04 */ +.clients-style-04 .client-box:hover { + opacity: 0.5; +} +/* Clients style 05 */ +.clients-style-05 .client-box { + position: relative; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.clients-style-05 .client-box img { + z-index: 2; + position: relative; +} +.clients-style-05 .client-box:hover { + opacity: 0.5; + -webkit-transform: translateY(-8px); + transform: translateY(-8px); +} +/* Clients style 06 */ +.clients-style-06 .client-box { + -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.clients-style-06 .client-box img { + max-width: inherit; +} +.clients-style-06:hover .client-box { + opacity: 0.4; +} +.clients-style-06:hover .client-box:hover { + opacity: 1; +} +/* Clients style 07 */ +.clients-style-07 .client-box .client-info { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; +} +.clients-style-07 .client-box .client-info .client-content { + position: absolute; + bottom: 0; + right: 0; + -webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); + transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1); + overflow: hidden; +} +.clients-style-07 .client-box .client-info .client-content .client-link { + position: absolute; + opacity: 0; + width: 100%; + height: 100%; + z-index: 2; + left: 0; + right: 0; +} +.clients-style-07 .client-box .client-info:hover .client-content { + margin: 0; + width: 100% !important; + height: 100% !important; + border-radius: 0; +} +.clients-style-07 .client-box .client-info:hover .client-content .client-icon { + opacity: 0; + visibility: hidden; +} +.clients-style-07 .client-box .client-info:hover .client-content .client-link { + opacity: 1; + -webkit-transition-delay: 0.5s; + transition-delay: 0.5s; +} +.clients-style-07 .client-box .client-info:hover .client-content .box-overlay { + opacity: 1; + visibility: visible; +} +/* Clients style 08 */ +.clients-style-08 .client-box { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + opacity: 0.5; +} +.clients-style-08 .client-box:hover { + opacity: 1; +} +/* Columns */ +.show-grid [class^=col-] { + background-color: #f5f5f5; + border: 1px solid rgba(0, 0, 0, 0.2); + margin-bottom: 15px; + padding-top: 10px; + padding-bottom: 10px; + text-align: center; +} +/* Contact form */ +.select-style select { + background-image: url("../images/contact-form-down-arrow.jpg"); + background-repeat: no-repeat; + background-position: top 25px right 30px; + cursor: pointer; + -webkit-appearance: none; + background-color: transparent; +} +.terms-condition-box label { + display: block; +} +.terms-condition-box input[type=checkbox] { + opacity: 0; + visibility: hidden; + position: absolute; + top: 4px; + left: 0; +} +.terms-condition-box input[type=checkbox]:checked + .box:after { + display: block; +} +.terms-condition-box input[type=checkbox].is-invalid + .box:before { + border-color: #dc3545; +} +.terms-condition-box .box { + position: relative; + padding-left: 30px; + cursor: pointer; + display: inline-block; +} +.terms-condition-box .box:before { + content: ""; + width: 20px; + height: 20px; + background-color: transparent; + border: 1px solid var(--extra-medium-gray); + position: absolute; + top: 5px; + left: 0; + -webkit-border-radius: 4px; + border-radius: 4px; +} +.terms-condition-box .box:after { + position: absolute; + left: 7px; + top: 9px; + content: ""; + width: 6px; + height: 10px; + display: none; + border: solid var(--dark-gray); + border-width: 0 2px 2px 0; + -webkit-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +/* Contact form style 01 */ +.contact-form-style-01 input, .contact-form-style-01 textarea { + padding-left: 55px; +} +.contact-form-style-01 .form-group .form-icon { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + padding-top: 2px; + left: 25px; +} +.contact-form-style-01 .form-group.form-textarea .form-icon { + top: 12px; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Contact form style 03 */ +.contact-form-style-03 input, .contact-form-style-03 textarea { + outline: none; + border: none; + border-bottom: 1px solid; + background: transparent; +} +.contact-form-style-03 select { + outline: none; + border: none; + border-bottom: 1px solid; +} +.contact-form-style-03 input:focus, .contact-form-style-03 select:focus, .contact-form-style-03 textarea:focus, .contact-form-style-03 .form-control:focus { + border: 0; + border-bottom: 1px solid #c2c2c2; +} +.contact-form-style-03 textarea { + resize: none; +} +.contact-form-style-03 .form-group .form-icon { + position: absolute; + top: 50%; + right: 5px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.contact-form-style-03 .form-group.form-textarea .form-icon { + top: 10px; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.contact-form-style-03 .form-control, .contact-form-style-03 .form-control.is-invalid, .contact-form-style-03 .was-validated .form-control:invalid { + background-position: right 35px center !important; +} +/* Contact form style 06 */ +.contact-form-style-06 input, .contact-form-style-06 textarea { + color: var(--white); +} +.contact-form-style-06 input:focus, .contact-form-style-06 textarea:focus { + color: var(--white); +} +.contact-form-style-06 input::placeholder, .contact-form-style-06 textarea::placeholder { + color: var(--light-medium-gray); +} +.contact-form-style-06 .select-style select { + color: var(--light-medium-gray); + background-image: url("../images/contact-form-arrow-white.png"); + background-position: top 25px right 20px; + padding-right: 45px; +} +.contact-form-style-06 .select-style select option { + color: var(--dark-gray); +} +/* Contact form style 07 */ +.contact-form-style-07 input, .contact-form-style-07 textarea { + outline: none; + border: none; + border-bottom: 1px solid; + background: transparent; +} +.contact-form-style-07 select { + outline: none; + border: none; + border-bottom: 1px solid; +} +.contact-form-style-07 input:focus, .contact-form-style-07 select:focus, .contact-form-style-07 textarea:focus, .contact-form-style-07 .form-control:focus { + border: 0; + border-bottom: 1px solid #c2c2c2; +} +.contact-form-style-07 textarea { + resize: none; +} +.contact-form-style-07 .form-group .form-icon { + position: absolute; + top: 50%; + right: 5px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.contact-form-style-07 .form-group.form-textarea .form-icon { + top: 10px; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.contact-form-style-07 .form-control, .contact-form-style-07 .form-control.is-invalid, .contact-form-style-07 .was-validated .form-control:invalid { + background-position: right 35px center !important; +} +.swiper-button-next, .swiper-button-prev { + color: var(--dark-gray); +} +.swiper-button-next:after, .swiper-button-prev:after { + display: none; + content: ""; +} +/* Text slider 02 */ +.text-slider-style-02 .swiper-slide { + opacity: 0.2; + -webkit-transition: 0.4s; + transition: 0.4s; +} +.text-slider-style-02 .swiper-slide.swiper-slide-active { + opacity: 1; +} +/* Text slider 03 */ +.text-slider-style-03 .swiper-slide > img { + object-fit: cover; + height: 100%; + width: 100%; +} +/* Text slider 05 */ +.text-slider-style-05 .swiper-slide { + -webkit-filter: grayscale(100%); + filter: grayscale(100%); + opacity: 0.3; + -webkit-transition: 0.4s; + transition: 0.4s; +} +.text-slider-style-05 .swiper-slide .services-box-style-01:hover img { + -webkit-transform: scale(1); + transform: scale(1); +} +.text-slider-style-05 .swiper-slide .services-box-style-01:hover .icon-box { + opacity: 0; +} +.text-slider-style-05 .swiper-slide.swiper-slide-next { + -webkit-filter: grayscale(0); + filter: grayscale(0); + opacity: 1; +} +.text-slider-style-05 .swiper-slide.swiper-slide-next .services-box-style-01 .icon-box { + opacity: 1; +} +/* Countdown style 01 */ +.countdown-style-01 .counter-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.countdown-style-01 .counter-container .countdown-box { + font-family: var(--alt-font); + color: var(--dark-gray); + background-color: var(--white); + width: 130px; + min-height: 130px; + padding: 25px 20px 20px; + margin: 0 15px; + text-align: center; + -webkit-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.05); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +.countdown-style-01 .counter-container .countdown-box .number { + font-size: 2.375rem; + line-height: 2.5rem; + font-weight: 600; + margin-bottom: 5px; + letter-spacing: -1px; +} +.countdown-style-01 .counter-container .countdown-box span { + font-size: 14px; + line-height: 14px; + color: var(--medium-gray); + text-transform: uppercase; +} +/* Countdown style 02 */ +.countdown-style-02 .countdown-box { + position: relative; + width: 165px; + padding: 0 15px; + color: var(--white); + font-family: var(--alt-font); + display: inline-block; + text-align: center; +} +.countdown-style-02 .countdown-box:before { + content: ":"; + position: absolute; + top: 50%; + right: -5px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--white); + text-align: center; + font-size: 3rem; + margin-top: -4px; +} +.countdown-style-02 .countdown-box:last-child:before { + display: none; +} +.countdown-style-02 .countdown-box .number { + font-size: 3.5rem; + line-height: 3.75rem; + font-weight: 600; + letter-spacing: -1px; +} +.countdown-style-02 .countdown-box span { + font-size: 15px; + line-height: 14px; + text-transform: uppercase; + position: absolute; + top: -26px; + left: 0; + right: 0; + color: var(--white); + font-weight: 500; +} +/* Countdown style 03 */ +.countdown-style-03 .countdown-box { + width: 130px; + display: inline-block; + margin: 0 15px; + text-align: center; +} +.countdown-style-03 .countdown-box .number { + color: var(--dark-gray); + font-size: 4.3rem; + line-height: 4.3rem; + font-family: var(--alt-font); + letter-spacing: -1px; + font-weight: 700; +} +.countdown-style-03 .countdown-box span { + color: var(--medium-gray); + text-transform: uppercase; + font-size: 14px; + line-height: 16px; + font-weight: 500; +} +/* Countdown style 04 */ +.countdown-style-04 .countdown-box { + width: 160px; + display: inline-block; + margin: 0 7px; + text-align: center; + position: relative; +} +.countdown-style-04 .countdown-box:before { + content: ":"; + position: absolute; + top: 20px; + font-size: 2rem; + color: var(--white); + right: -10px; + margin-top: -5px; + font-weight: 400; + opacity: 0.7; +} +.countdown-style-04 .countdown-box:last-child:before { + display: none; +} +.countdown-style-04 .countdown-box .number { + color: #ffffff; + font-size: 4.5rem; + line-height: 4.5rem; + font-family: var(--alt-font); + font-weight: 600; +} +.countdown-style-04 .countdown-box span { + color: var(--very-light-gray); + font-size: 15px; +} +/* Counter style 03 */ +.counter-style-03 .feature-box i { + -webkit-transition: 0.4s; + transition: 0.4s; +} +.counter-style-03 .feature-box:hover i { + -webkit-transform: translateY(-7px); + transform: translateY(-7px); +} +/* Counter style 04 */ +.counter-style-04 .vertical-counter:after { + content: attr(data-text); + display: inline-block; + margin-left: 3px; + word-break: normal; +} +/* Counter style 06 */ +.counter-style-06 .feature-box-content .counter-title { + position: absolute; + top: 50%; + left: 50%; + width: 100%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.counter-style-06 .feature-box-content:after { + content: ""; + display: block; + height: 40%; + right: 0; + top: 50%; + width: 1px; + position: absolute; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + background-color: var(--extra-medium-gray); +} +.counter-style-06 .feature-box:last-child .feature-box-content:after { + display: none; +} +/* Counter style 07 */ +.counter-style-07 .vertical-counter-number { + z-index: 1; +} +/* Vertical counter */ +.vertical-counter-number { + overflow: hidden; + width: 100%; + height: auto; +} +.vertical-counter-number ul { + text-align: center; + margin: 0; + padding: 0; + list-style: none; + will-change: transform; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Divider style 01 */ +.divider-style-01 .divider-shadow:after, .divider-style-01 .divider-shadow:before { + flex: 1 1 auto; + -webkit-box-flex: 1 1 auto; + -ms-flex: 1 1 auto; + content: ""; + height: 10px; + margin-top: 7px; + box-shadow: 0 6px 10px -10px #8c8b8b inset; +} +.divider-style-01 .divider-border:after, .divider-style-01 .divider-border:before { + flex: 1 1 auto; + -webkit-box-flex: 1 1 auto; + -ms-flex: 1 1 auto; + content: ""; + height: 10px; + margin-top: 7px; + border-top: 1px solid #E4E4E4; +} +/* Divider style 02 */ +.divider-style-02 .divider-dot { + position: relative; +} +.divider-style-02 .divider-dot span { + content: ""; + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + margin: -10px 0 0 -13px; + width: 25px; + height: 25px; + box-shadow: inset 0 0 0 6px white; +} +.divider-style-02 .divider-dot:after { + top: 0; + content: ""; + height: 100%; + width: 1px; + flex: 1 1 auto; + -webkit-box-flex: 1 1 1px; + -ms-flex: 1 1 1px; + border-left: 1px solid #E4E4E4; + position: absolute; + left: 0; + right: 0; + margin: 0 auto; +} +/* Divider style 03 */ +.divider-style-03.divider-style-03-01 { + border-top: 1px solid; + width: 100%; +} +.divider-style-03.divider-style-03-02 { + border-top: 1px dashed; +} +.divider-style-03.divider-style-03-03 { + border-top: 4px double; +} +.divider-style-03.divider-style-03-04 { + border-top: 2px dashed; +} +.divider-style-03.divider-style-03-05 { + border-top: 2px dotted; +} +/* First letter */ +.first-letter { + float: left; + font-size: 4.5rem; + line-height: 4.5rem; + font-weight: 600; + text-align: center; + margin: 0 25px 0 0; +} +/* First letter block */ +.first-letter-block { + font-size: 4.5rem; + line-height: 100px; + font-weight: 600; + width: 100px; + height: 100px; + margin: 8px 35px 0 0; +} +/* First letter round */ +.first-letter-round { + -webkit-border-radius: 50%; + border-radius: 50%; + font-size: 3.5rem; +} +/* First letter big */ +.first-letter-big { + float: left; + font-size: 9rem; + line-height: 9rem; + padding: 0; + text-align: center; + position: relative; +} +/* First letter small */ +.first-letter-small { + font-size: 3.438rem; + line-height: 4rem; + font-weight: 600; + width: 65px; + height: 65px; + margin: 8px 30px 0 0; +} +/* Event style 02 */ +.time-table { + display: -webkit-box; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + flex-flow: row nowrap; + -webkit-box-align: stretch; + align-items: stretch; + -webkit-box-flex: 1; + flex: 1 0; +} +.time-table + .time-table .time-table-box { + border-top-width: 0 !important; +} +.time-table-box { + -webkit-box-align: stretch; + align-items: stretch; + text-align: center; + flex-basis: 12.5%; + padding: 30px 10px; + position: relative; + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + justify-content: center; + min-height: 100px; +} +.time-table-box .inner-box { + display: -webkit-box; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + -webkit-box-pack: center; + justify-content: center; + -webkit-box-flex: 1; + flex: 1 auto; + z-index: 9; +} +.time-table-box .inner-box > div { + line-height: initial; + margin-top: 7px; +} +.time-table-box + .time-table-box { + border-left-width: 0 !important; +} +.time-table-box + .time-table-box.name-box:before { + position: absolute; + content: ""; + transition: opacity 0.3s; + opacity: 0; + display: inline-block; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: var(--base-color); +} +.time-table-box + .time-table-box.name-box:hover .inner-box span, .time-table-box + .time-table-box.name-box:hover .inner-box div { + color: var(--white); +} +.time-table-box + .time-table-box.name-box:hover:before { + opacity: 1; +} +.time-table-box + .time-table-box.name-box:hover .hover-detail { + visibility: visible; + opacity: 1; +} +.time-table-box.day { + padding: 15px 10px; + min-height: 1px; +} +.time-table-box .hover-detail { + position: absolute; + left: 50%; + top: 100%; + padding: 25px 30px; + border-radius: 6px; + width: 250px; + z-index: 111; + opacity: 0; + visibility: hidden; + -webkit-transform: translateX(-50%); + -ms-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.14); + box-shadow: 0 0 60px rgba(0, 0, 0, 0.14); + -webkit-transition: 0.05s; + transition: 0.05s; +} +.time-table-box .hover-detail:after { + content: ""; + top: -21px; + left: 50%; + height: 0; + width: 0; + z-index: 9; + margin-left: -14px; + position: absolute; + pointer-events: none; + border: solid transparent; + border-width: 11px; + border-bottom-color: var(--white); +} +.time-table-box .hover-detail.hover-detail-left { + left: auto; + right: 0; + -webkit-transform: none; + -ms-transform: none; + transform: none; +} +.time-table-box .hover-detail.hover-detail-left:after { + right: 60px; + left: auto; +} +.time-table-box .hover-detail.hover-detail-top { + top: auto; + bottom: 100%; +} +.time-table-box .hover-detail.hover-detail-top:after { + top: auto; + bottom: -21px; + border-top-color: var(--white); + border-bottom-color: transparent; +} +.name-box span { + line-height: 26px; + transition: 0.2s; +} +.name-box div { + line-height: 26px; + transition: 0.2s; +} +/* Event style 03 */ +.event-style-03 .nav-tabs { + border-radius: 6px 6px 0 0px; +} +.event-style-03 .nav-tabs .nav-link { + color: var(--white); + line-height: normal; + padding: 17px 15px 20px; + border: 0; + border-radius: 0; +} +.event-style-03 .nav-tabs .nav-link.active, .event-style-03 .nav-tabs .nav-link.show, .event-style-03 .nav-tabs .nav-link:hover { + color: var(--dark-gray); + background-color: var(--white); +} +.event-style-03 .nav-tabs > li.nav-item { + padding: 0; + width: 100%; +} +.event-style-03 .nav-tabs > li.nav-item:not(:last-child) { + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.event-style-03 .accordion .accordion-title .event-time { + min-width: 354px; +} +.event-style-03 .accordion .accordion-title .event-time i { + position: static; + -webkit-transform: none; + transform: none; +} +.event-style-03 .accordion .trainer-box { + flex: 0 0 auto; + width: 270px; + margin-right: 85px; + margin-top: 15px; +} +/* Text image mask */ +.image-mask { + -webkit-text-fill-color: transparent; + -webkit-background-clip: text; +} +/* Fancy text box style 01 */ +.fancy-text-box-style-01 { + border-bottom: 1px solid; + border-right: 1px solid; + overflow: hidden; +} +.fancy-text-box-style-01 .text-box-wrapper .text-box, .fancy-text-box-style-01 .text-box-wrapper .text-box-hover { + display: block; + width: 100%; + -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); +} +.fancy-text-box-style-01 .text-box-wrapper .text-box-hover { + opacity: 0; + position: absolute; +} +.fancy-text-box-style-01 .text-box-wrapper:hover .text-box { + opacity: 0; + visibility: hidden; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); +} +.fancy-text-box-style-01 .text-box-wrapper:hover .text-box-hover { + opacity: 1; + -webkit-transform: translateY(-100%); + transform: translateY(-100%); + -webkit-transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.6s cubic-bezier(0.12, 0, 0.39, 0); +} +.fancy-text-box-style-01:last-child { + border-right: 0; +} +/* Google map */ +#map { + height: 550px; +} +.arrow_box { + width: 22px; + height: 22px; + border-radius: 100%; + -webkit-border-top-left-radius: 100%; + -webkit-border-top-right-radius: 100%; + -webkit-border-bottom-right-radius: 100%; + -webkit-border-bottom-left-radius: 100%; + position: relative; + opacity: 0.8; + cursor: pointer; +} +.arrow_box span { + width: 100%; + height: 100%; + border: 1px solid; + opacity: 0.2; + display: inline-block; + border-radius: 100%; + -webkit-border-top-left-radius: 100%; + -webkit-border-top-right-radius: 100%; + -webkit-border-bottom-right-radius: 100%; + -webkit-border-bottom-left-radius: 100%; + position: absolute; + top: 0; + left: 0; +} +.arrow_box span:first-child { + animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; + -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0.4, 0, 0.2, 1) infinite forwards; +} +.arrow_box span:first-child + span { + animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; + -webkit-animation: markerWave 1.5s 0.45s cubic-bezier(0, 0, 0.2, 1) infinite forwards; +} +.arrow_box span:last-child { + opacity: 0.1; +} +.arrow_box.marker02 { + width: 18px; + height: 18px; +} +.arrow_box.marker02 span { + border: 0; +} +.arrow_box.marker02:after { + content: ""; + width: 45px; + height: 62px; + background: url("../images/marker02.png") left center no-repeat; + background-size: cover; + position: absolute; + left: -15px; + top: -58px; + float: left; +} +.arrow_box.marker03 { + width: 16px; + height: 16px; + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); +} +.arrow_box.marker03 span { + background-color: transparent !important; +} +@keyframes markerWave { + 0% { + transform: scale(1); + opacity: 0.8; + } + 20% { + opacity: 0.8; + } + 100% { + transform: scale(5.5); + opacity: 0; + } +} +@-webkit-keyframes markerWave { + 0% { + -webkit-transform: scale(1); + opacity: 0.8; + } + 20% { + opacity: 0.8; + } + 100% { + -webkit-transform: scale(5.5); + opacity: 0; + } +} +.infowindow { + color: var(--dark-gray); + font-weight: 400; + line-height: 26px; + font-size: 15px; + letter-spacing: -0.5px; + padding: 25px 25px 25px 25px !important; + text-align: center; +} +.infowindow .mb-3 { + margin-bottom: 5px !important; + font-weight: 600; + font-size: 16px; + letter-spacing: -0.25px; +} +.infowindow p { + color: var(--medium-gray); + font-size: 15px; + margin-bottom: 5px; + letter-spacing: -0.25px; + line-height: 24px; +} +.infowindow :last-child { + margin-bottom: 0; +} +.gm-style .gm-style-iw-c { + padding: 0 !important; + border-radius: 0; + max-width: 230px !important; + -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); +} +.gm-style .gm-style-iw-d { + overflow: auto !important; +} +.gm-style .gm-style-iw-t::after { + background: var(--dark-gray); + -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); + box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); +} +.gm-ui-hover-effect { + opacity: 0.8; + top: -2px !important; + right: 2px !important; + width: 25px !important; + display: none !important; + height: 25px !important; +} +.gm-ui-hover-effect img { + width: 17px !important; + height: 17px !important; + margin: 6px !important; +} +.google-maps-link { + text-align: center; +} +.google-maps-link a { + font-size: 12px; + font-weight: 400; + display: block; + background-color: var(--dark-gray); + color: var(--white); + padding: 15px; + letter-spacing: 0.5px; +} +.google-maps-link a:hover { + text-decoration: none; +} +.gmnoprint .gm-style-mtc, +.gmnoprint .gm-svpc { + display: none; +} +.gm-style a[title] { + display: none !important; +} +.gmnoprint .gm-style-cc, +.gmnoprint.gm-style-cc, +.gm-style-cc, +.gmnoscreen { + display: none !important; +} +.gm-style .gm-style-iw-tc::after { + background: var(--dark-gray); +} +@media screen { + .gm-style .gmnoscreen, + .gmnoscreen { + display: none; + } +} +/* Text highlight */ +.text-highlight { + position: relative; + z-index: 1; +} +.text-highlight span { + display: inline-block; + left: -3px; + position: absolute; + z-index: -1; + width: calc(100% + 6px); +} +/* Separator animation */ +.separator-animation { + width: 0 !important; + -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shadow-in .separator-animation { + width: calc(100% + 6px) !important; +} +/* Feature box style */ +.feature-box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + position: relative; + z-index: 1; +} +.feature-box .feature-box-icon i:not([class*=text-gradient-]) { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.feature-box.feature-box-left-icon, .feature-box.feature-box-left-icon-middle { + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + -webkit-box-align: stretch !important; + -ms-flex-align: stretch !important; + align-items: stretch !important; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; + text-align: left; +} +.feature-box.feature-box-left-icon .feature-box-icon, .feature-box.feature-box-left-icon-middle .feature-box-icon { + margin-right: 30px; +} +.feature-box.feature-box-left-icon .feature-box-content, .feature-box.feature-box-left-icon-middle .feature-box-content { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.feature-box.feature-box-left-icon .content-slide-up, .feature-box.feature-box-left-icon-middle .content-slide-up { + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} +.feature-box.feature-box-left-icon-middle { + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; + -webkit-box-align: center; + -ms-flex-pack: center; + justify-content: flex-start; + text-align: left; +} +.feature-box.feature-box-left-icon-middle .content-slide-up { + flex-flow: row wrap; + align-items: center; + justify-content: flex-start; + text-align: left; +} +.feature-box.text-start { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; +} +.feature-box.text-end { + -webkit-box-align: end; + -ms-flex-align: end; + align-items: flex-end; +} +.feature-box .feature-box-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + opacity: 0; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.feature-box .content-slide-up { + will-change: transform; + -webkit-transform: translateY(30px); + transform: translateY(30px); +} +.feature-box .content-slide-up .text-visible { + opacity: 0; +} +.feature-box .border-hover { + left: 0; + bottom: -1px; + width: calc(100% + 0px); + height: 5px; + position: absolute; + -webkit-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: transform 0.5s ease; + transition: transform 0.5s ease; + will-change: transform; +} +.feature-box .feature-box-bg-overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -9; + opacity: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.feature-box .feature-box-icon-rounded { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + position: relative; + overflow: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.feature-box .feature-box-icon-rounded .feature-box-icon-hover { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.feature-box .feature-box-icon-rounded i { + position: relative; + z-index: 1; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.feature-box .box-move-bottom-top { + -webkit-transform: translateY(28px); + transform: translateY(28px); + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.feature-box .move-bottom-top { + -webkit-transform: translateY(20px); + transform: translateY(20px); + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + opacity: 0; +} +.feature-box:hover .box-move-bottom-top { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} +.feature-box:hover .box-move-bottom-top .move-bottom-top { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; +} +.feature-box:hover .border-hover { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} +.feature-box:hover .feature-box-overlay { + opacity: 1; +} +.feature-box:hover .content-slide-up { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.feature-box:hover .content-slide-up .text-visible { + opacity: 1; +} +.feature-box:hover .content-slide-up.content-scale .feature-box-overlay { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.feature-box:hover .feature-box-bg-overlay { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.feature-box:hover .feature-box-icon-rounded.border-color-transparent-on-hover { + border-color: transparent !important; +} +.feature-box:hover .feature-box-icon-rounded .feature-box-icon-hover { + opacity: 1; +} +.feature-box:hover .feature-box-content .underline-on-hover { + color: var(--base-color); +} +.feature-box:hover .feature-box-content .underline-on-hover:after { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.feature-box:hover .dark-hover i, .feature-box:hover .dark-hover span { + color: #fff; +} +.feature-box:hover .dark-hover [class*=text-gradient-] { + color: var(--white); + background-image: none; + -webkit-background-clip: inherit; + -webkit-text-fill-color: var(--white); + -webkit-text-fill-color: var(--white); +} +.feature-box.border-bottom .feature-box-overlay { + height: calc(100% + 1px); +} +.feature-box.border-top .feature-box-overlay { + height: calc(100% + 1px); +} +/* Icon with text style 03 */ +.icon-with-text-style-03 * { + word-break: initial; +} +/* Icon with text style 05 */ +.icon-with-text-style-05 .feature-box { + height: 100%; +} +/* Icon with text style 07 */ +.icon-with-text-style-07 .hover-box:hover .feature-box-title { + left: -25%; +} +.icon-with-text-style-07 .hover-box:hover .feature-box-title.text-outline-color-dark-gray { + -webkit-text-stroke-color: var(--base-color); + opacity: 1; +} +.icon-with-text-style-07 .feature-box-title { + position: absolute; + top: 30px; + left: 50%; + word-break: normal; + width: 100%; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +/* Icon with text style 10 */ +.icon-with-text-style-10 .feature-box-icon:before { + width: 100%; + height: 50%; + background-color: var(--base-color); + opacity: 0.12; + z-index: -1; + content: ""; + position: absolute; + left: 0; + top: 0; + -webkit-transform: rotate(-40deg); + -ms-transform: rotate(-40deg); + transform: rotate(-40deg); + -webkit-transform-origin: bottom center; + -ms-transform-origin: bottom center; + transform-origin: bottom center; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.icon-with-text-style-10:nth-child(even) .feature-box-icon:before { + -webkit-transform: rotate(140deg); + -ms-transform: rotate(140deg); + transform: rotate(140deg); +} +.icon-with-text-style-10:hover .feature-box-icon { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1.2); + transition: all 300ms cubic-bezier(0.37, 0.8, 0.63, 1.2); +} +.icon-with-text-style-10:hover .feature-box-icon i { + color: var(--white); +} +.icon-with-text-style-10:hover .feature-box-icon:before { + height: 100%; + -webkit-transform-origin: center; + -ms-transform-origin: center; + transform-origin: center; + opacity: 1; +} +/* Icon with text style 11 */ +.icon-with-text-style-11 { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.icon-with-text-style-11 .text-box { + opacity: 1; +} +.icon-with-text-style-11 .text-box-hover { + position: absolute; + top: 0; + left: 0; + opacity: 0; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.icon-with-text-style-11:hover { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); +} +.icon-with-text-style-11:hover .text-box-hover { + opacity: 1; +} +.icon-with-text-style-11:hover .text-box { + opacity: 0; +} +/* Image gallery style 01 */ +.image-gallery-style-01 .gallery-box .gallery-image { + will-change: transform; +} +.image-gallery-style-01 .gallery-box:hover img { + opacity: 0.5; + -webkit-filter: blur(2px); + filter: blur(2px); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Image gallery style 02 */ +.image-gallery-style-02 .gallery-box:hover img { + -webkit-filter: grayscale(1); + filter: grayscale(1); + opacity: 0.3; +} +/* Image gallery style 03 */ +.image-gallery-style-03 .gallery-box i { + opacity: 0; + visibility: hidden; +} +.image-gallery-style-03 .gallery-box img { + -webkit-transform: scale(1.13) translateZ(0); + transform: scale(1.13) translateZ(0); +} +.image-gallery-style-03 .gallery-box:hover i { + opacity: 1; + visibility: visible; +} +.image-gallery-style-03 .gallery-box:hover img { + opacity: 0.2; + -webkit-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0); +} +/* Image gallery style 04 */ +.image-gallery-style-04 .gallery-box { + will-change: transform; +} +.image-gallery-style-04 .gallery-box img { + width: 100%; +} +.image-gallery-style-04 .gallery-box:hover img { + opacity: 0.2; +} +/* Image gallery style 05 */ +.image-gallery-style-05 .gallery-box { + will-change: transform; +} +.image-gallery-style-05 .gallery-box:hover img { + opacity: 0.2; +} +/* Image gallery style 06 */ +.image-gallery-style-06 .gallery-box { + will-change: transform; +} +.image-gallery-style-06 .gallery-box img { + width: 100%; +} +.image-gallery-style-06 .gallery-box .gallery-hover { + position: absolute; + top: 0; + left: 0; + opacity: 0; + visibility: hidden; +} +.image-gallery-style-06 .gallery-box .gallery-hover .gallery-title { + -webkit-transform: scale(1.5); + transform: scale(1.5); +} +.image-gallery-style-06 .gallery-box:hover img { + opacity: 0.2; + -webkit-transform: scale(1.15); + transform: scale(1.15); +} +.image-gallery-style-06 .gallery-box:hover .gallery-hover { + opacity: 1; + visibility: visible; +} +.image-gallery-style-06 .gallery-box:hover .gallery-hover .gallery-title { + -webkit-transform: scale(1); + transform: scale(1); +} +/* Instagram */ +.instafeed-grid { + list-style: none; + text-align: center; +} +.instafeed-grid figure { + position: relative; + overflow: hidden; + margin-bottom: 0; + border-radius: 4px; +} +.instafeed-grid figure a .insta-icon { + opacity: 0; + position: absolute; + top: 0; + left: 0; + text-align: center; + background: rgba(35, 35, 35, 0.7); + width: 100%; + height: 100%; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.instafeed-grid figure a .insta-icon i { + margin-right: 5px; + margin-left: 5px; + position: relative; + display: block; + font-size: 26px; + color: var(--white); + top: 50%; + -webkit-transform: translateY(-50%) scale(1.5, 1.5); + transform: translateY(-50%) scale(1.5, 1.5); + -webkit-transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1); + transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1); +} +.instafeed-grid figure:hover a .insta-icon { + opacity: 1; +} +.instafeed-grid figure:hover a .insta-icon i { + -webkit-transform: translateY(-50%) scale(1, 1); + transform: translateY(-50%) scale(1, 1); +} +.instagram-follow-api .instagram-button { + z-index: 1; + white-space: nowrap; + padding: 12px 32px; + box-shadow: 0 0 35px rgba(23, 23, 23, 0.4); +} +/* Interactive banner style 01 */ +.interactive-banner-style-01 figure { + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.interactive-banner-style-01 figure .icon-box { + opacity: 0; + position: relative; + top: 15px; +} +.interactive-banner-style-01 figure figcaption { + position: absolute; + bottom: 0; +} +.interactive-banner-style-01 figure:hover { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +.interactive-banner-style-01 figure:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.interactive-banner-style-01 figure:hover .icon-box { + opacity: 1; + top: 0; +} +.interactive-banner-style-01 figure:hover .box-overlay { + opacity: 0.5; +} +/* Interactive banner style 02 */ +.interactive-banner-style-02.hover-box * { + will-change: auto !important; +} +.interactive-banner-style-02 figure figcaption .features-icon { + margin-bottom: -45px; + opacity: 0; + visibility: hidden; +} +.interactive-banner-style-02:hover figure img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.interactive-banner-style-02:hover figure figcaption .features-icon { + margin-bottom: 20px; + opacity: 1; + visibility: visible; +} +/* Interactive banner style 03 */ +.interactive-banner-style-03 figure { + position: relative; +} +.interactive-banner-style-03 figure img { + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.interactive-banner-style-03 figure figcaption { + position: absolute; + bottom: 0; + top: 0; + background-color: rgba(0, 0, 0, 0.2); +} +.interactive-banner-style-03 figure:hover img { + -webkit-transform: scale(1.08); + transform: scale(1.08); +} +/* Interactive banner style 04 */ +.interactive-banner-style-04 figure { + -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); +} +.interactive-banner-style-04 figure * { + -webkit-transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 700ms cubic-bezier(0.5, 1, 0.89, 1); +} +.interactive-banner-style-04 figure figcaption { + position: absolute; + bottom: 0; +} +.interactive-banner-style-04 figure figcaption .features-content { + position: absolute; + left: 25px; + top: 25px; + width: calc(100% - 50px); + height: calc(100% - 50px); + opacity: 0; + visibility: hidden; + -webkit-transform: translateY(20px); + transform: translateY(20px); + -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); +} +.interactive-banner-style-04 figure figcaption .features-content .box-overlay { + height: 0%; + -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); +} +.interactive-banner-style-04 figure figcaption .box-button { + opacity: 1; + visibility: visible; + position: relative; + bottom: 0; + -webkit-transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 500ms cubic-bezier(0.5, 1, 0.89, 1); +} +.interactive-banner-style-04 figure:hover { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +.interactive-banner-style-04 figure:hover figcaption .features-content { + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.interactive-banner-style-04 figure:hover figcaption .box-overlay { + height: 100%; +} +.interactive-banner-style-04 figure:hover figcaption .box-button { + opacity: 0; + visibility: hidden; + position: relative; + bottom: -70px; +} +/* Interactive banner style 05 */ +.interactive-banner-style-05 figure img { + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.interactive-banner-style-05 figure figcaption .btn { + margin-bottom: -50px; + visibility: hidden; + opacity: 0; + transition-timing-function: linear; + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.interactive-banner-style-05 figure figcaption .content-arrow { + position: absolute; + right: 0; + opacity: 0; + top: 50%; + -webkit-transform: translateY(5px); + transform: translateY(5px); +} +.interactive-banner-style-05 figure:hover img { + -webkit-transform: scale(1.08); + transform: scale(1.08); +} +.interactive-banner-style-05 figure:hover figcaption img { + -webkit-transform: scale(1); + transform: scale(1); +} +.interactive-banner-style-05 figure:hover figcaption .content-arrow { + opacity: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.interactive-banner-style-05 figure:hover figcaption .btn { + margin-bottom: 0; + visibility: visible; + opacity: 1; +} +.interactive-banner-style-05 .atropos:hover .box-overlay { + opacity: 1; + visibility: visible; +} +.interactive-banner-style-05 .atropos:hover img { + -webkit-transform: scale(1.08); + transform: scale(1.08); +} +/* Interactive banner style 06 */ +.interactive-banner-style-06 { + position: relative; + overflow: hidden; +} +.interactive-banner-style-06 .banners-icon { + z-index: 9; + -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); + transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-06 img { + -webkit-transition: 1s cubic-bezier(0.12, 0, 0.39, 0); + transition: 1s cubic-bezier(0.12, 0, 0.39, 0); + width: 100%; +} +.interactive-banner-style-06 .interactive-banners-content { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1; + transform: translateY(calc(100% - 155px)); + -webkit-transition: 550ms cubic-bezier(0.12, 0, 0.1, 0); + transition: 550ms cubic-bezier(0.12, 0, 0.1, 0); +} +.interactive-banner-style-06 .interactive-banners-content .interactive-banners-content-text { + opacity: 0; + visibility: hidden; + -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); + transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-06 .box-overlay { + height: 25%; + bottom: 0; + top: auto; + visibility: visible; + opacity: 0; + -webkit-transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); + transition: 350ms cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-06:hover img { + -webkit-transform: scale(1.3); + transform: scale(1.3); + -webkit-transition: 3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 3s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-06:hover .icon-hover-base-color { + color: var(--base-color) !important; +} +.interactive-banner-style-06:hover .interactive-banners-content { + transform: translateY(0); +} +.interactive-banner-style-06:hover .interactive-banners-content .interactive-banners-content-text { + opacity: 1; + visibility: visible; +} +.interactive-banner-style-06:hover .box-overlay { + height: 100%; + visibility: visible; + opacity: 1; +} +/* Interactive banner style 07 */ +.interactive-banner-style-07 figure { + position: relative; + overflow: hidden; +} +.interactive-banner-style-07 figure > img { + -webkit-transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.6s cubic-bezier(0.12, 0, 0.39, 0); + -webkit-transform: scale(1); + transform: scale(1); +} +.interactive-banner-style-07 figure .overlay-bg { + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-07 figure figcaption { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; +} +.interactive-banner-style-07 figure .hover-hide-content { + position: absolute; + bottom: 50px; + left: 0; + width: 100%; + -webkit-transition: 1s; + transition: 1s; +} +.interactive-banner-style-07 figure .hover-show-content { + opacity: 0; + visibility: hidden; + position: absolute; + bottom: 50px; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + -webkit-transform: scale(1); + transform: scale(1); +} +.interactive-banner-style-07 figure:hover > img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.interactive-banner-style-07 figure:hover .overlay-bg { + opacity: 0.7; +} +.interactive-banner-style-07 figure:hover .hover-hide-content { + opacity: 0; + visibility: hidden; + -webkit-transition: 0.1s; + transition: 0.1s; +} +.interactive-banner-style-07 figure:hover .hover-show-content { + opacity: 1; + visibility: visible; + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +/* Interactive banner style 08 */ +.interactive-banner-style-08 figure:hover img { + -webkit-transform: scale(1.08); + transform: scale(1.08); + -webkit-transition: 1.5s; + transition: 1.5s; +} +.interactive-banner-style-08 figure:hover .box-overlay { + opacity: 1; + visibility: visible; +} +.interactive-banner-style-08 figure:hover figcaption .circle-box { + background-color: var(--white) !important; + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5); + transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1.5); +} +/* Interactive banner style 09 */ +.interactive-banner-style-09 img { + -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); + transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1); +} +.interactive-banner-style-09 .image-content { + position: absolute; + top: 0; +} +.interactive-banner-style-09 .image-content .content-title { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + position: relative; + opacity: 0.6; + visibility: visible; + will-change: transform; + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-09 .image-content .content-title-hover { + position: absolute; + width: auto; + left: 0; + bottom: 0; + visibility: hidden; + will-change: transform; + -webkit-transform: translateY(20px); + transform: translateY(20px); + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-09 .image-content .content-arrow { + will-change: transform; + position: absolute; + right: 0; + opacity: 0; + top: 50%; + -webkit-transform: translateY(10px); + transform: translateY(10px); + -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + display: flex; + align-items: center; + justify-content: center; +} +.interactive-banner-style-09 .image-content .label { + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-09 .image-content .hover-label-icon i { + opacity: 0; + position: absolute; + top: 20px; + left: 0; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.interactive-banner-style-09 .image-content:hover .content-arrow { + opacity: 1; + -webkit-transform: translateY(-42%); + transform: translateY(-42%); +} +.interactive-banner-style-09 .image-content:hover .content-title { + opacity: 0; + visibility: hidden; + -webkit-transform: translateY(-20px); + transform: translateY(-20px); +} +.interactive-banner-style-09 .image-content:hover .content-title-hover { + visibility: visible; + -webkit-transform: translateY(-3px); + transform: translateY(-3px); +} +.interactive-banner-style-09 .image-content:hover .box-overlay { + opacity: 1; + visibility: visible; +} +.interactive-banner-style-09 .image-content:hover .hover-label-icon .label { + opacity: 0; + margin-top: -20px; +} +.interactive-banner-style-09 .image-content:hover .hover-label-icon i { + opacity: 1; + top: 0; +} +.interactive-banner-style-09:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* List style 01 */ +.list-style-01 { + list-style: none; +} +.list-style-01 li { + border-bottom: 1px solid; +} +.list-style-01 li:last-child { + border-bottom: 0px; +} +/* List style 02 */ +.list-style-02 { + list-style: none; +} +.list-style-02 li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: start; +} +.list-style-02 li:last-child { + margin-bottom: 0; +} +.list-style-02 li i { + line-height: 32px; +} +/* List style 03 */ +.list-style-03 { + counter-reset: li; + list-style-type: none; +} +.list-style-03 li { + position: relative; + padding: 0 0 0 38px; + margin: 0 0 9px 0; +} +.list-style-03 li:before { + content: counter(li, decimal-leading-zero) "."; + counter-increment: li; + display: inline-block; + position: absolute; + left: 0; +} +/* List style 04 */ +.list-style-04 { + padding-left: 16px; +} +.list-style-04 li { + margin: 0 0 10px; + list-style: disc; +} +/* List style 05 */ +.list-style-05 { + padding: 0; + margin: 0; +} +.list-style-05 li { + margin: 0; + display: inline-block; +} +.list-style-05 li:before { + border-radius: 100%; + content: ""; + background-color: var(--medium-gray); + display: inline-block; + width: 6px; + height: 6px; + margin: 0 15px; + vertical-align: middle; + position: relative; + top: -2px; +} +.list-style-05 li:first-child:before { + display: none; +} +/* HTML video */ +.html-video { + background-color: #000; + left: 0%; + position: absolute; + top: 50%; + z-index: -3; + object-fit: cover; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +/* Background video */ +.bg-video-wrapper { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + pointer-events: none; + overflow: hidden; +} +.bg-video-wrapper iframe { + width: 100vw; + height: 56.25vw; + min-height: 100vh; + min-width: 177.77vh; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +/* Modal popup */ +#popup-form { + cursor: default; +} +.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color: var(--white); + background: transparent; +} +.mfp-iframe-holder .mfp-content { + max-width: 1050px; +} +.mfp-close, .mfp-close:active { + opacity: 1; + background-color: transparent; + right: 20px; + top: 20px; + height: 30px; + width: 30px; + font-size: 13px; + line-height: 31px; + position: absolute; + color: var(--dark-gray); +} +.lightbox-gallery a { + position: relative; + display: block; +} +.lightbox-gallery .gallary-over-layer { + position: absolute; + top: 0; + left: 0; +} +.show-search-popup > section { + filter: grayscale(100%); +} +.show-search-popup .mfp-search.mfp-bg.mfp-ready { + opacity: 0.5; +} +.mfp-arrow { + opacity: 1; +} +.mfp-wrap { + cursor: url("../images/mfg-close.png"), auto; +} +.mfp-wrap .mfp-container { + cursor: auto; +} +.show-search-popup .mfp-close, .show-search-popup .mfp-close:active { + color: var(--dark-gray); +} +.show-search-popup .search-form .search-input { + border-bottom: 2px solid rgba(0, 0, 0, 0.1); +} +.show-search-popup .search-form .search-button { + color: var(--dark-gray); +} +.show-search-popup .mfp-container { + position: fixed; + height: 300px; + background-color: var(--white); + -webkit-animation-name: "ani-mfp"; + animation-name: "ani-mfp"; + -webkit-animation-duration: 0.2s; + -moz-animation-duration: 0.2s; + -o-animation-duration: 0.2s; + animation-duration: 0.2s; +} +.show-search-popup .mfp-removing .mfp-container { + -webkit-animation-name: "ani-mfp-close"; + animation-name: "ani-mfp-close"; + -webkit-animation-duration: 0.2s; + -moz-animation-duration: 0.2s; + -o-animation-duration: 0.2s; + animation-duration: 0.2s; +} +.show-search-popup .search-form .search-input { + color: var(--dark-gray); +} +.lightbox-gallery a { + position: relative; + display: block; +} +.lightbox-gallery .gallary-over-layer { + position: absolute; + top: 0; + left: 0; +} +.mfp-arrow-right:after, +.mfp-arrow-left:after { + display: none; +} +.mfp-arrow-left { + left: 30px; +} +.mfp-arrow-right { + right: 30px; +} +.mfp-arrow-left:before { + border-right: none; + content: "\e629"; + font-size: 20px; + font-family: "themify"; + color: var(--white); + line-height: 60px; + width: 100%; + height: 100%; + border: none; + margin: 0; + opacity: 1; +} +.mfp-arrow-right:before { + border-left: none; + content: "\e628"; + font-size: 20px; + font-family: "themify"; + color: var(--white); + line-height: 60px; + width: 100%; + height: 100%; + border: none; + margin: 0; + opacity: 1; +} +.mfp-bottom-bar { + margin-top: -24px; + font-size: 12px; +} +.mfp-close { + font-size: 28px; + font-family: var(--alt-font); +} +.mfp-figure { + -webkit-animation-name: fadeIn; + -moz-animation-name: fadeIn; + -o-animation-name: fadeIn; + -ms-animation-name: fadeIn; + animation-name: fadeIn; + -webkit-animation-duration: 0.4s; + -moz-animation-duration: 0.4s; + -ms-animation-duration: 0.4s; + -o-animation-duration: 0.4s; + animation-duration: 0.4s; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -ms-animation-fill-mode: both; + -o-animation-fill-mode: both; + animation-fill-mode: both; + webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; +} +/* Zoom animation */ +.my-mfp-zoom-in .zoom-anim-dialog { + opacity: 0; + -webkit-transform: scale3d(0.9, 0.9, 1); + -o-transform: scale3d(0.9, 0.9, 1); + transform: scale3d(0.9, 0.9, 1); + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); +} +.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); +} +.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { + -webkit-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; +} +.my-mfp-zoom-in.mfp-bg { + opacity: 0; + -webkit-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} +.my-mfp-zoom-in.mfp-ready.mfp-bg { + opacity: 0.8; +} +.my-mfp-zoom-in.mfp-removing.mfp-bg { + opacity: 0; +} +/* Fade animation */ +.my-mfp-slide-bottom .zoom-anim-dialog { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; + -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); + -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); + transform: translateY(-20px) perspective(600px) rotateX(10deg); +} +.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { + opacity: 1; + -webkit-transform: translateY(0) perspective(600px) rotateX(0); + -o-transform: translateY(0) perspective(600px) rotateX(0); + transform: translateY(0) perspective(600px) rotateX(0); +} +.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { + opacity: 0; + -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); + -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); + transform: translateY(-10px) perspective(600px) rotateX(10deg); +} +.my-mfp-slide-bottom.mfp-bg { + opacity: 0; + -webkit-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} +.my-mfp-slide-bottom.mfp-ready.mfp-bg { + opacity: 0.8; +} +.my-mfp-slide-bottom.mfp-removing.mfp-bg { + opacity: 0; +} +/* Slide up animation */ +.my-mfp-slide-up .slide-up-popup { + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + -webkit-transform: translate3d(0, 30px, 0); + transform: translate3d(0, 30px, 0); +} +.my-mfp-slide-up.mfp-ready .slide-up-popup { + -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); + transform: translate3d(0, 0, 0) scale3d(1, 1, 1); +} +.my-mfp-slide-up.mfp-removing .slide-up-popup { + opacity: 0; + -webkit-transform: translate3d(0, 30px, 0); + transform: translate3d(0, 30px, 0); +} +.my-mfp-slide-up.mfp-bg { + opacity: 0; + -webkit-transition: opacity 0.3s ease-out; + transition: opacity 0.3s ease-out; +} +.my-mfp-slide-up.mfp-ready.mfp-bg { + opacity: 0.8; +} +.my-mfp-slide-up.mfp-removing.mfp-bg { + opacity: 0; +} +.mfp-bg { + background: var(--dark-gray); + opacity: 0.9; +} +.mfp-bg, .mfp-wrap { + z-index: 10007; +} +.mfp-fade.mfp-bg { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-fade.mfp-bg.mfp-ready { + opacity: 0.93; +} +.mfp-fade.mfp-bg.mfp-removing { + opacity: 0; +} +.mfp-fade.mfp-wrap .mfp-content { + opacity: 0; + -webkit-transition: all 0.3s ease-out; + -o-transition: all 0.3s ease-out; + transition: all 0.3s ease-out; +} +.mfp-fade.mfp-wrap.mfp-ready .mfp-content { + opacity: 1; +} +.mfp-fade.mfp-wrap.mfp-removing .mfp-content { + opacity: 0; +} +.mfp-ajax-holder { + width: 70%; + height: calc(100% - 100px); + margin: 0 auto; + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +button.mfp-close, +button.mfp-close:active { + height: 40px; + width: 40px; + position: absolute; + right: 20px; + top: 20px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: 0; +} +button.mfp-close:before, +button.mfp-close:active:before { + content: "\f00d"; + color: var(--black); + font-family: "Font Awesome 6 Free"; + font-size: 20px; + font-weight: 900; +} +/* Images gallery */ +.mfp-gallery button.mfp-close, +.mfp-iframe-holder ~ button.mfp-close { + right: 40px; + top: 40px; + background-color: var(--white); +} +.mfp-gallery button.mfp-close:before, +.mfp-iframe-holder ~ button.mfp-close:before { + color: var(--dark-gray); +} +/* Modal popup */ +.modal-popup-main { + position: relative; +} +/* Auto newsletter popup */ +.subscribe-popup .mfp-close, +.subscribe-popup .mfp-close:active { + background-color: transparent; + font-size: 13px; + line-height: 30px; + top: 20px; + right: 20px; +} +.subscribe-popup .mfp-close:before { + color: var(--dark-gray); +} +.subscribe-popup .newsletter-style-02 input { + padding-right: 70px; +} +.subscribe-popup .newsletter-style-02 .btn { + padding: 6px 25px 9px 25px; +} +.newsletter-popup label { + cursor: pointer; +} +/* Parallax background */ +[data-parallax-background-ratio] { + position: relative !important; + background-size: cover !important; + overflow: hidden; + background-attachment: fixed !important; + transition-duration: 0s; + -webkit-transition-duration: 0s; +} +/* Video icon effect */ +.video-icon-effect { + position: relative; + width: 65px; + height: 65px; + border-radius: 50%; + background-color: var(--white); +} +.video-icon-effect:before { + position: absolute; + content: ""; + animation: border-transform 7s linear infinite alternate forwards; + background-color: var(--white); + width: 100px; + height: 100px; + top: -15px; + left: -15px; + opacity: 0.2; +} +@-webkit-keyframes border-transform { + 0%, 100% { + border-radius: 36% 64% 59% 41%/40% 45% 55% 60%; + } + 24% { + border-radius: 37% 63% 60% 40%/46% 52% 48% 54%; + } + 32% { + border-radius: 40% 60% 54% 46%/52% 56% 44% 48%; + } + 42% { + border-radius: 52% 48% 62% 38%/54% 54% 46% 46%; + } + 56% { + border-radius: 60% 40% 65% 35%/54% 50% 50% 46%; + } + 70% { + border-radius: 44% 56% 43% 57%/42% 50% 50% 58%; + } +} +@keyframes border-transform { + 0%, 100% { + border-radius: 36% 64% 59% 41%/40% 45% 55% 60%; + } + 24% { + border-radius: 37% 63% 60% 40%/46% 52% 48% 54%; + } + 32% { + border-radius: 40% 60% 54% 46%/52% 56% 44% 48%; + } + 42% { + border-radius: 52% 48% 62% 38%/54% 54% 46% 46%; + } + 56% { + border-radius: 60% 40% 65% 35%/54% 50% 50% 46%; + } + 70% { + border-radius: 44% 56% 43% 57%/42% 50% 50% 58%; + } +} +/* Particles */ +canvas { + display: block; + vertical-align: bottom; +} +/* Pie chart style 01 */ +.pie-chart-style-01 { + position: relative; + display: inline-block; +} +.pie-chart-style-01 .percent { + position: absolute; + left: 0; + right: 0; + margin: 0 auto; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +/* Pricing table style 01 */ +.pricing-table-style-01.popular-item { + margin-top: -30px; +} +/* Pricing table style 02 */ +.pricing-table-style-02 .popular-item { + left: -10px; + position: relative; + z-index: 1; + width: calc(100% + 20px); +} +.pricing-table-style-02 .popular-label { + position: absolute; + top: 0; + left: 50%; + padding: 1px 20px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +/* Pricing table style 04 */ +.pricing-table-style-04 .accordion-item { + border-radius: 5px !important; + padding: 16px 35px; +} +.pricing-table-style-04 .accordion-item .accordion-body { + padding: 10px 0; +} +.pricing-table-style-04 .accordion-item .icon-round { + position: absolute; + top: 50%; + right: 0; + text-align: center; + -webkit-border-radius: 100%; + border-radius: 100%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.pricing-table-style-04 .accordion-item .icon-round i { + left: 0; + font-size: 13px; +} +.pricing-table-style-04 .accordion-item.active-accordion { + padding: 30px 40px; + background-color: var(--base-color) !important; + color: var(--white) !important; +} +.pricing-table-style-04 .accordion-item.active-accordion .accordion-header .accordion-title { + color: var(--white) !important; +} +.pricing-table-style-04 .accordion-item.active-accordion .icon-round { + background-color: rgba(0, 0, 0, 0.4); + color: var(--white) !important; +} + +/* Pricing table style 07 */ +.pricing-table-style-07 .nav-tabs { + padding: 0; +} +.pricing-table-style-07 .nav-tabs .nav-item { + width: 100%; + padding: 0 15px; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link { + border: 0; + color: var(--medium-gray); +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon { + border-color: rgba(23, 23, 23, 0.2) !important; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link .icon i { + opacity: 0; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link .text-dark-gray { + -webkit-transition: 0.3s; + transition: 0.3s; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active { + box-shadow: none; + background-color: var(--base-color); + color: var(--white) !important; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .text-dark-gray, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .text-dark-gray { + color: var(--white) !important; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .icon i, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon i { + opacity: 1; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link:hover .offer, .pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer { + background-color: var(--dark-gray); + border-color: var(--dark-gray) !important; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .icon { + border-color: rgb(255, 255, 255) !important; +} +.pricing-table-style-07 .nav-tabs .nav-item .nav-link.active .offer { + background-color: var(--dark-gray); + border-color: var(--dark-gray) !important; +} +/* Pricing table style 08 */ +.pricing-table-style-08 .nav-tabs { + position: relative; +} +.pricing-table-style-08 .nav-tabs > li.nav-item { + padding: 0; + margin: 0; +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a.nav-link { + position: relative; + padding: 0; + border: 0; + color: var(--medium-gray); +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a.nav-link .tab-nav-text { + margin: 0 15px; +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a:before { + content: ""; + display: inline-block; + width: 22px; + height: 22px; + position: absolute; + bottom: 5px; + left: calc(50% - 15px); + opacity: 0; + border-radius: 50em; + background-color: #fff; + -webkit-transform: scale(0.5); + transform: scale(0.5); + transition: transform 0.65s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.65s cubic-bezier(0.23, 1, 0.32, 1); + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a:after { + content: ""; + display: inline-block; + width: 100%; + height: 32px; + background-color: #152bca; +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a.active { + color: var(--dark-gray); + background-color: transparent; +} +.pricing-table-style-08 .nav-tabs > li.nav-item > a.active:before { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); +} +.pricing-table-style-08 .nav-tabs > li.nav-item:first-child a { + flex-direction: row; +} +.pricing-table-style-08 .nav-tabs > li.nav-item:first-child a:before { + left: auto; + right: 0px; +} +.pricing-table-style-08 .nav-tabs > li.nav-item:first-child a:after { + border-radius: 50em 0 0 50em; + width: 28px; +} +.pricing-table-style-08 .nav-tabs > li.nav-item:last-child a { + flex-direction: row-reverse; +} +.pricing-table-style-08 .nav-tabs > li.nav-item:last-child a:after { + width: 30px; + border-radius: 0 50em 50em 0; +} +.pricing-table-style-08 .nav-tabs > li.nav-item:last-child a:before { + left: 2px; +} +/* Pricing table style 09 */ +.pricing-table-style-09 .row { + -webkit-transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1); +} +.pricing-table-style-09 .row img, .pricing-table-style-09 .row i { + -webkit-transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 400ms cubic-bezier(0.61, 1, 0.88, 1); +} +.pricing-table-style-09 .row:hover { + -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); + box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08); +} +.pricing-table-style-09 .row:hover img, .pricing-table-style-09 .row:hover i { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.pricing-table-style-09 .action { + -webkit-transition: 0.3s; + transition: 0.3s; +} +.pricing-table-style-09 .action:hover { + margin-right: -5px; +} +/* Pricing table style 10 */ +.pricing-table-style-10 .cover-background { + filter: grayscale(0); + -webkit-transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 700ms cubic-bezier(0.61, 1, 0.88, 1); +} +.pricing-table-style-10 .popular-label { + position: absolute; + top: 0; + right: 50px; + z-index: 1; + height: 100px; + width: 100px; + display: flex; + align-items: center; + justify-content: center; + -webkit-transform: translate(0, -50%); + transform: translate(0, -50%); +} +.pricing-table-style-10:hover .cover-background { + filter: grayscale(100%); +} +/* Pricing table style 11 */ +.pricing-table-style-11 li { + list-style: none; + padding: 25px 0; + position: relative; + -webkit-transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1); + transition: all 200ms cubic-bezier(0.37, 0.8, 0.63, 1); +} +.pricing-table-style-11 li .popular-label { + position: absolute; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.pricing-table-style-11 li:hover { + -webkit-transform: scale(1.03); + transform: scale(1.03); +} +/* Pricing table style 12 */ +.pricing-table-style-12 { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-table-style-12 li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 15px 0; + -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); +} +.pricing-table-style-12 li:last-child { + padding-bottom: 0; +} +.pricing-table-style-12 li:hover { + -webkit-transform: translateX(15px); + transform: translateX(15px); +} +/* Pricing table style 13 */ +.pricing-table-style-13 { + padding: 0; + margin: 0; + list-style: none; +} +.pricing-table-style-13 li { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 25px 0; + -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); +} +.pricing-table-style-13 li:last-child { + padding-bottom: 0; +} +.pricing-table-style-13 li:hover { + -webkit-transform: translateX(15px); + transform: translateX(15px); +} +/* Process step style 01 */ +.process-step-style-01 .progress-step-separator { + position: absolute; + top: 50%; + left: calc(100% + 20px); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.process-step-style-01 .process-step-icon { + position: relative; + text-align: center; + display: inline-block; + vertical-align: middle; +} +.process-step-style-01:hover .box-overlay { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.process-step-style-01:hover .number, .process-step-style-01:hover .icon { + color: var(--white); +} +.process-step-style-01:hover .border-color-transparent-on-hover { + border-color: transparent !important; +} +/* Process step style 02 */ +.process-step-style-02 .process-step-icon { + overflow: hidden; + position: relative; + text-align: center; + display: inline-block; + vertical-align: middle; + will-change: transform; +} +.process-step-style-02 .progress-step-separator { + position: absolute; + top: 50%; + left: calc(100% + 15px); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.process-step-style-02:hover .process-step-icon { + -webkit-transform: scale(1.1); + transform: scale(1.1); + will-change: transform; +} +/* Process step style 03 */ +.process-step-style-03.hover-box * { + will-change: auto; + vertical-align: top; +} +.process-step-style-03 .process-step-icon-box .progress-step-separator { + position: absolute; + top: 50%; + left: calc(100% + 15px); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-transition: 0.4s; + transition: 0.4s; +} +.process-step-style-03 .process-step-icon-box .number { + opacity: 0; + visibility: hidden; + -webkit-transition: 0.4s; + transition: 0.4s; + top: 55%; +} +.process-step-style-03:hover .process-step-icon-box .box-overlay { + opacity: 0.9; +} +.process-step-style-03:hover .process-step-icon-box .number { + opacity: 1; + visibility: visible; + top: 50%; +} +.process-step-style-03:hover .process-step-icon-box img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.process-step-style-03:hover .process-step-icon-box .progress-image { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Process step style 04 */ +.process-step-style-04 .process-step-icon-box { + will-change: transform; +} +.process-step-style-04 .process-step-icon-box .progress-step-separator { + position: absolute; + top: 50%; + left: calc(100% + 15px); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); +} +.process-step-style-04:hover .process-step-icon-box .number, .process-step-style-04:hover .process-step-icon-box .icon { + -webkit-transform: scale(1.3); + transform: scale(1.3); +} +/* Process step style 05 */ +.process-step-style-05 .process-step-item { + display: flex; + position: relative; + flex-flow: row wrap; + align-items: stretch; + justify-content: flex-start; + text-align: left; +} +.process-step-style-05 .process-content { + overflow: hidden; + flex: 1; + max-width: 100%; +} +.process-step-style-05 .progress-step-separator { + position: absolute; + bottom: 15px; + width: 1px; + left: 50%; + height: calc(100% - 100px); +} +.process-step-style-05 .process-step-icon { + will-change: transform; + -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7); + transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7); +} +.process-step-style-05:hover .process-step-icon { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.process-step-style-05:hover .number, .process-step-style-05:hover .icon { + color: var(--white); +} +/* Process step style 07 */ +.process-step-style-06 .process-step-icon-box .progress-step-separator { + position: absolute; + top: 50%; + left: 0; +} +.process-step-style-06:hover .process-step-icon-box .step-box { + -webkit-transform: scale(1.3); + transform: scale(1.3); +} +/* Process step style 08 */ +.process-step-style-08 .process-step-item { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1); + transition: all 350ms cubic-bezier(0.23, 1, 0.32, 1); +} +.process-step-style-08 .process-step-item:hover { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); +} +/* Process step style 09 */ +.process-step-style-09 .progress-right-icon { + position: absolute; + top: 50%; + left: 100%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.process-step-style-09 .process-step-icon { + position: relative; + text-align: center; + display: inline-block; + vertical-align: middle; +} +.process-step-style-09:hover .box-overlay { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.process-step-style-09:hover .border-color-transparent-on-hover { + border-color: transparent !important; +} +/* Process step style 10 */ +.process-step-style-10 .process-step-icon-box { + -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); + transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); +} +.process-step-style-10:hover .process-step-icon-box { + -webkit-transform: translateX(20px) scale(1.1); + transform: translateX(20px) scale(1.1); +} +.process-step-style-10.hover-box .hover-content { + opacity: 0; + position: absolute; + left: 0; + bottom: -15px; +} +.process-step-style-10.hover-box:hover .hover-content { + opacity: 1; + bottom: -5px; +} +/* Process step style 11 */ +.process-step-style-11 .process-step-icon-wrap { + z-index: 1; + background-color: var(--base-color); + background-size: 4px 4px; + -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); + transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); +} +.process-step-style-11:hover .process-step-icon-wrap { + background-color: var(--dark-gray); + background-image: none; + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); + transition: all 650ms cubic-bezier(0.23, 1, 0.32, 1); +} +/* Progress bar */ +.progress { + position: relative; + overflow: visible; +} +.progress .progress-bar { + width: 0px; + position: absolute; + top: 0; + left: 0; + overflow: visible; + -webkit-transition: all 1s cubic-bezier(0.5, 1, 0.5, 1); + transition: all 1s cubic-bezier(0.5, 1, 0.5, 1); +} +.progress .progress-bar.appear .progress-bar-percent { + opacity: 1; +} +.progress-bar-percent { + opacity: 0; +} +/* Progress bar style 01 */ +.progress-bar-style-01 .progress { + height: 4px; + border-radius: 0; +} +.progress-bar-style-01 .progress .progress-bar-title { + position: absolute; + bottom: 10px; +} +.progress-bar-style-01 .progress .progress-bar-percent { + position: absolute; + bottom: 17px; + right: -20px; + padding: 7px; + min-width: 40px; + min-height: 26px; + border-radius: 3px; +} +.progress-bar-style-01 .progress .progress-bar-percent:after { + content: ""; + top: 100%; + left: 50%; + height: 0; + width: 0; + z-index: 9; + margin-left: -4px; + border-width: 4px; + position: absolute; + pointer-events: none; + border: solid transparent; + border-top-color: #232323; +} +.progress-bar-style-01 .progress .progress-bar { + height: 100%; +} +/* Progress bar style 02 */ +.progress-bar-style-02 .progress { + height: 30px; + overflow: hidden; +} +.progress-bar-style-02 .progress .progress-bar-percent { + position: absolute; + top: 9px; + right: 20px; + min-width: 26px; +} +.progress-bar-style-02 .progress .progress-bar-title { + position: absolute; + top: 9px; + left: 20px; +} +.progress-bar-style-02 .progress .progress-bar { + width: 0px; + height: 100%; + position: absolute; +} +/* Progress bar style 03 */ +.progress-bar-style-03 .progress { + height: 4px; +} +.progress-bar-style-03 .progress .progress-bar-title { + position: absolute; + bottom: 14px; +} +.progress-bar-style-03 .progress .progress-bar { + height: 100%; +} +.progress-bar-style-03 .progress .progress-bar-percent { + position: absolute; + bottom: 14px; + right: 0; + opacity: 1; +} +/* Progress bar style 04 */ +.progress-bar-style-04 .progress { + height: 8px; + border-radius: 6px; +} +.progress-bar-style-04 .progress .progress-bar-title { + position: absolute; + bottom: 15px; +} +.progress-bar-style-04 .progress .progress-bar { + height: 100%; + border-radius: 6px; +} +.progress-bar-style-04 .progress .progress-bar-percent { + position: absolute; + bottom: 15px; + right: 0px; +} +.review-star-icon i { + color: #fd961e; + letter-spacing: 1px; +} +.review-star-icon.review-star-icon-white i { + color: var(--white); +} +/* Review style 03 */ +.review-style-03 .slider-review-image-thumbs { + padding: 10px; + height: auto; +} +.review-style-03 .slider-review-image-thumbs .swiper-slide:not(.swiper-slide-thumb-active) img { + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.review-style-03 .slider-review-image-thumbs img { + border: 6px solid transparent; + margin: 0 auto; + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.review-style-03 .slider-review-image-thumbs .swiper-slide-thumb-active img { + box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); + border: 6px solid #ffffff; +} +.review-style-03 .slider-review-image-thumbs .swiper-slide { + cursor: pointer; +} +/* Review style 08 */ +.swiper-fade .review-style-08.swiper-slide { + opacity: 0 !important; +} +.swiper-fade .review-style-08.swiper-slide.swiper-slide-active { + opacity: 1 !important; +} +/* Rotate box */ +.rotate-box { + will-change: transform; + min-height: 250px; + -webkit-perspective: 1000; + perspective: 1000; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box p { + color: rgba(255, 255, 255, 0.7); +} +.rotate-box .front-side, .rotate-box .back-side { + position: absolute; + top: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); + transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); +} +.rotate-box .rotate-content-front, .rotate-box .rotate-content-back { + position: relative; + top: 50%; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); + transition: transform 0.6s cubic-bezier(0.5, 0.3, 0.3, 1); +} +.rotate-box.to-left .front-side, .rotate-box.to-right .front-side { + z-index: 1; + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-left .rotate-content-front, .rotate-box.to-right .rotate-content-front { + -webkit-transform: translateY(-50%) translateX(0px) scale(1); + transform: translateY(-50%) translateX(0px) scale(1); +} +.rotate-box.to-left:hover .back-side, .rotate-box.to-right:hover .back-side { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-left:hover .rotate-content-back, .rotate-box.to-right:hover .rotate-content-back { + -webkit-transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); + transform: translateY(-50%) translateX(0px) translateZ(0px) scale(1); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-left .back-side { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + z-index: 1; +} +.rotate-box.to-left .rotate-content-back { + -webkit-transform: translateY(-50%) translateX(400px) translateZ(60px) scale(0.88); + transform: translateY(-50%) translateX(400px) translateZ(60px) scale(0.88); +} +.rotate-box.to-left:hover .front-side { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-left:hover .rotate-content-front { + -webkit-transform: translateY(-50%) translateX(-400px) scale(0.88); + transform: translateY(-50%) translateX(-400px) scale(0.88); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-right .back-side { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + z-index: 1; +} +.rotate-box.to-right .rotate-content-back { + -webkit-transform: translateY(-50%) translateX(-400px) translateZ(60px) scale(0.88); + transform: translateY(-50%) translateX(-400px) translateZ(60px) scale(0.88); +} +.rotate-box.to-right:hover .front-side { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-right:hover .rotate-content-front { + -webkit-transform: translateY(-50%) translateX(400px) scale(0.88); + transform: translateY(-50%) translateX(400px) scale(0.88); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-top .front-side, .rotate-box.to-bottom .front-side { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-top .rotate-content-front, .rotate-box.to-bottom .rotate-content-front { + -webkit-transform: translateY(-50%) translateX(0px) scale(1); + transform: translateY(-50%) translateX(0px) scale(1); +} +.rotate-box.to-top:hover .back-side, .rotate-box.to-bottom:hover .back-side { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + z-index: 1; +} +.rotate-box.to-top:hover .rotate-content-front, .rotate-box.to-bottom:hover .rotate-content-front { + -webkit-transform: translateY(-50%) translateY(400px) scale(0.88); + transform: translateY(-50%) translateY(400px) scale(0.88); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-top:hover .rotate-content-back, .rotate-box.to-bottom:hover .rotate-content-back { + -webkit-transform: translateY(-50%) translateY(0px) translateZ(0px) scale(1); + transform: translateY(-50%) translateY(0px) translateZ(0px) scale(1); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-top .back-side { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + z-index: 1; +} +.rotate-box.to-top .rotate-content-back { + -webkit-transform: translateY(-50%) translateY(-400px) translateZ(60px) scale(0.88); + transform: translateY(-50%) translateY(-400px) translateZ(60px) scale(0.88); +} +.rotate-box.to-top:hover .front-side { + -webkit-transform: rotateX(-180deg); + transform: rotateX(-180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.rotate-box.to-bottom .back-side { + -webkit-transform: rotateX(-180deg); + transform: rotateX(-180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + z-index: 1; +} +.rotate-box.to-bottom .rotate-content-back { + -webkit-transform: translateY(-50%) translateY(400px) translateZ(60px) scale(0.88); + transform: translateY(-50%) translateY(400px) translateZ(60px) scale(0.88); +} +.rotate-box.to-bottom:hover .front-side { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.to-top { + animation: toTop 0.3s linear forwards; +} +.to-right { + animation: toRight 0.3s linear forwards; +} +.to-bottom { + animation: toBottom 0.3s linear forwards; +} +.to-left { + animation: toLeft 0.3s linear forwards; +} +/* Rotate box style 01 */ +.rotate-box-style-01 * { + will-change: transform; +} +.rotate-box-style-01 .rm-rotate-box { + position: relative; +} +.rotate-box-style-01 .flipper { + position: relative; +} +.rotate-box-style-01 .flipper:hover .front { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); +} +.rotate-box-style-01 .flipper:hover .back { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); +} +.rotate-box-style-01 .flipper.to-right .front { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); +} +.rotate-box-style-01 .flipper.to-right .back { + -webkit-transform: rotateY(-180deg); + transform: rotateY(-180deg); +} +.rotate-box-style-01 .flipper.to-right:hover .front { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); +} +.rotate-box-style-01 .flipper.to-right:hover .back { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); +} +.rotate-box-style-01 .flipper.to-top .front { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); +} +.rotate-box-style-01 .flipper.to-top .back { + -webkit-transform: rotateX(-180deg); + transform: rotateX(-180deg); +} +.rotate-box-style-01 .flipper.to-top:hover .front { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); +} +.rotate-box-style-01 .flipper.to-top:hover .back { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); +} +.rotate-box-style-01 .flipper.to-bottom .front { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); +} +.rotate-box-style-01 .flipper.to-bottom .back { + -webkit-transform: rotateX(180deg); + transform: rotateX(180deg); +} +.rotate-box-style-01 .flipper.to-bottom:hover .front { + -webkit-transform: rotateX(-180deg); + transform: rotateX(-180deg); +} +.rotate-box-style-01 .flipper.to-bottom:hover .back { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); +} +.rotate-box-style-01 .thumb-wrap { + perspective: 1000px; +} +.rotate-box-style-01 .content-wrap { + position: absolute; + width: 100%; + display: block; + transform-style: preserve-3d; + perspective: inherit; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + z-index: 2; + bottom: 55px; + left: 0; + transform: translate3d(0, 0, 0) scale(1); +} +.rotate-box-style-01 .front { + -webkit-transform: rotateY(0deg); + transform: rotateY(0deg); + background-size: cover; + z-index: 1; + transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + perspective: inherit; + transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); +} +.rotate-box-style-01 .back { + -webkit-transform: rotateY(180deg); + transform: rotateY(180deg); + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform-style: preserve-3d; + -webkit-transform-style: preserve-3d; + backface-visibility: hidden; + -webkit-backface-visibility: hidden; + perspective: inherit; + transition: transform 0.8s cubic-bezier(0.5, 0.2, 0.2, 0.8); +} +.rotate-box-style-01 .back .content-wrap { + top: 50%; + bottom: inherit; + left: 0; + transform: translate3d(0, -50%, 0) scale(1); +} +.rotate-box-style-01 .back .box-overlay { + visibility: visible; + opacity: 1; +} +/* Rotate box style 02 */ +.rotate-box-style-02 .rotate-box { + min-height: 350px; +} +/* Services box style 01 */ +.services-box-style-01 .icon-box { + opacity: 0; + margin-top: 15px; +} +.services-box-style-01 .box-image { + overflow: hidden; +} +.services-box-style-01 .box-image img { + width: 100%; +} +.services-box-style-01 .box-overlay { + z-index: 1; + -webkit-transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); + transition: all 500ms cubic-bezier(0.61, 1, 0.88, 1); +} +.services-box-style-01:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 500ms cubic-bezier(61, 10, 88, 10); + transition: all 500ms cubic-bezier(61, 10, 88, 10); +} +.services-box-style-01:hover .icon-box { + opacity: 1; + margin-top: 0; +} +.services-box-style-01:hover .box-overlay { + opacity: 0.8; +} +/* Services box style 02 */ +.services-box-style-02 .box-overlay { + z-index: 1; + -webkit-transition: all 450ms ease-in-out; + transition: all 450ms ease-in-out; +} +.services-box-style-02.hover-box:hover .box-overlay { + opacity: 1; +} +/* Services box style 05 */ +.services-box-style-05 img { + -webkit-transition: 0.3s; + transition: 0.3s; + width: 100%; +} +.services-box-style-05 figure { + position: relative; +} +.services-box-style-05 figure figcaption { + position: absolute; + top: 0; +} +.services-box-style-05 figure figcaption a { + display: inline-block; + color: var(--dark-gray); +} +.services-box-style-05 figure figcaption .content-box { + margin-bottom: -80px; +} +.services-box-style-05 figure:hover figcaption .btn-link { + color: var(--white); + border-color: var(--white); +} +.services-box-style-05 figure:hover figcaption .box-title { + color: var(--white); +} +.services-box-style-05 figure:hover figcaption .box-overlay { + opacity: 1; + visibility: visible; +} +/* Services box style 06 */ +.services-box-style-06 .services-text:after { + content: "\f309"; + display: inline-block; + font-family: bootstrap-icons; + vertical-align: middle; + margin: -2px 2px 0; + font-size: 22px; + color: var(--medium-gray); + opacity: 0.7; +} +.services-box-style-06:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + -webkit-transition: all 500ms cubic-bezier(61, 10, 88, 10); + transition: all 500ms cubic-bezier(61, 10, 88, 10); +} +/* Services box style 07 */ +.services-box-style-07 .btn-hover { + position: absolute; + left: 0; + top: 100%; + width: 100%; + height: 100%; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.services-box-style-07 .text-down { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.services-box-style-07:hover .btn-hover { + top: 0; +} +.services-box-style-07:hover .text-down { + -webkit-transform: translateY(20px); + transform: translateY(20px); +} +/* Sliding box zoom effect */ +@keyframes scale-effect { + 0% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } + to { + -webkit-transform: scale(1); + transform: scale(1); + } +} +@-webkit-keyframes scale-effect { + 0% { + -webkit-transform: scale(0.9); + transform: scale(0.9); + } + to { + -webkit-transform: scale(1); + transform: scale(1); + } +} +/* Sliding box fade effect */ +@keyframes fade { + 0% { + opacity: 0.2; + } + to { + opacity: 1; + } +} +@-webkit-keyframes fade { + 0% { + opacity: 0.2; + } + to { + opacity: 1; + } +} +/* Sliding box right effect */ +@keyframes slide-right { + 0% { + -webkit-transform: translateX(-25px); + transform: translateX(-25px); + } + to { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +@-webkit-keyframes slide-right { + 0% { + -webkit-transform: translateX(-25px); + transform: translateX(-25px); + } + to { + -webkit-transform: translateX(0); + transform: translateX(0); + } +} +/* Sliding box */ +.sliding-box * { + will-change: transform; +} +.sliding-box .sliding-box-item { + margin-left: 15px; + margin-right: 15px; + float: left; + overflow: hidden; + position: relative; + -webkit-transition: width 0.7s; + transition: width 0.7s; +} +.sliding-box .sliding-box-item .sliding-box-content { + top: 0; + height: 100%; + position: absolute; +} +/* Sliding box style 01 */ +.sliding-box-style-01 .sliding-box-item .sliding-box-content:after { + content: ""; + right: 100%; + top: 50%; + height: 0; + width: 0; + opacity: 0; + z-index: 9; + margin-top: -10px; + position: absolute; + border: solid transparent; + border-right-color: var(--white); + border-width: 12px; + pointer-events: none; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} +.sliding-box-style-01 .sliding-box-item.active .sliding-box-content:after, .sliding-box-style-01 .sliding-box-item:hover .sliding-box-content:after { + opacity: 1; +} +/* Sliding box style 02 */ +.sliding-box-style-02 .sliding-box-item .sliding-box-img { + border-radius: 4px; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} +.sliding-box-style-02 .sliding-box-item.active .sliding-box-img { + border-radius: 4px 0 0 4px; +} +.sliding-box-style-02 .sliding-box-item.active .sliding-box-content { + border-radius: 0 4px 4px 0; +} +.sliding-box-style-02 .sliding-box-item.active .content-hover { + animation: fade 1s; +} +/* Sliding box style 03 */ +.sliding-box-style-03 .overlay { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + opacity: 0.5; + z-index: 1; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.sliding-box-style-03 .overlay-contnet { + position: absolute; + left: 0; + top: 0; + opacity: 1; + visibility: visible; + -webkit-transition: all 0.4s linear; + transition: all 0.4s linear; +} +.sliding-box-style-03 .number { + position: absolute; + bottom: -30px; + left: 0; + right: 0; + text-align: center; +} +.sliding-box-style-03 .sliding-box-content:after { + display: none; +} +.sliding-box-style-03.active .overlay { + opacity: 0; + visibility: hidden; +} +.sliding-box-style-03.active .overlay-contnet { + opacity: 0; + visibility: hidden; +} +/* Social media icon */ +.elements-social .behance:hover { + color: #1769ff; +} +.elements-social .behance-square:hover { + color: #1769ff; +} +.elements-social .blogger:hover { + color: #ff8000; +} +.elements-social .codepen:hover { + color: #0ebeff; +} +.elements-social .deviantart:hover { + color: #05cc47; +} +.elements-social .digg:hover { + color: #262626; +} +.elements-social .dribbble:hover { + color: #ea4c89; +} +.elements-social .delicious:hover { + color: #205cc0; +} +.elements-social .email:hover { + color: #7d7d7d; +} +.elements-social .facebook:hover { + color: #3b5998; +} +.elements-social .facebook-square:hover { + color: #3b5998; +} +.elements-social .flickr:hover { + color: #ff0084; +} +.elements-social .flipboard:hover { + color: #e12828; +} +.elements-social .github:hover { + color: #4078c0; +} +.elements-social .google:hover { + color: #dc4a38; +} +.elements-social .google-plus:hover { + color: #dd4b39; +} +.elements-social .instagram:hover { + color: #FE1F49; +} +.elements-social .jsfiddle:hover { + color: #0084FF; +} +.elements-social .linkedin:hover { + color: #0077b5; +} +.elements-social .livejournal:hover { + color: #00b0ea; +} +.elements-social .medium:hover { + color: #00ab6c; +} +.elements-social .meneame:hover { + color: #ff6400; +} +.elements-social .mailru:hover { + color: #168de2; +} +.elements-social .odnoklassniki:hover { + color: #d7772d; +} +.elements-social .paypal:hover { + color: #003087; +} +.elements-social .pinterest:hover { + color: #CB2027; +} +.elements-social .pinterest-p:hover { + color: #CB2027; +} +.elements-social .print:hover { + color: #222222; +} +.elements-social .reddit:hover { + color: #ff4500; +} +.elements-social .reddit-square:hover { + color: #ff4500; +} +.elements-social .rss:hover { + color: #f2890a; +} +.elements-social .skype:hover { + color: #00aff0; +} +.elements-social .slack:hover { + color: #6ecadc; +} +.elements-social .snapchat:hover { + color: #fffc00; +} +.elements-social .soundcloud:hover { + color: #ff8800; +} +.elements-social .spotify:hover { + color: #1db954; +} +.elements-social .sms:hover { + color: #ffbd00; +} +.elements-social .sharethis:hover { + color: #95D03A; +} +.elements-social .stack-overflow:hover { + color: #f48024; +} +.elements-social .stumbleupon:hover { + color: #eb4924; +} +.elements-social .telegram:hover { + color: #0088cc; +} +.elements-social .trello:hover { + color: #0079bf; +} +.elements-social .tumblr:hover { + color: #32506d; +} +.elements-social .twitch:hover { + color: #6441a5; +} +.elements-social .twitter:hover { + color: #00aced; +} +.elements-social .twitter-square:hover { + color: #00aced; +} +.elements-social .vimeo:hover { + color: #1ab7ea; +} +.elements-social .vine:hover { + color: #00bf8f; +} +.elements-social .vk:hover { + color: #4c6c91; +} +.elements-social .wordpress:hover { + color: #21759b; +} +.elements-social .weibo:hover { + color: #ff9933; +} +.elements-social .whatsapp:hover { + color: #25d366; +} +.elements-social .xing:hover { + color: #1a7576; +} +.elements-social .youtube:hover { + color: #ff0000; +} +.elements-social .youtube-play:hover { + color: #ff0000; +} +.elements-social ul { + margin-bottom: 0; + list-style: none; + padding: 0; +} +.elements-social ul li { + display: inline-block; +} +.elements-social ul li:first-child { + margin-left: 0 !important; +} +.elements-social ul li:last-child { + margin-right: 0 !important; +} +.elements-social ul li a { + text-align: center; + display: flex; + align-items: center; + justify-content: center; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.extra-small-icon li { + margin: 0 2px; +} +.extra-small-icon a { + font-size: 14px; + width: 30px; + height: 30px; +} +.small-icon li { + margin: 0 5px; +} +.small-icon a { + font-size: 18px; + width: 40px; + height: 40px; +} +.medium-icon li { + margin: 0 8px; +} +.medium-icon a { + font-size: 20px; + width: 50px; + height: 50px; +} +.large-icon li { + margin: 0 10px; +} +.large-icon a { + font-size: 24px; + width: 60px; + height: 60px; +} +.extra-large-icon li { + margin: 0 12px; +} +.extra-large-icon a { + font-size: 30px; + width: 70px; + height: 70px; +} +.social-icon a { + margin: 0 15px; +} +.social-icon a:first-child { + margin-left: 0; +} +.social-icon a:last-child { + margin-right: 0; +} +[class^=social-icon-] ul, [class*=" social-icon-"] ul { + list-style: none; +} +/* Social icon dark and light */ +.elements-social .light li a { + color: var(--white); +} +.elements-social .dark li a { + color: var(--dark-gray); +} +.elements-social .icon-with-animation a:hover { + -webkit-transform: translateY(-8px); + transform: translateY(-8px); +} +/* Social icon style 01 */ +.social-icon-style-01 ul li a:hover { + color: var(--base-color) !important; +} +/* Social icon style 03 */ +.social-icon-style-03 ul li a { + color: var(--white); + border-radius: 100%; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.social-icon-style-03 ul li a:hover { + background-color: var(--white) !important; + box-shadow: 0 0 30px rgba(23, 23, 23, 0.25); + transform: translate3d(0, -3px, 0); +} +.social-icon-style-03 ul li a.behance { + background-color: #1769ff; +} +.social-icon-style-03 ul li a.behance-square { + background-color: #1769ff; +} +.social-icon-style-03 ul li a.blogger { + background-color: #ff8000; +} +.social-icon-style-03 ul li a.codepen { + background-color: #0ebeff; +} +.social-icon-style-03 ul li a.deviantart { + background-color: #05cc47; +} +.social-icon-style-03 ul li a.digg { + background-color: #262626; +} +.social-icon-style-03 ul li a.dribbble { + background-color: #ea4c89; +} +.social-icon-style-03 ul li a.delicious { + background-color: #205cc0; +} +.social-icon-style-03 ul li a.email { + background-color: #7d7d7d; +} +.social-icon-style-03 ul li a.facebook { + background-color: #3b5998; +} +.social-icon-style-03 ul li a.facebook-square { + background-color: #3b5998; +} +.social-icon-style-03 ul li a.flickr { + background-color: #ff0084; +} +.social-icon-style-03 ul li a.flipboard { + background-color: #e12828; +} +.social-icon-style-03 ul li a.github { + background-color: #4078c0; +} +.social-icon-style-03 ul li a.google { + background-color: #dc4a38; +} +.social-icon-style-03 ul li a.google-plus { + background-color: #dd4b39; +} +.social-icon-style-03 ul li a.instagram { + background-color: #FE1F49; +} +.social-icon-style-03 ul li a.jsfiddle { + background-color: #0084FF; +} +.social-icon-style-03 ul li a.linkedin { + background-color: #0077b5; +} +.social-icon-style-03 ul li a.livejournal { + background-color: #00b0ea; +} +.social-icon-style-03 ul li a.medium { + background-color: #00ab6c; +} +.social-icon-style-03 ul li a.meneame { + background-color: #ff6400; +} +.social-icon-style-03 ul li a.mailru { + background-color: #168de2; +} +.social-icon-style-03 ul li a.odnoklassniki { + background-color: #d7772d; +} +.social-icon-style-03 ul li a.paypal { + background-color: #003087; +} +.social-icon-style-03 ul li a.pinterest { + background-color: #CB2027; +} +.social-icon-style-03 ul li a.pinterest-p { + background-color: #CB2027; +} +.social-icon-style-03 ul li a.print { + background-color: #222222; +} +.social-icon-style-03 ul li a.reddit { + background-color: #ff4500; +} +.social-icon-style-03 ul li a.reddit-square { + background-color: #ff4500; +} +.social-icon-style-03 ul li a.rss { + background-color: #f2890a; +} +.social-icon-style-03 ul li a.skype { + background-color: #00aff0; +} +.social-icon-style-03 ul li a.slack { + background-color: #6ecadc; +} +.social-icon-style-03 ul li a.snapchat { + background-color: #fffc00; +} +.social-icon-style-03 ul li a.soundcloud { + background-color: #ff8800; +} +.social-icon-style-03 ul li a.spotify { + background-color: #1db954; +} +.social-icon-style-03 ul li a.sms { + background-color: #ffbd00; +} +.social-icon-style-03 ul li a.sharethis { + background-color: #95D03A; +} +.social-icon-style-03 ul li a.stack-overflow { + background-color: #f48024; +} +.social-icon-style-03 ul li a.stumbleupon { + background-color: #eb4924; +} +.social-icon-style-03 ul li a.telegram { + background-color: #0088cc; +} +.social-icon-style-03 ul li a.trello { + background-color: #0079bf; +} +.social-icon-style-03 ul li a.tumblr { + background-color: #32506d; +} +.social-icon-style-03 ul li a.twitch { + background-color: #6441a5; +} +.social-icon-style-03 ul li a.twitter { + background-color: #00aced; +} +.social-icon-style-03 ul li a.twitter-square { + background-color: #00aced; +} +.social-icon-style-03 ul li a.vimeo { + background-color: #1ab7ea; +} +.social-icon-style-03 ul li a.vine { + background-color: #00bf8f; +} +.social-icon-style-03 ul li a.vk { + background-color: #4c6c91; +} +.social-icon-style-03 ul li a.wordpress { + background-color: #21759b; +} +.social-icon-style-03 ul li a.weibo { + background-color: #ff9933; +} +.social-icon-style-03 ul li a.whatsapp { + background-color: #25d366; +} +.social-icon-style-03 ul li a.xing { + background-color: #1a7576; +} +.social-icon-style-03 ul li a.youtube { + background-color: #ff0000; +} +.social-icon-style-03 ul li a.youtube-play { + background-color: #ff0000; +} +/* Social icon style 04 */ +.social-icon-style-04 ul li a { + z-index: 9; + position: relative; +} +.social-icon-style-04 ul li a:hover { + color: var(--white) !important; +} +.social-icon-style-04 ul li a:hover span { + width: 100%; + height: 100%; + border-radius: 100%; + top: 0; + left: 0; +} +.social-icon-style-04 ul li a span { + border-radius: 0; + display: block; + height: 0; + width: 0; + left: 50%; + margin: 0; + position: absolute; + top: 50%; + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + z-index: -1; + background-color: var(--dark-gray); +} +.social-icon-style-04 ul li a.behance span { + background-color: #1769ff; +} +.social-icon-style-04 ul li a.behance-square span { + background-color: #1769ff; +} +.social-icon-style-04 ul li a.blogger span { + background-color: #ff8000; +} +.social-icon-style-04 ul li a.codepen span { + background-color: #0ebeff; +} +.social-icon-style-04 ul li a.deviantart span { + background-color: #05cc47; +} +.social-icon-style-04 ul li a.digg span { + background-color: #262626; +} +.social-icon-style-04 ul li a.dribbble span { + background-color: #ea4c89; +} +.social-icon-style-04 ul li a.delicious span { + background-color: #205cc0; +} +.social-icon-style-04 ul li a.email span { + background-color: #7d7d7d; +} +.social-icon-style-04 ul li a.facebook span { + background-color: #3b5998; +} +.social-icon-style-04 ul li a.facebook-square span { + background-color: #3b5998; +} +.social-icon-style-04 ul li a.flickr span { + background-color: #ff0084; +} +.social-icon-style-04 ul li a.flipboard span { + background-color: #e12828; +} +.social-icon-style-04 ul li a.github span { + background-color: #4078c0; +} +.social-icon-style-04 ul li a.google span { + background-color: #dc4a38; +} +.social-icon-style-04 ul li a.google-plus span { + background-color: #dd4b39; +} +.social-icon-style-04 ul li a.instagram span { + background-color: #FE1F49; +} +.social-icon-style-04 ul li a.jsfiddle span { + background-color: #0084FF; +} +.social-icon-style-04 ul li a.linkedin span { + background-color: #0077b5; +} +.social-icon-style-04 ul li a.livejournal span { + background-color: #00b0ea; +} +.social-icon-style-04 ul li a.medium span { + background-color: #00ab6c; +} +.social-icon-style-04 ul li a.meneame span { + background-color: #ff6400; +} +.social-icon-style-04 ul li a.mailru span { + background-color: #168de2; +} +.social-icon-style-04 ul li a.odnoklassniki span { + background-color: #d7772d; +} +.social-icon-style-04 ul li a.paypal span { + background-color: #003087; +} +.social-icon-style-04 ul li a.pinterest span { + background-color: #CB2027; +} +.social-icon-style-04 ul li a.pinterest-p span { + background-color: #CB2027; +} +.social-icon-style-04 ul li a.print span { + background-color: #222222; +} +.social-icon-style-04 ul li a.reddit span { + background-color: #ff4500; +} +.social-icon-style-04 ul li a.reddit-square span { + background-color: #ff4500; +} +.social-icon-style-04 ul li a.rss span { + background-color: #f2890a; +} +.social-icon-style-04 ul li a.skype span { + background-color: #00aff0; +} +.social-icon-style-04 ul li a.slack span { + background-color: #6ecadc; +} +.social-icon-style-04 ul li a.snapchat span { + background-color: #fffc00; +} +.social-icon-style-04 ul li a.soundcloud span { + background-color: #ff8800; +} +.social-icon-style-04 ul li a.spotify span { + background-color: #1db954; +} +.social-icon-style-04 ul li a.sms span { + background-color: #ffbd00; +} +.social-icon-style-04 ul li a.sharethis span { + background-color: #95D03A; +} +.social-icon-style-04 ul li a.stack-overflow span { + background-color: #f48024; +} +.social-icon-style-04 ul li a.stumbleupon span { + background-color: #eb4924; +} +.social-icon-style-04 ul li a.telegram span { + background-color: #0088cc; +} +.social-icon-style-04 ul li a.trello span { + background-color: #0079bf; +} +.social-icon-style-04 ul li a.tumblr span { + background-color: #32506d; +} +.social-icon-style-04 ul li a.twitch span { + background-color: #6441a5; +} +.social-icon-style-04 ul li a.twitter span { + background-color: #00aced; +} +.social-icon-style-04 ul li a.twitter-square span { + background-color: #00aced; +} +.social-icon-style-04 ul li a.vimeo span { + background-color: #1ab7ea; +} +.social-icon-style-04 ul li a.vine span { + background-color: #00bf8f; +} +.social-icon-style-04 ul li a.vk span { + background-color: #4c6c91; +} +.social-icon-style-04 ul li a.wordpress span { + background-color: #21759b; +} +.social-icon-style-04 ul li a.weibo span { + background-color: #ff9933; +} +.social-icon-style-04 ul li a.whatsapp span { + background-color: #25d366; +} +.social-icon-style-04 ul li a.xing span { + background-color: #1a7576; +} +.social-icon-style-04 ul li a.youtube span { + background-color: #ff0000; +} +.social-icon-style-04 ul li a.youtube-play span { + background-color: #ff0000; +} +/* Social icon style 05 */ +.social-icon-style-05 ul li a:hover { + color: var(--white) !important; +} +.social-icon-style-05 ul li a.behance { + color: #1769ff; +} +.social-icon-style-05 ul li a.behance-square { + color: #1769ff; +} +.social-icon-style-05 ul li a.blogger { + color: #ff8000; +} +.social-icon-style-05 ul li a.codepen { + color: #0ebeff; +} +.social-icon-style-05 ul li a.deviantart { + color: #05cc47; +} +.social-icon-style-05 ul li a.digg { + color: #262626; +} +.social-icon-style-05 ul li a.dribbble { + color: #ea4c89; +} +.social-icon-style-05 ul li a.delicious { + color: #205cc0; +} +.social-icon-style-05 ul li a.email { + color: #7d7d7d; +} +.social-icon-style-05 ul li a.facebook { + color: #3b5998; +} +.social-icon-style-05 ul li a.facebook-square { + color: #3b5998; +} +.social-icon-style-05 ul li a.flickr { + color: #ff0084; +} +.social-icon-style-05 ul li a.flipboard { + color: #e12828; +} +.social-icon-style-05 ul li a.github { + color: #4078c0; +} +.social-icon-style-05 ul li a.google { + color: #dc4a38; +} +.social-icon-style-05 ul li a.google-plus { + color: #dd4b39; +} +.social-icon-style-05 ul li a.instagram { + color: #FE1F49; +} +.social-icon-style-05 ul li a.jsfiddle { + color: #0084FF; +} +.social-icon-style-05 ul li a.linkedin { + color: #0077b5; +} +.social-icon-style-05 ul li a.livejournal { + color: #00b0ea; +} +.social-icon-style-05 ul li a.medium { + color: #00ab6c; +} +.social-icon-style-05 ul li a.meneame { + color: #ff6400; +} +.social-icon-style-05 ul li a.mailru { + color: #168de2; +} +.social-icon-style-05 ul li a.odnoklassniki { + color: #d7772d; +} +.social-icon-style-05 ul li a.paypal { + color: #003087; +} +.social-icon-style-05 ul li a.pinterest { + color: #CB2027; +} +.social-icon-style-05 ul li a.pinterest-p { + color: #CB2027; +} +.social-icon-style-05 ul li a.print { + color: #222222; +} +.social-icon-style-05 ul li a.reddit { + color: #ff4500; +} +.social-icon-style-05 ul li a.reddit-square { + color: #ff4500; +} +.social-icon-style-05 ul li a.rss { + color: #f2890a; +} +.social-icon-style-05 ul li a.skype { + color: #00aff0; +} +.social-icon-style-05 ul li a.slack { + color: #6ecadc; +} +.social-icon-style-05 ul li a.snapchat { + color: #fffc00; +} +.social-icon-style-05 ul li a.soundcloud { + color: #ff8800; +} +.social-icon-style-05 ul li a.spotify { + color: #1db954; +} +.social-icon-style-05 ul li a.sms { + color: #ffbd00; +} +.social-icon-style-05 ul li a.sharethis { + color: #95D03A; +} +.social-icon-style-05 ul li a.stack-overflow { + color: #f48024; +} +.social-icon-style-05 ul li a.stumbleupon { + color: #eb4924; +} +.social-icon-style-05 ul li a.telegram { + color: #0088cc; +} +.social-icon-style-05 ul li a.trello { + color: #0079bf; +} +.social-icon-style-05 ul li a.tumblr { + color: #32506d; +} +.social-icon-style-05 ul li a.twitch { + color: #6441a5; +} +.social-icon-style-05 ul li a.twitter { + color: #00aced; +} +.social-icon-style-05 ul li a.twitter-square { + color: #00aced; +} +.social-icon-style-05 ul li a.vimeo { + color: #1ab7ea; +} +.social-icon-style-05 ul li a.vine { + color: #00bf8f; +} +.social-icon-style-05 ul li a.vk { + color: #4c6c91; +} +.social-icon-style-05 ul li a.wordpress { + color: #21759b; +} +.social-icon-style-05 ul li a.weibo { + color: #ff9933; +} +.social-icon-style-05 ul li a.whatsapp { + color: #25d366; +} +.social-icon-style-05 ul li a.xing { + color: #1a7576; +} +.social-icon-style-05 ul li a.youtube { + color: #ff0000; +} +.social-icon-style-05 ul li a.youtube-play { + color: #ff0000; +} +.social-icon-style-05 ul.dark li a:hover { + color: var(--dark-gray) !important; +} +/* Social icon style 06 */ +.social-icon-style-06 ul li a { + display: inline-block; + height: auto; + width: auto; + padding: 0 24px; + position: relative; + vertical-align: middle; + overflow: hidden; +} +.social-icon-style-06 ul li a .brand-icon { + position: absolute; + height: 100%; + width: 100%; + left: 0; + top: 100%; + transition-duration: 0.3s; +} +.social-icon-style-06 ul li a > span { + line-height: inherit; + top: 0px; + position: relative; + transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; +} +.social-icon-style-06 ul li a:hover .brand-label { + top: -50px; + transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; +} +.social-icon-style-06 ul li a:hover .brand-icon { + top: 0; + transition-duration: 0.3s; +} +.social-icon-style-06 ul li a.behance { + color: #1769ff; +} +.social-icon-style-06 ul li a.behance-square { + color: #1769ff; +} +.social-icon-style-06 ul li a.blogger { + color: #ff8000; +} +.social-icon-style-06 ul li a.codepen { + color: #0ebeff; +} +.social-icon-style-06 ul li a.deviantart { + color: #05cc47; +} +.social-icon-style-06 ul li a.digg { + color: #262626; +} +.social-icon-style-06 ul li a.dribbble { + color: #ea4c89; +} +.social-icon-style-06 ul li a.delicious { + color: #205cc0; +} +.social-icon-style-06 ul li a.email { + color: #7d7d7d; +} +.social-icon-style-06 ul li a.facebook { + color: #3b5998; +} +.social-icon-style-06 ul li a.facebook-square { + color: #3b5998; +} +.social-icon-style-06 ul li a.flickr { + color: #ff0084; +} +.social-icon-style-06 ul li a.flipboard { + color: #e12828; +} +.social-icon-style-06 ul li a.github { + color: #4078c0; +} +.social-icon-style-06 ul li a.google { + color: #dc4a38; +} +.social-icon-style-06 ul li a.google-plus { + color: #dd4b39; +} +.social-icon-style-06 ul li a.instagram { + color: #FE1F49; +} +.social-icon-style-06 ul li a.jsfiddle { + color: #0084FF; +} +.social-icon-style-06 ul li a.linkedin { + color: #0077b5; +} +.social-icon-style-06 ul li a.livejournal { + color: #00b0ea; +} +.social-icon-style-06 ul li a.medium { + color: #00ab6c; +} +.social-icon-style-06 ul li a.meneame { + color: #ff6400; +} +.social-icon-style-06 ul li a.mailru { + color: #168de2; +} +.social-icon-style-06 ul li a.odnoklassniki { + color: #d7772d; +} +.social-icon-style-06 ul li a.paypal { + color: #003087; +} +.social-icon-style-06 ul li a.pinterest { + color: #CB2027; +} +.social-icon-style-06 ul li a.pinterest-p { + color: #CB2027; +} +.social-icon-style-06 ul li a.print { + color: #222222; +} +.social-icon-style-06 ul li a.reddit { + color: #ff4500; +} +.social-icon-style-06 ul li a.reddit-square { + color: #ff4500; +} +.social-icon-style-06 ul li a.rss { + color: #f2890a; +} +.social-icon-style-06 ul li a.skype { + color: #00aff0; +} +.social-icon-style-06 ul li a.slack { + color: #6ecadc; +} +.social-icon-style-06 ul li a.snapchat { + color: #fffc00; +} +.social-icon-style-06 ul li a.soundcloud { + color: #ff8800; +} +.social-icon-style-06 ul li a.spotify { + color: #1db954; +} +.social-icon-style-06 ul li a.sms { + color: #ffbd00; +} +.social-icon-style-06 ul li a.sharethis { + color: #95D03A; +} +.social-icon-style-06 ul li a.stack-overflow { + color: #f48024; +} +.social-icon-style-06 ul li a.stumbleupon { + color: #eb4924; +} +.social-icon-style-06 ul li a.telegram { + color: #0088cc; +} +.social-icon-style-06 ul li a.trello { + color: #0079bf; +} +.social-icon-style-06 ul li a.tumblr { + color: #32506d; +} +.social-icon-style-06 ul li a.twitch { + color: #6441a5; +} +.social-icon-style-06 ul li a.twitter { + color: #00aced; +} +.social-icon-style-06 ul li a.twitter-square { + color: #00aced; +} +.social-icon-style-06 ul li a.vimeo { + color: #1ab7ea; +} +.social-icon-style-06 ul li a.vine { + color: #00bf8f; +} +.social-icon-style-06 ul li a.vk { + color: #4c6c91; +} +.social-icon-style-06 ul li a.wordpress { + color: #21759b; +} +.social-icon-style-06 ul li a.weibo { + color: #ff9933; +} +.social-icon-style-06 ul li a.whatsapp { + color: #25d366; +} +.social-icon-style-06 ul li a.xing { + color: #1a7576; +} +.social-icon-style-06 ul li a.youtube { + color: #ff0000; +} +.social-icon-style-06 ul li a.youtube-play { + color: #ff0000; +} +/* Social icon style 07 */ +.social-icon-style-07 ul li a { + position: relative; + z-index: 3; + overflow: hidden; + vertical-align: middle; +} +.social-icon-style-07 ul li a:hover { + color: var(--white) !important; +} +.social-icon-style-07 ul li a:hover > span { + top: 0; +} +.social-icon-style-07 ul li a > span { + position: absolute; + top: -100%; + left: 0; + height: 100%; + width: 100%; + z-index: -1; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.social-icon-style-07 ul li a.behance { + color: #1769ff; +} +.social-icon-style-07 ul li a.behance span { + background-color: #1769ff; +} +.social-icon-style-07 ul li a.behance-square { + color: #1769ff; +} +.social-icon-style-07 ul li a.behance-square span { + background-color: #1769ff; +} +.social-icon-style-07 ul li a.blogger { + color: #ff8000; +} +.social-icon-style-07 ul li a.blogger span { + background-color: #ff8000; +} +.social-icon-style-07 ul li a.codepen { + color: #0ebeff; +} +.social-icon-style-07 ul li a.codepen span { + background-color: #0ebeff; +} +.social-icon-style-07 ul li a.deviantart { + color: #05cc47; +} +.social-icon-style-07 ul li a.deviantart span { + background-color: #05cc47; +} +.social-icon-style-07 ul li a.digg { + color: #262626; +} +.social-icon-style-07 ul li a.digg span { + background-color: #262626; +} +.social-icon-style-07 ul li a.dribbble { + color: #ea4c89; +} +.social-icon-style-07 ul li a.dribbble span { + background-color: #ea4c89; +} +.social-icon-style-07 ul li a.delicious { + color: #205cc0; +} +.social-icon-style-07 ul li a.delicious span { + background-color: #205cc0; +} +.social-icon-style-07 ul li a.email { + color: #7d7d7d; +} +.social-icon-style-07 ul li a.email span { + background-color: #7d7d7d; +} +.social-icon-style-07 ul li a.facebook { + color: #3b5998; +} +.social-icon-style-07 ul li a.facebook span { + background-color: #3b5998; +} +.social-icon-style-07 ul li a.facebook-square { + color: #3b5998; +} +.social-icon-style-07 ul li a.facebook-square span { + background-color: #3b5998; +} +.social-icon-style-07 ul li a.flickr { + color: #ff0084; +} +.social-icon-style-07 ul li a.flickr span { + background-color: #ff0084; +} +.social-icon-style-07 ul li a.flipboard { + color: #e12828; +} +.social-icon-style-07 ul li a.flipboard span { + background-color: #e12828; +} +.social-icon-style-07 ul li a.github { + color: #4078c0; +} +.social-icon-style-07 ul li a.github span { + background-color: #4078c0; +} +.social-icon-style-07 ul li a.google { + color: #dc4a38; +} +.social-icon-style-07 ul li a.google span { + background-color: #dc4a38; +} +.social-icon-style-07 ul li a.google-plus { + color: #dd4b39; +} +.social-icon-style-07 ul li a.google-plus span { + background-color: #dd4b39; +} +.social-icon-style-07 ul li a.instagram { + color: #FE1F49; +} +.social-icon-style-07 ul li a.instagram span { + background-color: #FE1F49; +} +.social-icon-style-07 ul li a.jsfiddle { + color: #0084FF; +} +.social-icon-style-07 ul li a.jsfiddle span { + background-color: #0084FF; +} +.social-icon-style-07 ul li a.linkedin { + color: #0077b5; +} +.social-icon-style-07 ul li a.linkedin span { + background-color: #0077b5; +} +.social-icon-style-07 ul li a.livejournal { + color: #00b0ea; +} +.social-icon-style-07 ul li a.livejournal span { + background-color: #00b0ea; +} +.social-icon-style-07 ul li a.medium { + color: #00ab6c; +} +.social-icon-style-07 ul li a.medium span { + background-color: #00ab6c; +} +.social-icon-style-07 ul li a.meneame { + color: #ff6400; +} +.social-icon-style-07 ul li a.meneame span { + background-color: #ff6400; +} +.social-icon-style-07 ul li a.mailru { + color: #168de2; +} +.social-icon-style-07 ul li a.mailru span { + background-color: #168de2; +} +.social-icon-style-07 ul li a.odnoklassniki { + color: #d7772d; +} +.social-icon-style-07 ul li a.odnoklassniki span { + background-color: #d7772d; +} +.social-icon-style-07 ul li a.paypal { + color: #003087; +} +.social-icon-style-07 ul li a.paypal span { + background-color: #003087; +} +.social-icon-style-07 ul li a.pinterest { + color: #CB2027; +} +.social-icon-style-07 ul li a.pinterest span { + background-color: #CB2027; +} +.social-icon-style-07 ul li a.pinterest-p { + color: #CB2027; +} +.social-icon-style-07 ul li a.pinterest-p span { + background-color: #CB2027; +} +.social-icon-style-07 ul li a.print { + color: #222222; +} +.social-icon-style-07 ul li a.print span { + background-color: #222222; +} +.social-icon-style-07 ul li a.reddit { + color: #ff4500; +} +.social-icon-style-07 ul li a.reddit span { + background-color: #ff4500; +} +.social-icon-style-07 ul li a.reddit-square { + color: #ff4500; +} +.social-icon-style-07 ul li a.reddit-square span { + background-color: #ff4500; +} +.social-icon-style-07 ul li a.rss { + color: #f2890a; +} +.social-icon-style-07 ul li a.rss span { + background-color: #f2890a; +} +.social-icon-style-07 ul li a.skype { + color: #00aff0; +} +.social-icon-style-07 ul li a.skype span { + background-color: #00aff0; +} +.social-icon-style-07 ul li a.slack { + color: #6ecadc; +} +.social-icon-style-07 ul li a.slack span { + background-color: #6ecadc; +} +.social-icon-style-07 ul li a.snapchat { + color: #fffc00; +} +.social-icon-style-07 ul li a.snapchat span { + background-color: #fffc00; +} +.social-icon-style-07 ul li a.soundcloud { + color: #ff8800; +} +.social-icon-style-07 ul li a.soundcloud span { + background-color: #ff8800; +} +.social-icon-style-07 ul li a.spotify { + color: #1db954; +} +.social-icon-style-07 ul li a.spotify span { + background-color: #1db954; +} +.social-icon-style-07 ul li a.sms { + color: #ffbd00; +} +.social-icon-style-07 ul li a.sms span { + background-color: #ffbd00; +} +.social-icon-style-07 ul li a.sharethis { + color: #95D03A; +} +.social-icon-style-07 ul li a.sharethis span { + background-color: #95D03A; +} +.social-icon-style-07 ul li a.stack-overflow { + color: #f48024; +} +.social-icon-style-07 ul li a.stack-overflow span { + background-color: #f48024; +} +.social-icon-style-07 ul li a.stumbleupon { + color: #eb4924; +} +.social-icon-style-07 ul li a.stumbleupon span { + background-color: #eb4924; +} +.social-icon-style-07 ul li a.telegram { + color: #0088cc; +} +.social-icon-style-07 ul li a.telegram span { + background-color: #0088cc; +} +.social-icon-style-07 ul li a.trello { + color: #0079bf; +} +.social-icon-style-07 ul li a.trello span { + background-color: #0079bf; +} +.social-icon-style-07 ul li a.tumblr { + color: #32506d; +} +.social-icon-style-07 ul li a.tumblr span { + background-color: #32506d; +} +.social-icon-style-07 ul li a.twitch { + color: #6441a5; +} +.social-icon-style-07 ul li a.twitch span { + background-color: #6441a5; +} +.social-icon-style-07 ul li a.twitter { + color: #00aced; +} +.social-icon-style-07 ul li a.twitter span { + background-color: #00aced; +} +.social-icon-style-07 ul li a.twitter-square { + color: #00aced; +} +.social-icon-style-07 ul li a.twitter-square span { + background-color: #00aced; +} +.social-icon-style-07 ul li a.vimeo { + color: #1ab7ea; +} +.social-icon-style-07 ul li a.vimeo span { + background-color: #1ab7ea; +} +.social-icon-style-07 ul li a.vine { + color: #00bf8f; +} +.social-icon-style-07 ul li a.vine span { + background-color: #00bf8f; +} +.social-icon-style-07 ul li a.vk { + color: #4c6c91; +} +.social-icon-style-07 ul li a.vk span { + background-color: #4c6c91; +} +.social-icon-style-07 ul li a.wordpress { + color: #21759b; +} +.social-icon-style-07 ul li a.wordpress span { + background-color: #21759b; +} +.social-icon-style-07 ul li a.weibo { + color: #ff9933; +} +.social-icon-style-07 ul li a.weibo span { + background-color: #ff9933; +} +.social-icon-style-07 ul li a.whatsapp { + color: #25d366; +} +.social-icon-style-07 ul li a.whatsapp span { + background-color: #25d366; +} +.social-icon-style-07 ul li a.xing { + color: #1a7576; +} +.social-icon-style-07 ul li a.xing span { + background-color: #1a7576; +} +.social-icon-style-07 ul li a.youtube { + color: #ff0000; +} +.social-icon-style-07 ul li a.youtube span { + background-color: #ff0000; +} +.social-icon-style-07 ul li a.youtube-play { + color: #ff0000; +} +.social-icon-style-07 ul li a.youtube-play span { + background-color: #ff0000; +} +/* Social icon style 08 */ +.social-icon-style-08 ul li a:hover { + opacity: 0.5; + color: var(--dark-gray) !important; +} +.social-icon-style-08 ul.light li a:hover { + opacity: 0.5; + color: var(--white) !important; +} +/* Social icon style 09 */ +.social-icon-style-09 ul li a { + z-index: 9; + border: 1px solid rgba(35, 35, 35, 0.15); + border-radius: 100%; + position: relative; +} +.social-icon-style-09 ul li a:hover { + color: var(--white) !important; +} +.social-icon-style-09 ul li a:hover span { + -webkit-transform: scale(1); + transform: scale(1); + opacity: 1; +} +.social-icon-style-09 ul li a span { + display: block; + border-radius: 100%; + height: 100%; + width: 100%; + top: -1px; + left: -1px; + padding: 1px; + box-sizing: content-box; + margin: 0; + position: absolute; + -webkit-transform: scale(1.2); + transform: scale(1.2); + opacity: 0; + -webkit-transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.5s cubic-bezier(0.12, 0, 0.39, 0); + pointer-events: none; + z-index: -1; + background-color: var(--dark-gray); +} +.social-icon-style-09 ul.light li a { + border-color: rgba(255, 255, 255, 0.3); +} +.social-icon-style-09 ul.light li a:hover { + color: var(--dark-gray) !important; +} +.social-icon-style-09 ul.light li a span { + background-color: var(--white); +} +/* Social icon style 10 */ +.social-icon-style-10 ul li a { + color: var(--dark-gray); +} +.social-icon-style-10 ul li a:hover { + color: var(--base-color) !important; +} +.social-icon-style-10 .default-color a.behance { + color: #1769ff; +} +.social-icon-style-10 .default-color a.behance-square { + color: #1769ff; +} +.social-icon-style-10 .default-color a.blogger { + color: #ff8000; +} +.social-icon-style-10 .default-color a.codepen { + color: #0ebeff; +} +.social-icon-style-10 .default-color a.deviantart { + color: #05cc47; +} +.social-icon-style-10 .default-color a.digg { + color: #262626; +} +.social-icon-style-10 .default-color a.dribbble { + color: #ea4c89; +} +.social-icon-style-10 .default-color a.delicious { + color: #205cc0; +} +.social-icon-style-10 .default-color a.email { + color: #7d7d7d; +} +.social-icon-style-10 .default-color a.facebook { + color: #3b5998; +} +.social-icon-style-10 .default-color a.facebook-square { + color: #3b5998; +} +.social-icon-style-10 .default-color a.flickr { + color: #ff0084; +} +.social-icon-style-10 .default-color a.flipboard { + color: #e12828; +} +.social-icon-style-10 .default-color a.github { + color: #4078c0; +} +.social-icon-style-10 .default-color a.google { + color: #dc4a38; +} +.social-icon-style-10 .default-color a.google-plus { + color: #dd4b39; +} +.social-icon-style-10 .default-color a.instagram { + color: #FE1F49; +} +.social-icon-style-10 .default-color a.jsfiddle { + color: #0084FF; +} +.social-icon-style-10 .default-color a.linkedin { + color: #0077b5; +} +.social-icon-style-10 .default-color a.livejournal { + color: #00b0ea; +} +.social-icon-style-10 .default-color a.medium { + color: #00ab6c; +} +.social-icon-style-10 .default-color a.meneame { + color: #ff6400; +} +.social-icon-style-10 .default-color a.mailru { + color: #168de2; +} +.social-icon-style-10 .default-color a.odnoklassniki { + color: #d7772d; +} +.social-icon-style-10 .default-color a.paypal { + color: #003087; +} +.social-icon-style-10 .default-color a.pinterest { + color: #CB2027; +} +.social-icon-style-10 .default-color a.pinterest-p { + color: #CB2027; +} +.social-icon-style-10 .default-color a.print { + color: #222222; +} +.social-icon-style-10 .default-color a.reddit { + color: #ff4500; +} +.social-icon-style-10 .default-color a.reddit-square { + color: #ff4500; +} +.social-icon-style-10 .default-color a.rss { + color: #f2890a; +} +.social-icon-style-10 .default-color a.skype { + color: #00aff0; +} +.social-icon-style-10 .default-color a.slack { + color: #6ecadc; +} +.social-icon-style-10 .default-color a.snapchat { + color: #fffc00; +} +.social-icon-style-10 .default-color a.soundcloud { + color: #ff8800; +} +.social-icon-style-10 .default-color a.spotify { + color: #1db954; +} +.social-icon-style-10 .default-color a.sms { + color: #ffbd00; +} +.social-icon-style-10 .default-color a.sharethis { + color: #95D03A; +} +.social-icon-style-10 .default-color a.stack-overflow { + color: #f48024; +} +.social-icon-style-10 .default-color a.stumbleupon { + color: #eb4924; +} +.social-icon-style-10 .default-color a.telegram { + color: #0088cc; +} +.social-icon-style-10 .default-color a.trello { + color: #0079bf; +} +.social-icon-style-10 .default-color a.tumblr { + color: #32506d; +} +.social-icon-style-10 .default-color a.twitch { + color: #6441a5; +} +.social-icon-style-10 .default-color a.twitter { + color: #00aced; +} +.social-icon-style-10 .default-color a.twitter-square { + color: #00aced; +} +.social-icon-style-10 .default-color a.vimeo { + color: #1ab7ea; +} +.social-icon-style-10 .default-color a.vine { + color: #00bf8f; +} +.social-icon-style-10 .default-color a.vk { + color: #4c6c91; +} +.social-icon-style-10 .default-color a.wordpress { + color: #21759b; +} +.social-icon-style-10 .default-color a.weibo { + color: #ff9933; +} +.social-icon-style-10 .default-color a.whatsapp { + color: #25d366; +} +.social-icon-style-10 .default-color a.xing { + color: #1a7576; +} +.social-icon-style-10 .default-color a.youtube { + color: #ff0000; +} +.social-icon-style-10 .default-color a.youtube-play { + color: #ff0000; +} +.social-icon-style-10 .default-color a:hover { + color: var(--dark-gray) !important; +} +/* Social text style 01 */ +.social-text-style-01 ul li a { + width: auto; + height: auto; + line-height: normal; +} +/* Subcribe style 01 */ +.newsletter-style-01 input { + border-radius: 4px; + padding-right: 160px; +} +.newsletter-style-01 input.is-invalid { + padding-right: 160px; +} +.newsletter-style-01 .btn { + position: absolute; + right: 0; + top: 0; + height: 100%; + border-radius: 0 4px 4px 0; +} +.newsletter-style-01 .btn i { + top: 1px; +} +/* Subcribe style 02 */ +.newsletter-style-02 input { + border-radius: 4px; + padding-right: 60px !important; +} +.newsletter-style-02 .btn { + position: absolute; + right: 0; + top: 0; + height: 100%; + border-radius: 0 4px 4px 0; + padding: 10px 25px 9px 25px; + display: inline-block; +} +.newsletter-style-02 .btn i { + margin-left: 0; + top: inherit; +} +.newsletter-style-02 .btn:active { + border-color: transparent; +} +/* Subcribe style 03 */ +.newsletter-style-03 input { + padding-right: 165px !important; + padding-left: 30px !important; +} +.newsletter-style-03 .btn { + position: absolute; + right: 0; + top: 0; + border-radius: 0 100px 100px 0; + height: 100%; + padding: 12px 35px 12px 30px; +} +.newsletter-style-03 .btn:active { + border-color: transparent; +} +/* Subcribe style 04 */ +.newsletter-style-04 input { + padding-left: 0; + padding-right: 40px; + border-radius: 0; +} +.newsletter-style-04 .btn { + position: absolute; + right: 0; + top: 0; + height: 100%; + padding: 0; + border: none; +} +.newsletter-style-04 .btn i { + margin-left: 0; +} +.newsletter-style-01 .form-control, .newsletter-style-01 .form-control.is-invalid, .newsletter-style-01 .was-validated .form-control:invalid, .newsletter-style-02 .form-control, .newsletter-style-02 .form-control.is-invalid, .newsletter-style-02 .was-validated .form-control:invalid, .newsletter-style-03 .form-control, .newsletter-style-03 .form-control.is-invalid, .newsletter-style-03 .was-validated .form-control:invalid, .newsletter-style-04 .form-control, .newsletter-style-04 .form-control.is-invalid, .newsletter-style-04 .was-validated .form-control:invalid { + background-image: inherit; +} + +/* Tab */ +.nav-tabs > li.nav-item { + display: inline-block; + float: none; + margin: 0; + padding: 0 17px; +} +/* Tab style 03 */ +.tab-style-03 .nav-tabs .nav-link { + padding: 10px 33px; + color: var(--medium-gray); + border: 1px solid var(--light-medium-gray); + border-bottom: none; + -webkit-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.tab-style-03 .nav-tabs .nav-link.active, .tab-style-03 .nav-tabs .nav-link.show, .tab-style-03 .nav-tabs .nav-link:hover { + color: var(--dark-gray); + background-color: var(--white); +} +.tab-style-03 .nav-tabs > li.nav-item { + padding: 0 8px; +} +/* Tab style 02 */ +.tab-style-02 .nav-tabs { + border-bottom: none; +} +.tab-style-02 .nav-tabs > li.nav-item { + margin: 0 34px; +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link { + border: none; + padding: 0; + color: var(--medium-gray); + border-bottom: 2px solid transparent; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link i { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + -webkit-transform: translateY(0); + transform: translateY(0); + will-change: transform; +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover { + color: var(--dark-gray); + border-bottom: 2px solid; +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link:hover i { + color: var(--base-color); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active { + color: var(--dark-gray); + border-bottom: 2px solid; + background: transparent; +} +.tab-style-02 .nav-tabs > li.nav-item > a.nav-link.active i { + color: var(--base-color); +} +/* Tab style 03 */ +.tab-style-01 .nav-tabs .nav-link { + border: none; + -webkit-border-radius: 50px; + border-radius: 50px; + padding: 10px 40px; + color: var(--medium-gray); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.tab-style-01 .nav-tabs .nav-link.show, .tab-style-01 .nav-tabs .nav-link.active, .tab-style-01 .nav-tabs .nav-link:hover { + color: var(--dark-gray); + background-color: var(--white); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); + -webkit-transform: translate3d(0, -3px, 0); + transform: translate3d(0, -3px, 0); +} +.tab-style-01 .nav-tabs > li.nav-item { + padding: 0 4px; +} +/* Tab style 04 */ +.tab-style-04 .nav-tabs .nav-item { + padding: 0 35px; +} +.tab-style-04 .nav-tabs .nav-item .nav-link { + padding: 0; + border: none; + background: transparent; + position: relative; + color: var(--medium-gray); +} +.tab-style-04 .nav-tabs .nav-item .nav-link .tab-border { + width: 100%; + height: 2px; + display: block; + -wekit-transform: scaleX(0); + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: transform 0.5s ease; + transition: transform 0.5s ease; +} +.tab-style-04 .nav-tabs .nav-item .nav-link.active, .tab-style-04 .nav-tabs .nav-item .nav-link.show, .tab-style-04 .nav-tabs .nav-item .nav-link:hover { + color: var(--dark-gray); +} +.tab-style-04 .nav-tabs .nav-item .nav-link.active .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link.show .tab-border, .tab-style-04 .nav-tabs .nav-item .nav-link:hover .tab-border { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} +/* Tab style 05 */ +.tab-style-05 .nav-tabs > li { + width: 100%; +} +.tab-style-05 .nav-tabs > li.nav-item { + padding: 0; +} +.tab-style-05 .nav-tabs .nav-item .nav-link { + border: none; + padding: 20px 28px 22px; + margin-bottom: 15px; + background: transparent; + -webkit-border-radius: 4px; + border-radius: 4px; + -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + display: flex; + align-items: center; +} +.tab-style-05 .nav-tabs .nav-item .nav-link i { + vertical-align: middle; + display: inline-block; + margin-right: 10px; +} +.tab-style-05 .nav-tabs .nav-item .nav-link span { + position: relative; + top: 1px; + color: var(--dark-gray); + -webkit-transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.tab-style-05 .nav-tabs .nav-item .nav-link:hover, .tab-style-05 .nav-tabs .nav-item .nav-link.show, .tab-style-05 .nav-tabs .nav-item .nav-link.active { + background: var(--white); + color: var(--base-color); + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.08); +} +.tab-style-05 .nav-tabs .nav-item .nav-link:hover i, .tab-style-05 .nav-tabs .nav-item .nav-link.show i, .tab-style-05 .nav-tabs .nav-item .nav-link.active i { + color: var(--base-color); +} +.tab-style-05 .nav-tabs .nav-item .nav-link:hover span, .tab-style-05 .nav-tabs .nav-item .nav-link.show span, .tab-style-05 .nav-tabs .nav-item .nav-link.active span { + color: var(--base-color); +} +.tab-style-05 .nav-tabs .nav-item:last-child .nav-link { + border-bottom: none; +} +/* Tab style 06 */ +.tab-style-06 .nav-tabs > li.nav-item { + position: relative; + z-index: 1; + padding: 0; + border: 1px solid; + overflow: hidden; + border-radius: 4px 0 0 4px; +} +.tab-style-06 .nav-tabs > li.nav-item:last-child { + border-radius: 0 4px 4px 0; + margin-left: -1px; +} +.tab-style-06 .nav-tabs > li.nav-item > a.nav-link { + border-bottom: none; + border-radius: 0; + line-height: 18px; + padding: 16px 40px; + text-transform: uppercase; + z-index: 1; + background-color: transparent; + color: var(--medium-gray); + border: 0; +} +.tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active { + color: #fff !important; +} +.tab-style-06 .nav-tabs > li.nav-item > a.nav-link.active + .tab-bg-active { + opacity: 1; +} +.tab-style-06 .tab-bg-active { + position: absolute; + top: -1px; + left: -1px; + width: calc(100% + 2px); + height: calc(100% + 2px); + z-index: -1; + opacity: 0; +} +/* Tab style 07 */ +.tab-style-07 .nav-tabs > li { + width: 100%; +} +.tab-style-07 .nav-tabs > li.nav-item { + padding: 0; +} +.tab-style-07 .nav-tabs .nav-item .nav-link { + border: none; + border-bottom: 1px solid; + border-color: var(--extra-medium-gray); + padding: 38px 60px 38px; + background: transparent; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-transition: 0.4s; + transition: 0.4s; + position: relative; +} +.tab-style-07 .nav-tabs .nav-item .nav-link span { + color: var(--dark-gray); + z-index: 9; + position: relative; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.tab-style-07 .nav-tabs .nav-item .nav-link:hover, .tab-style-07 .nav-tabs .nav-item .nav-link.show, .tab-style-07 .nav-tabs .nav-item .nav-link.active { + color: var(--white); + isolation: inherit; +} +.tab-style-07 .nav-tabs .nav-item .nav-link:hover span, .tab-style-07 .nav-tabs .nav-item .nav-link.show span, .tab-style-07 .nav-tabs .nav-item .nav-link.active span { + color: var(--white); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.tab-style-07 .nav-tabs .nav-item .nav-link:hover .number-box, .tab-style-07 .nav-tabs .nav-item .nav-link.show .number-box, .tab-style-07 .nav-tabs .nav-item .nav-link.active .number-box { + opacity: 1; + -webkit-transform: translate(50%, -50%); + transform: translate(50%, -50%); + transition: opacity 0.4s, transform 0.4s; + -webkit-transition-delay: 0.35s; + transition-delay: 0.35s; +} +.tab-style-07 .nav-tabs .nav-item .nav-link:hover .bg-hover, .tab-style-07 .nav-tabs .nav-item .nav-link.show .bg-hover, .tab-style-07 .nav-tabs .nav-item .nav-link.active .bg-hover { + -webkit-transform: scaleX(1); + transform: scaleX(1); +} +.tab-style-07 .nav-tabs .nav-item .nav-link .number-box { + position: absolute; + top: 50%; + z-index: 9; + right: 0; + opacity: 0; + -webkit-transform: translate(25%, -50%); + transform: translate(25%, -50%); + transition: opacity 0s, transform 0s; + -webkit-transition-delay: 0s; + transition-delay: 0s; +} +.tab-style-07 .nav-tabs .nav-item .nav-link .bg-hover { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + content: ""; + -webkit-transform: scaleX(0); + transform: scaleX(0); + transform-origin: left; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + z-index: 1; +} +.tab-style-07 .nav-tabs .nav-item:last-child .nav-link { + border-bottom: none; +} +/* Tab style 08 */ +.tab-style-08 ul .nav-item { + padding: 0; + background-color: transparent; + border-right: 1px solid var(--light-medium-gray); + flex-grow: 1; + flex-basis: 0; +} +.tab-style-08 ul .nav-item .nav-link { + border: 0; + margin-bottom: 0; + padding: 30px 15px; + background-color: transparent; + position: relative; + color: var(--medium-gray); +} +.tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link.show, .tab-style-08 ul .nav-item .nav-link:hover { + border: 0; + color: var(--base-color); +} +.tab-style-08 ul .nav-item .nav-link.active .tab-border, .tab-style-08 ul .nav-item .nav-link.show .tab-border, .tab-style-08 ul .nav-item .nav-link:hover .tab-border { + -wekit-transform: scaleX(1); + -moz-transform: scaleX(1); + -ms-transform: scaleX(1); + transform: scaleX(1); +} +.tab-style-08 ul .nav-item .tab-border { + width: calc(100% + 2px); + height: 3px; + display: block; + -wekit-transform: scaleX(0); + -moz-transform: scaleX(0); + -ms-transform: scaleX(0); + transform: scaleX(0); + -webkit-transition: transform 0.5s ease; + transition: transform 0.5s ease; + position: absolute; + left: -1px; + top: 0; +} +.tab-style-08 ul .nav-item:last-child { + border: 0; +} +.tab-style-08 ul.active-tab-border-bottom .nav-item .tab-border { + bottom: 0; + top: auto; +} +/* Team style 01 */ +.team-style-01 figure figcaption { + position: absolute; + bottom: -1px; +} +.team-style-01 figure figcaption .social-icon { + display: block !important; + height: auto !important; + margin-bottom: -50px !important; + overflow: visible !important; + -webkit-transition: 0.4s; + transition: 0.4s; +} +.team-style-01 figure figcaption .social-icon a { + margin: 0 10px; +} +.team-style-01 figure figcaption .social-icon a:last-child { + margin-right: 0; +} +.team-style-01 figure figcaption .social-icon a:first-child { + margin-left: 0; +} +.team-style-01 figure .text-light-opacity:hover { + opacity: 1 !important; +} +.team-style-01 figure:hover figcaption .social-icon { + margin-bottom: 0px !important; +} +/* Team style 02 */ +.team-style-02 figure figcaption { + position: absolute; + opacity: 0; + bottom: 0; + -webkit-transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.5s cubic-bezier(0.12, 0, 0.39, 0); +} +.team-style-02 figure figcaption .social-icon a { + margin: 0 12px; + opacity: 0; + -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); + transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateY(-25px); + transform: translateY(-25px); + display: inline-block; +} +.team-style-02 figure figcaption .social-icon a:nth-child(1) { + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .social-icon a:nth-child(2) { + -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .social-icon a:nth-child(3) { + -webkit-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .social-icon a:nth-child(4) { + -webkit-transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .social-icon a:nth-child(5) { + -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .team-member-name { + opacity: 0; + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure figcaption .member-designation { + opacity: 0; + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption { + opacity: 1; +} +.team-style-02 figure:hover figcaption .team-member-name { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption .member-designation { + opacity: 0.7; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption a { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.team-style-02 figure:hover figcaption a:nth-child(1) { + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption a:nth-child(2) { + -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.4s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption a:nth-child(3) { + -webkit-transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.6s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption a:nth-child(4) { + -webkit-transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.8s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-02 figure:hover figcaption a:nth-child(5) { + -webkit-transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 1s cubic-bezier(0.2, 0, 0.3, 1); +} +/* Team style 04 */ +.team-style-04 .team-content { + position: absolute; + bottom: 0; + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.team-style-04 figure figcaption { + position: absolute; + bottom: -20px; + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.team-style-04 figure figcaption .social-icon { + -webkit-transition: all 0s linear; + transition: all 0s linear; +} +.team-style-04 figure figcaption .social-icon a { + margin: 0 10px; +} +.team-style-04 figure:hover figcaption { + bottom: 0px; +} +/* Team style 05 */ +.team-style-05 .team-content { + position: absolute; + bottom: 0; + opacity: 0; + -webkit-transition: all 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: all 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.team-style-05 .team-content p { + top: 55%; + -webkit-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.team-style-05 .social-icon a { + opacity: 0; + -webkit-transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); + transition: 0.45s cubic-bezier(0.19, 1, 0.22, 1); + -webkit-transform: translateY(25px); + transform: translateY(25px); + margin: 0 10px; + display: inline-block; +} +.team-style-05 .social-icon a:nth-child(1) { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.team-style-05 .social-icon a:nth-child(2) { + -webkit-transition: all 0.4s ease; + transition: all 0.4s ease; +} +.team-style-05 .social-icon a:nth-child(3) { + -webkit-transition: all 0.6s ease; + transition: all 0.6s ease; +} +.team-style-05 .social-icon a:nth-child(4) { + -webkit-transition: all 0.8s ease; + transition: all 0.8s ease; +} +.team-style-05 .social-icon a:nth-child(5) { + -webkit-transition: all 1s ease; + transition: all 1s ease; +} +.team-style-05:hover .team-content { + opacity: 1; +} +.team-style-05:hover .team-content p { + top: 50%; +} +.team-style-05:hover .social-icon a { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.team-style-05:hover .social-icon a:nth-child(1) { + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; +} +.team-style-05:hover .social-icon a:nth-child(2) { + -webkit-transition: all 0.6s ease; + transition: all 0.6s ease; +} +.team-style-05:hover .social-icon a:nth-child(3) { + -webkit-transition: all 0.9s ease; + transition: all 0.9s ease; +} +.team-style-05:hover .social-icon a:nth-child(4) { + -webkit-transition: all 1.1s ease; + transition: all 1.1s ease; +} +.team-style-05:hover .social-icon a:nth-child(5) { + -webkit-transition: all 1.4s ease; + transition: all 1.4s ease; +} +/* Team style 08 */ +.team-style-08 figure { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-08 figure figcaption { + position: absolute; + opacity: 0; + bottom: 0; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} +.team-style-08 figure figcaption .social-icon a { + margin: 0 0 10px; + opacity: 0; + display: inline-block; + background-color: var(--dark-gray); + height: 50px; + width: 50px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + -webkit-transform: scale(1); + transform: scale(1); +} +.team-style-08 figure figcaption .social-icon a:last-child { + margin-bottom: 0; +} +.team-style-08 figure figcaption .team-member-name { + opacity: 0; + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-08 figure figcaption .member-designation { + opacity: 0; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-08:hover figure { + -webkit-transform: translate3d(0, -8px, 0); + transform: translate3d(0, -8px, 0); +} +.team-style-08:hover figure figcaption { + opacity: 1; +} +.team-style-08:hover figure figcaption .social-icon a:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.team-style-08:hover figure figcaption .team-member-name { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.team-style-08:hover figure figcaption .member-designation { + opacity: 0.6; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.team-style-08:hover figure figcaption a { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +/* Team style 09 */ +.team-style-09 .nav-tabs > li.nav-item { + padding: 0; +} +.team-style-09 .nav-tabs > li.nav-item .number { + color: var(--dark-gray); + -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0); +} +.team-style-09 .nav-tabs > li.nav-item:last-child .nav-link { + border-bottom: 0; +} +.team-style-09 .nav-tabs .nav-link { + border: 0; + display: flex; + border-bottom: 1px solid var(--extra-medium-gray); + padding: 20px 0; + margin-bottom: 0; + background-color: transparent; + -webkit-border-radius: 0; + border-radius: 0; + -webkit-transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); + transition: 0.3s cubic-bezier(0.12, 0, 0.39, 0); +} +.team-style-09 .nav-tabs .nav-link:hover { + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0); +} +.team-style-09 .nav-tabs .nav-link.active, .team-style-09 .nav-tabs .nav-link:hover { + border-bottom: 1px solid var(--dark-gray); +} +/* Team style 10 */ +.team-style-10 figure { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-10 figure .hover-switch-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-10 figure figcaption { + position: absolute; + opacity: 0; + bottom: 0; + -webkit-transition: all 0.5s; + transition: all 0.5s; +} +.team-style-10 figure figcaption .social-icon a { + margin: 0 0 10px; + opacity: 0; + display: inline-block; + background-color: var(--dark-gray); + height: 50px; + width: 50px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + will-change: transform; + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1); + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.team-style-10 figure figcaption .social-icon a:last-child { + margin-bottom: 0; +} +.team-style-10 figure figcaption .team-member-strip { + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.8, 1); + transition: all 0.3s cubic-bezier(0.2, 0, 0.8, 1); +} +.team-style-10 figure figcaption .team-member-strip .team-member-name { + opacity: 0; + -webkit-transform: translate3d(0, 15px, 0); + transform: translate3d(0, 15px, 0); + -webkit-transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-10 figure figcaption .team-member-strip .member-designation { + opacity: 0; + -webkit-transform: translate3d(0, 20px, 0); + transform: translate3d(0, 20px, 0); + -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); + transition: all 0.7s cubic-bezier(0.2, 0, 0.3, 1); +} +.team-style-10:hover figure .hover-switch-image { + left: 0; + opacity: 1; +} +.team-style-10:hover figure figcaption { + opacity: 1; +} +.team-style-10:hover figure figcaption .social-icon a { + -webkit-transform: scale(1); + transform: scale(1); +} +.team-style-10:hover figure figcaption .social-icon a:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.team-style-10:hover figure figcaption .team-member-strip { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.team-style-10:hover figure figcaption .team-member-strip .team-member-name { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.team-style-10:hover figure figcaption .team-member-strip .member-designation { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.team-style-10:hover figure figcaption a { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; +} +/* Testimonial style 01 */ +.testimonials-style-01 .testimonial-arrow:after { + content: ""; + top: 100%; + left: 50px; + height: 0; + width: 0; + z-index: 9; + margin-left: -14px; + position: absolute; + pointer-events: none; + border: solid transparent; + border-width: 14px; + border-top-color: var(--white); +} +.testimonials-style-01 .author-detail img { + width: 60px; + height: 60px; +} +/* Testimonial style 04 */ +.testimonials-style-04.swiper-horizontal-3d.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + z-index: 1; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-property: transform, -webkit-transform; + box-sizing: content-box; +} +.testimonials-style-04.swiper-horizontal-3d.swiper-pagination-bottom .swiper-wrapper { + margin-bottom: 0; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide { + filter: grayscale(100%); + opacity: 0; + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-prev, .testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-next { + opacity: 0.7; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active { + opacity: 1; + filter: grayscale(0); + box-shadow: 0 0 60px rgba(0, 0, 0, 0.17); +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide.swiper-slide-active .slider-image:hover .preview-icon { + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + z-index: 1; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide img { + opacity: 0; +} +.testimonials-style-04.swiper-horizontal-3d.swiper { + width: 100%; + padding-bottom: 60px; +} +.testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-left, .testimonials-style-04.swiper-horizontal-3d.swiper-3d .swiper-slide-shadow-right { + background-image: none; +} +.testimonials-style-04.swiper-horizontal-3d .swiper-slide-active img { + opacity: 1; +} +/* Testimonial style 05 */ +.testimonials-style-05 .testimonials-bubble { + position: relative; + border: 1px solid; + -webkit-transition: 0.2s; + transition: 0.2s; +} +.testimonials-style-05 .testimonials-bubble:after, .testimonials-style-05 .testimonials-bubble:before { + top: 100%; + left: 50px; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.testimonials-style-05 .testimonials-bubble:after { + border-color: rgba(255, 255, 255, 0); + border-top-color: var(--white); + border-width: 15px 15px 0 0; + margin-left: 1px; +} +.testimonials-style-05 .testimonials-bubble:before { + border-color: rgba(237, 237, 237, 0); + border-top-color: var(--extra-medium-gray); + border-width: 18px 18px 0 0; +} +/* Testimonial style 12 */ +.testimonials-style-12 .swiper-button-next-nav { + right: -8px; +} +.testimonials-style-12 .swiper-button-next-nav:hover { + opacity: 1; +} +.testimonials-style-12 .swiper-button-previous-nav { + left: -8px; +} +.testimonials-style-12 .swiper-button-previous-nav:hover { + opacity: 1; +} +/* Testimonial style 13 */ +.testimonials-style-13 .swiper-slide { + opacity: 0.1; +} +.testimonials-style-13 .swiper-slide.swiper-slide-active { + opacity: 1; +} +.testimonials-style-13 .swiper-slide.swiper-slide-next { + opacity: 0.4; +} +/* =================================== + 14. Blog +====================================== */ +/* Blog grid */ +.blog-grid .card { + color: inherit; + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-grid .card .blog-image img { + -webkit-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.blog-grid .card .card-body { + color: inherit; +} +.blog-grid .card .card-body p { + margin-bottom: 15px; +} +.blog-grid .card .card-body .author { + will-change: transform; +} +.blog-grid .card .card-body .author .blog-date { + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-grid .card .card-body .author .like-count a i { + margin-right: 4px; + vertical-align: middle; + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-grid .card .card-body .author .like-count a:hover i { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.blog-grid .card .card-body .author .author-name { + position: absolute; + width: auto; + left: 0; + bottom: 0; + opacity: 1; + visibility: visible; + -webkit-transform: translateY(32px); + transform: translateY(32px); + -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-grid .card .blog-categories { + position: absolute; + top: 17px; + right: 20px; +} +.blog-grid .card .blog-categories .categories-btn { + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); +} +.blog-grid .card:hover .author .blog-date { + position: relative; + opacity: 1; + visibility: visible; + -webkit-transform: translateY(-32px); + transform: translateY(-32px); +} +.blog-grid .card:hover .author .author-name { + opacity: 1; + visibility: visible; + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Blog classic */ +.blog-classic .card { + color: inherit; +} +.blog-classic .card .blog-image img { + -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); + will-change: transform; +} +.blog-classic .card .card-body { + color: inherit; +} +.blog-classic .card .card-body .categories-text:after { + content: "\f309"; + display: inline-block; + font-family: bootstrap-icons; + vertical-align: middle; + margin: -2px 1px 0; + font-size: 22px; + color: var(--medium-gray); + opacity: 0.7; +} +.blog-classic .card .card-body .card-link i { + opacity: 0; + visibility: hidden; + transform-origin: center left; + -webkit-transform: translateX(-10px) scaleX(0); + transform: translateX(-10px) scaleX(0); + -webkit-transition: all 300ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 300ms cubic-bezier(0.5, 1, 0.89, 1); + vertical-align: middle; + margin-left: 3px; +} +.blog-classic .card:hover .blog-image img { + -webkit-transform: scale(1.07); + transform: scale(1.07); +} +.blog-classic .card:hover .card-body .card-link i { + opacity: 1; + visibility: visible; + -webkit-transform: translateX(0) scaleX(1); + transform: translateX(0) scaleX(1); +} +/* Blog only text */ +.blog-only-text { + counter-reset: card-body; +} +.blog-only-text .card-body { + color: inherit; + position: relative; + overflow: hidden; +} +.blog-only-text .card-body .hover-img { + position: absolute; + left: 0; + top: 0; + -o-object-fit: cover; + object-fit: cover; + width: 100%; + height: 100%; + opacity: 0; + visibility: hidden; + -webkit-transition: all 300ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 300ms cubic-bezier(0.37, 0, 0.63, 1); + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg); +} +.blog-only-text .card-body:after { + counter-increment: card-body; + content: counter(card-body, decimal-leading-zero); + position: absolute; + font-size: 70px; + line-height: 70px; + letter-spacing: -3px; + top: 30px; + right: -8px; + font-weight: 600; + opacity: 0.1; + color: var(--dark-gray); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-only-text .card-body:hover .hover-img { + opacity: 1; + visibility: visible; + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + -webkit-transform: scale(1) rotate(0deg); + transform: scale(1) rotate(0deg); +} +.blog-only-text .card-body:hover:after { + opacity: 0.2; + color: var(--white); + right: 30px; + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-only-text .card-body:hover .card-title { + text-shadow: 0 0 50px rgba(0, 0, 0, 0.9); +} +.blog-only-text .card-body:hover .categories-btn { + background: var(--white); + color: var(--dark-gray) !important; + -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6); + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6); + -webkit-transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 350ms cubic-bezier(0.37, 0, 0.63, 1); +} +/* Blog metro */ +.blog-metro figure .blog-image .blog-overlay { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: #1f232c; + background: linear-gradient(0deg, rgba(23, 23, 23, 0.8) 0, rgba(23, 23, 23, 0) 70%); + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.blog-metro figure .categories-btn { + border: 1px solid transparent; +} +.blog-metro figure img { + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + width: 100%; +} +.blog-metro figure figcaption { + position: absolute; + top: 0; + left: 0; +} +.blog-metro figure .card-title { + margin-bottom: 0; +} +.blog-metro figure:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + opacity: 0.5; +} +.blog-metro figure:hover .categories-btn { + background: transparent !important; + color: #fff; + border: 1px solid rgba(255, 255, 255, 0.3); +} +.blog-metro figure:hover .categories-btn.bg-base-color { + color: var(--base-color) !important; + border-color: var(--base-color); +} +/* Blog masonry */ +.blog-masonry .card { + color: inherit; +} +.blog-masonry .card .card-top { + position: relative; + padding: 15px 20px; +} +.blog-masonry .card .card-top:after { + content: ""; + position: absolute; + left: 25px; + top: 100%; + width: 0; + height: 0; + border-left: 8px solid transparent; + border-right: 8px solid transparent; + border-top: 8px solid #fff; + clear: both; + z-index: 1; +} +.blog-masonry .card .card-top .avtar { + height: 30px; + width: 30px; + margin-right: 10px; + position: relative; + border-radius: 100%; +} +.blog-masonry .card .blog-image img { + -webkit-transition: all 1000ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 1000ms cubic-bezier(0.5, 1, 0.89, 1); +} +.blog-masonry .card .blog-image .categories-btn { + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.4); +} +.blog-masonry .card .like-count a i { + margin-right: 5px; + -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); + will-change: transform; +} +.blog-masonry .card .like-count a:hover i { + -webkit-transform: scale(1.2); + transform: scale(1.2); +} +.blog-masonry .card .blog-date i { + margin-right: 8px; +} +.blog-masonry .card .blog-categories { + position: absolute; + bottom: 30px; + left: 30px; +} +.blog-masonry .card:hover { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} +.blog-masonry .card:hover .blog-image img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Blog simple */ +.blog-simple figure .blog-image { + overflow: hidden; +} +.blog-simple figure .blog-hover-icon { + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + opacity: 0; +} +.blog-simple figure figcaption { + position: absolute; + bottom: 0; + top: 0; + width: 100%; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.blog-simple figure:hover .blog-hover-icon { + opacity: 1; + visibility: visible; + -webkit-transform: scale(1); + transform: scale(1); +} +.blog-simple figure:hover .post-content .card-title a:hover { + color: var(--base-color); +} +.blog-simple figure:hover .blog-image img { + -webkit-filter: blur(2px); + filter: blur(2px); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.blog-simple figure:hover .blog-image .box-overlay { + opacity: 0.3; +} +.blog-simple figure:hover .box-overlay { + opacity: 1; + visibility: visible; +} +/* Blog date */ +.blog-date .feature-box { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.blog-date .feature-box .feature-box-icon { + margin-right: 40px !important; +} +.blog-date .feature-box .post-date { + min-width: 75px; + padding: 20px 0 17px; + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.blog-date .feature-box .post-date span { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; +} +.blog-date .feature-box:hover { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +/* Blog side image */ +.blog-side-image .blog-box .blog-image { + min-height: 300px; + will-change: transform; + -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); +} +.blog-side-image .blog-box .blog-image .blog-post-image-overlay { + opacity: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); +} +.blog-side-image .blog-box .blog-content { + position: relative; + z-index: 1; +} +.blog-side-image .blog-box .blog-content .separator { + width: 10px; + height: 1px; + -webkit-transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 600ms cubic-bezier(0.5, 1, 0.89, 1); + display: inline-block; + vertical-align: middle; + margin-right: 7px; +} +.blog-side-image .blog-box .blog-content .categories-btn { + -webkit-border-radius: 50px; + border-radius: 50px; + margin-left: 0; + margin-right: 5px; + line-height: 20px; + padding: 4px 15px; +} +.blog-side-image .blog-box:hover .blog-image { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.blog-side-image .blog-box:hover .blog-image .blog-post-image-overlay { + opacity: 0.4; +} +.blog-side-image .blog-box:hover .blog-content .separator { + width: 30px; +} +/* Blog modern */ +.blog-modern figure .blog-image { + margin-bottom: 48px; +} +.blog-modern figure .blog-image img { + -webkit-transition: all 900ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 900ms cubic-bezier(0.5, 1, 0.89, 1); +} +.blog-modern figure .post-content-wrapper { + position: absolute; + bottom: -51px; + width: 85%; + margin: 0 auto; + left: 0; + right: 0; + -webkit-box-shadow: 0px 4px 10px rgba(111, 111, 111, 0.1); + box-shadow: 0px 4px 10px rgba(111, 111, 111, 0.1); +} +.blog-modern figure .post-content-wrapper .post-content { + -webkit-transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); + transition: all 400ms cubic-bezier(0.5, 1, 0.89, 1); +} +.blog-modern figure .post-content-wrapper .separator { + margin: 0 15px; + opacity: 0.7; + font-weight: 300; +} +.blog-modern figure:hover .blog-image img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.blog-modern figure:hover .post-content-wrapper .post-content .card-title { + color: var(--white); +} +.blog-modern figure:hover .post-content-wrapper .post-content .card-title:hover { + color: var(--white); +} +.blog-modern figure:hover .post-content-wrapper .post-content .box-overlay { + opacity: 1; + visibility: visible; +} +/* Blog standard */ +.blog-standard .blog-image { + position: relative; +} +.blog-standard .blog-image .blog-categories { + position: absolute; + right: 40px; + top: 40px; +} +.blog-standard .entry-meta span { + position: relative; + margin-right: 20px; +} +.blog-standard .entry-meta span:last-child { + margin-right: 0; +} +.blog-standard .entry-meta span i { + margin-right: 7px; +} +/* Blog comment */ +.blog-comment { + padding-left: 0; + margin-bottom: 0; +} +.blog-comment li { + padding-bottom: 65px; + position: relative; + list-style: none; +} +.blog-comment li:last-child { + border-bottom: medium none; + padding-bottom: 0; +} +.blog-comment li .btn-reply { + float: right; + font-size: 11px; + line-height: initial; + padding: 7px 20px 6px; + border-radius: 50px; + border: 1px solid rgba(44, 44, 44, 0.25); + background-color: var(--white); +} +.blog-comment li .btn-reply:hover { + border-color: var(--base-color); + background: var(--base-color); + color: var(--white); +} +.blog-comment li ul.child-comment { + list-style: outside none none; + margin-left: 70px; +} +.blog-comment li ul.child-comment li { + margin-top: 60px; + padding-bottom: 0; +} +.blog-comment > li:first-child { + padding-top: 0; +} +/* Pagination style 01 */ +.pagination-style-01 .page-item .page-link { + border: 0; + padding: 0 2px; + margin: 0 7px; + background: 0 0; + color: var(--medium-gray); + min-width: 45px; + font-size: inherit; + text-align: center; + -webkit-border-radius: 100%; + border-radius: 100%; + line-height: 45px; + min-height: 45px; +} +.pagination-style-01 .page-item .page-link i { + line-height: 40px; +} +.pagination-style-01 .page-item .page-link:hover { + background: var(--white); + color: var(--dark-gray); + box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important; +} +.pagination-style-01 .page-item .page-link:focus { + box-shadow: none; +} +.pagination-style-01 .page-item.active .page-link { + background: var(--dark-gray); + color: var(--white); + box-shadow: 0 0 10px rgba(23, 23, 23, 0.15) !important; +} +.pagination-style-01 .page-item:first-child .page-link, .pagination-style-01 .page-item:last-child .page-link { + background: transparent; + box-shadow: none !important; +} +.pagination-style-01.light .page-item:first-child .page-link, .pagination-style-01.light .page-item:last-child .page-link { + background: transparent; + box-shadow: none !important; +} +.pagination-style-01.light .page-item:first-child .page-link:hover, .pagination-style-01.light .page-item:last-child .page-link:hover { + color: var(--white); +} +/* Blog clean */ +.blog-clean .card { + color: inherit; +} +.blog-clean .card .blog-image img { + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + will-change: transform; +} +.blog-clean .card .card-body { + color: inherit; +} +.blog-clean .card .card-body .blog-categories { + top: -17px; +} +.blog-clean .card .card-body .blog-categories .categories-btn { + margin: 0 5px 0 0; + font-size: 12px; + border-radius: 0; +} +.blog-clean .card .card-body .card-link i { + opacity: 0; + visibility: hidden; + -webkit-transform: translateX(-10px); + transform: translateX(-10px); + -webkit-transition: all 0.3s linear; + transition: all 0.3s linear; + vertical-align: middle; + margin-left: 10px; + line-height: 11px; +} +.blog-clean .card:hover .blog-image img { + -webkit-transform: scale(1.07); + transform: scale(1.07); +} +.blog-clean .card:hover .card-body .card-link i { + opacity: 1; + visibility: visible; + -webkit-transform: translateX(0); + transform: translateX(0); +} +/* =================================== + 15. Portfolio +====================================== */ +/* Portfolio grid */ +.grid-item .portfolio-image img { + width: 100%; +} +.portfolio-grid .work-1col li { + width: 100%; +} +/* Portfolio filter */ +.portfolio-filter li { + padding: 0 25px; +} +.portfolio-filter li:first-child { + padding-left: 0; +} +.portfolio-filter li:last-child { + padding-right: 0; +} +.portfolio-filter li a { + color: var(--medium-gray); + border-bottom: 2px solid transparent; +} +.portfolio-filter li:hover a, .portfolio-filter li:focus a, .portfolio-filter li.active a { + color: var(--dark-gray); + border-color: var(--dark-gray); +} +.portfolio-filter.filter-btn li { + padding: 0 12px; +} +.portfolio-filter.filter-btn li a { + padding: 6px 30px; + border-radius: 40px; +} +.portfolio-filter.filter-btn li a:hover, .portfolio-filter.filter-btn li a:focus, .portfolio-filter.filter-btn li a.active { + background-color: var(--white); + color: var(--dark-gray); + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); +} +.portfolio-filter.filter-btn li.active a { + background-color: var(--white); + color: var(--dark-gray); + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); +} +/* Portfolio classic */ +.portfolio-classic .portfolio-box { + -webkit-clip-path: inset(0 0 0 0); + clip-path: inset(0 0 0 0); +} +.portfolio-classic .portfolio-box .portfolio-hover { + opacity: 0; + transform: translate3d(0, 45px, 0) skewY(-15deg); +} +.portfolio-classic .portfolio-box:hover { + -webkit-clip-path: inset(2% 2% 2% 2%); + clip-path: inset(2% 2% 2% 2%); +} +.portfolio-classic .portfolio-box:hover .portfolio-image img { + opacity: 0.15; + -webkit-filter: blur(4px); + filter: blur(4px); +} +.portfolio-classic .portfolio-box:hover .portfolio-hover { + opacity: 1; + transform: translate3d(0, 0, 0); +} +/* Portfolio boxed */ +.portfolio-boxed .portfolio-box { + will-change: transform; +} +.portfolio-boxed .portfolio-box .portfolio-icon a { + margin: 0 4px; + position: relative; + -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5); + box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5); +} +.portfolio-boxed .portfolio-box .portfolio-overlay { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + z-index: -1; + opacity: 0; + visibility: hidden; + -webkit-transition: all 0.2s linear; + transition: all 0.2s linear; +} +.portfolio-boxed .portfolio-box:hover { + -webkit-box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15); + box-shadow: 10px 0 70px rgba(0, 0, 0, 0.15); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +.portfolio-boxed .portfolio-box:hover .portfolio-image img { + opacity: 0.3; +} +.portfolio-boxed .portfolio-box:hover .portfolio-overlay { + opacity: 1; + visibility: visible; +} +/* Mousetip */ +.mousetip-wrapper .caption { + opacity: 0; + visibility: hidden; + position: absolute; + top: 20px; + left: 20px; + z-index: 9; +} +.mousetip-wrapper:hover .caption { + opacity: 1; + visibility: visible; + display: block; +} +/* Portfolio transform */ +.portfolio-transform .portfolio-box { + will-change: auto; + overflow: visible; +} +.portfolio-transform .portfolio-box .caption { + padding: 22px 28px 11px; + white-space: nowrap; + -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 25px rgba(0, 0, 0, 0.2); +} +.portfolio-transform .portfolio-box .portfolio-image { + overflow: visible; +} +.portfolio-transform .portfolio-box .portfolio-image img { + -webkit-transition: all 0.6s linear; + transition: all 0.6s linear; +} +.portfolio-transform .portfolio-box:hover .portfolio-image img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Portfolio creative */ +.portfolio-creative .portfolio-box { + will-change: transform; +} +.portfolio-creative .portfolio-box .portfolio-title { + -webkit-transform: scale(2); + transform: scale(2); + display: block; + width: 100%; +} +.portfolio-creative .portfolio-box .portfolio-title::before { + content: attr(data-text); + position: absolute; + top: 0; + left: 0; + width: 100%; + z-index: 1; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.portfolio-creative .portfolio-box .portfolio-title::after { + content: attr(data-text); + position: absolute; + left: 0; + right: 0; + top: -20px; + font-size: 110px; + letter-spacing: -6px; + color: rgba(0, 0, 0, 0.1); + font-weight: 800; + white-space: nowrap; + text-align: center; + display: inline-block; + animation: glitch-skew 1s infinite linear alternate-reverse; +} +.portfolio-creative .portfolio-box .portfolio-hover span { + -webkit-transform: translateY(25px); + transform: translateY(25px); +} +.portfolio-creative .portfolio-box:hover .portfolio-image img { + opacity: 0; +} +.portfolio-creative .portfolio-box:hover .portfolio-title { + -webkit-transform: scale(1); + transform: scale(1); +} +.portfolio-creative .portfolio-box:hover .portfolio-hover span { + -webkit-transform: translateY(0); + transform: translateY(0); +} +/* Portfolio simple */ +.portfolio-simple .portfolio-box .portfolio-icon a { + margin: 0 5px; + position: relative; + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); +} +.portfolio-simple .portfolio-box .portfolio-icon a:last-child { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.portfolio-simple .portfolio-box:hover .portfolio-image img { + opacity: 0.5; + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Portfolio modern */ +.portfolio-modern .portfolio-box { + position: relative; + will-change: transform; +} +.portfolio-modern .portfolio-box .portfolio-hover { + opacity: 0; + left: 20px; + bottom: 20px; + width: calc(100% - 40px); + height: auto; + top: inherit; + -webkit-transform: translateY(0) scale(1, 0); + transform: translateY(0) scale(1, 0); + transform-origin: bottom center; +} +.portfolio-modern .portfolio-box .portfolio-hover > * > * > * { + opacity: 0; + transition-delay: 0.25s; + transform: translateY(15px); +} +.portfolio-modern .portfolio-box .portfolio-hover > * > * > * + * { + opacity: 0; + transition-delay: 0.35s; +} +.portfolio-modern .portfolio-box .portfolio-hover > * > * + * { + opacity: 0; + transform: translateY(15px); + transition-delay: 0.45s; +} +.portfolio-modern .portfolio-box:hover { + opacity: 1; + -webkit-filter: blur(0); + filter: blur(0); +} +.portfolio-modern .portfolio-box:hover .portfolio-image img { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.portfolio-modern .portfolio-box:hover .portfolio-hover { + -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); + -webkit-transform: translateY(0) scale(1, 1); + transform: translateY(0) scale(1, 1); + opacity: 1; +} +.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * { + opacity: 1; + transform: translateY(0); +} +.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * > * + * { + opacity: 1; +} +.portfolio-modern .portfolio-box:hover .portfolio-hover > * > * + * { + opacity: 1; + transform: translateY(0); +} +/* Portfolio attractive */ +.portfolio-attractive .portfolio-link { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + content: ""; + z-index: 9999; + cursor: pointer; +} +.portfolio-attractive .portfolio-box { + position: relative; +} +.portfolio-attractive .portfolio-box .portfolio-image img { + -webkit-transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 500ms cubic-bezier(0.37, 0, 0.63, 1); +} +.portfolio-attractive .portfolio-box .portfolio-hover .icon-box { + margin-top: 0px; + transform-style: inherit; +} +.portfolio-attractive .grid-item:hover .portfolio-hover { + opacity: 1; +} +.portfolio-attractive .grid-item:hover .portfolio-hover .icon-box { + margin-top: -10px; +} +.portfolio-attractive .grid-item:hover .portfolio-image img { + opacity: 0.3; +} +.portfolio-attractive .grid-item:hover .move-bottom-top-self span, +.portfolio-attractive .grid-item:hover .move-top-bottom-self span { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} +/* Portfolio simple */ +.portfolio-slider .portfolio-box { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1); + transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1); +} +.portfolio-slider .portfolio-box .portfolio-image img { + -webkit-transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1); + transition: all 0.65s cubic-bezier(0.05, 0.2, 0.1, 1); +} +.portfolio-slider .portfolio-box .portfolio-hover { + opacity: 1; +} +.portfolio-slider .portfolio-box .portfolio-hover .portfolio-link .category { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; + visibility: visible; +} +.portfolio-slider .portfolio-box .portfolio-hover .portfolio-link i { + position: absolute; + right: 0; + will-change: transform; + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 0; +} +.portfolio-slider .portfolio-box:hover { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +.portfolio-slider .portfolio-box:hover .portfolio-image img { + opacity: 0.6; + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-title { + color: var(--white) !important; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link a, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link i, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link span, .portfolio-slider .portfolio-box:hover .portfolio-hover.dark-hover .portfolio-link div { + color: var(--white) !important; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-title { + color: var(--dark-gray) !important; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link a, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link i, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link span, .portfolio-slider .portfolio-box:hover .portfolio-hover.light-hover .portfolio-link div { + color: var(--dark-gray) !important; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link .category { + -webkit-transform: translateY(-20px); + transform: translateY(-20px); + opacity: 0; + visibility: hidden; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover .portfolio-link i { + -webkit-transform: translateY(-28px); + transform: translateY(-28px); + opacity: 1; +} +.portfolio-slider .portfolio-box:hover .portfolio-hover .box-overlay { + opacity: 1; + visibility: visible; +} +/* Portfolio clean */ +.portfolio-clean .portfolio-box { + position: relative; +} +.portfolio-clean .portfolio-box .portfolio-image { + -webkit-clip-path: inset(0 0 0 0); + clip-path: inset(0 0 0 0); + -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); +} +.portfolio-clean .portfolio-box .portfolio-hover { + -webkit-transform: translateY(35px); + transform: translateY(35px); + -webkit-transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 400ms cubic-bezier(0.37, 0, 0.63, 1); +} +.portfolio-clean .portfolio-box .portfolio-hover .portfolio-title { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; +} +.portfolio-clean .portfolio-box:hover .portfolio-image { + -webkit-clip-path: inset(0 0 70px 0); + clip-path: inset(0 0 70px 0); +} +.portfolio-clean .portfolio-box:hover .portfolio-image img { + -webkit-transform: translateY(-40px); + transform: translateY(-40px); +} +.portfolio-clean .portfolio-box:hover .portfolio-hover { + -webkit-transform: translateY(0); + transform: translateY(0); + -webkit-transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); + transition: all 600ms cubic-bezier(0.37, 0, 0.63, 1); +} +/* Portfolio clean */ +.portfolio-switch-image .portfolio-box .portfolio-image .hover-switch-image { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); +} +.portfolio-switch-image .portfolio-box:hover { + -webkit-transform: translateY(-5px); + transform: translateY(-5px); +} +.portfolio-switch-image .portfolio-box:hover .portfolio-image .hover-switch-image { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); +} +/* Portfolio and gallery translate animation */ +.portfolio-box, .gallery-box { + overflow: hidden; + will-change: transform; +} +.portfolio-box .move-top-bottom, .gallery-box .move-top-bottom { + -webkit-transform: translateY(-15px); + transform: translateY(-15px); + opacity: 0; +} +.portfolio-box .move-bottom-top, .gallery-box .move-bottom-top { + -webkit-transform: translateY(15px); + transform: translateY(15px); + opacity: 0; +} +.portfolio-box .move-left-right, .gallery-box .move-left-right { + -webkit-transform: translateX(-15px); + transform: translateX(-15px); + opacity: 0; +} +.portfolio-box .move-right-left, .gallery-box .move-right-left { + -webkit-transform: translateX(15px); + transform: translateX(15px); + opacity: 0; +} +.portfolio-box .move-bottom-top-self, .gallery-box .move-bottom-top-self { + overflow: hidden; +} +.portfolio-box .move-bottom-top-self span, .gallery-box .move-bottom-top-self span { + opacity: 0; + display: block; + will-change: transform; + -webkit-transform: translateY(50%); + transform: translateY(50%); + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.portfolio-box .move-top-bottom-self, .gallery-box .move-top-bottom-self { + overflow: hidden; +} +.portfolio-box .move-top-bottom-self span, .gallery-box .move-top-bottom-self span { + opacity: 0; + display: block; + will-change: transform; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.portfolio-box .move-left-right-self, .gallery-box .move-left-right-self { + overflow: hidden; +} +.portfolio-box .move-left-right-self span, .gallery-box .move-left-right-self span { + opacity: 0; + display: block; + will-change: transform; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.portfolio-box .move-right-left-self, .gallery-box .move-right-left-self { + overflow: hidden; +} +.portfolio-box .move-right-left-self span, .gallery-box .move-right-left-self span { + opacity: 0; + display: block; + will-change: transform; + -webkit-transform: translateX(50%); + transform: translateX(50%); + -webkit-transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); + transition: all 0.5s cubic-bezier(0.37, 0.31, 0.2, 0.85); +} +.portfolio-box .portfolio-hover, .gallery-box .portfolio-hover { + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + opacity: 0; +} +.portfolio-box .portfolio-image, .gallery-box .portfolio-image { + position: relative; + overflow: hidden; +} +.portfolio-box:hover .move-top-bottom, .gallery-box:hover .move-top-bottom { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} +.portfolio-box:hover .move-bottom-top, .gallery-box:hover .move-bottom-top { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} +.portfolio-box:hover .move-left-right, .gallery-box:hover .move-left-right { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; +} +.portfolio-box:hover .move-right-left, .gallery-box:hover .move-right-left { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; +} +.portfolio-box:hover .move-bottom-top-self span, .gallery-box:hover .move-bottom-top-self span { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} +.portfolio-box:hover .move-top-bottom-self span, .gallery-box:hover .move-top-bottom-self span { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0); +} +.portfolio-box:hover .move-left-right-self span, .gallery-box:hover .move-left-right-self span { + -webkit-transform: translateX(0); + transform: translateX(0); + opacity: 1; +} +.portfolio-box:hover .move-right-left-self span, .gallery-box:hover .move-right-left-self span { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0); +} +.portfolio-box:hover .portfolio-hover, .gallery-box:hover .portfolio-hover { + opacity: 1; +} +/* Portfolio pagination */ +.portfolio-pagination { + position: relative; + z-index: 1; +} +.portfolio-pagination .bg-fancy-image { + position: absolute; + top: 0; + left: 0; + opacity: 0; + height: 100%; + width: 100%; + z-index: -1; + visibility: hidden; + background-size: cover; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.portfolio-pagination .btn-slide-icon-left .separator, .portfolio-pagination .btn-slide-icon-right .separator { + position: relative; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.portfolio-pagination .btn-slide-icon-left .separator:after, .portfolio-pagination .btn-slide-icon-left .separator:before, .portfolio-pagination .btn-slide-icon-right .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:before { + content: ""; + display: block; + position: absolute; + left: -2px; + top: -4px; + height: 2px; + width: 11px; + background-color: var(--dark-gray); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.portfolio-pagination .btn-slide-icon-left .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:after { + -webkit-transform: rotate(132deg); + transform: rotate(132deg); +} +.portfolio-pagination .btn-slide-icon-left .separator:before, .portfolio-pagination .btn-slide-icon-right .separator:before { + -webkit-transform: rotate(228deg); + transform: rotate(228deg); + top: 4px !important; +} +.portfolio-pagination .btn-slide-icon-right .separator:after, .portfolio-pagination .btn-slide-icon-right .separator:before { + right: -2px; + left: auto; +} +.portfolio-pagination .btn-slide-icon-right .separator:before { + transform: rotate(132deg); + -webkit-transform: rotate(132deg); + transform: rotate(132deg); +} +.portfolio-pagination .btn-slide-icon-right .separator:after { + transform: rotate(48deg); + -webkit-transform: rotate(48deg); + transform: rotate(48deg); +} +.portfolio-pagination h6, .portfolio-pagination span { + -webkit-transition: 0.2s; + transition: 0.2s; +} +.portfolio-pagination:hover .bg-fancy-image { + opacity: 1; + visibility: visible; +} +.portfolio-pagination:hover .separator { + width: 100px !important; + background-color: var(--white); +} +.portfolio-pagination:hover .separator:after { + color: var(--white); +} +.portfolio-pagination:hover span { + color: var(--white); +} +.portfolio-pagination:hover .btn-slide-icon-left .separator:after, .portfolio-pagination:hover .btn-slide-icon-left .separator:before, .portfolio-pagination:hover .btn-slide-icon-right .separator:after, .portfolio-pagination:hover .btn-slide-icon-right .separator:before { + background-color: var(--white); +} +/* Grid loading */ +@keyframes spin { + to { + -webkit-transform: rotate(360deg); + -ms-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.grid-loading { + overflow: hidden; + position: relative; + opacity: 1 !important; + transition: all 0s ease-in-out !important; + -webkit-transition: all 0s ease-in-out !important; + z-index: 99; +} +.grid-loading::after { + background: none; + content: "" !important; + position: absolute; + top: 100px !important; + left: calc(50% - 25px) !important; + width: 50px !important; + height: 50px !important; + opacity: 1 !important; + right: inherit !important; + z-index: 9; + text-align: center; + border: 3px solid rgba(23, 23, 23, 0.2); + border-top-color: rgba(23, 23, 23, 0.7); + border-radius: 50%; + animation: spin 1s linear infinite; + -webkit-animation: spin 1s linear infinite; +} +.grid-loading:before { + content: ""; + position: absolute; + right: 2px; + top: 1px; + width: calc(100% - 4px); + height: calc(100% - 2px); + border-radius: inherit; + z-index: 1; +} +.grid-loading.grid-loading-white::after { + border: 3px solid rgba(255, 255, 255, 0.2); + border-top-color: rgba(255, 255, 255, 0.7); +} +.grid-loading .grid-item { + visibility: hidden; +} +.grid-loading li .grid-item { + overflow: hidden; + opacity: 0; +} +/* Portfolio minimal */ +.sticky-image-distortion-wrapper { + position: static; + display: flex; + height: 100%; + overflow: hidden; + width: 100%; +} +.sticky-image-distortion-wrapper .svg-wrapper { + position: fixed; + right: 55px; + height: 100%; + top: 0; + width: 50%; + z-index: -1; +} +.sticky-image-distortion-wrapper .menu { + width: 50%; + -ms-overflow-style: none; + scrollbar-width: none; + overflow-y: scroll; + overflow-x: hidden; + padding: 100px 0 100px 100px; +} +.sticky-image-distortion-wrapper .menu::-webkit-scrollbar { + display: none; +} +.sticky-image-distortion-wrapper .menu .menu__link { + display: flex; + align-items: center; + width: 100%; +} +.sticky-image-distortion-wrapper .menu .menu__link .sticky-image-title a:hover { + opacity: 1 !important; +} +.sticky-image-distortion-wrapper .menu .menu__link svg { + opacity: 0; + visibility: hidden; + -webkit-transition: 0.3s; + transition: 0.3s; + width: 100%; + height: 100%; +} +.sticky-image-distortion-wrapper .menu .menu__link.active svg { + opacity: 1; + visibility: visible; +} +.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title a { + padding-left: 70px; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-image-title .title { + opacity: 0.25; + left: 95px; +} +.sticky-image-distortion-wrapper .menu .menu__link.active .sticky-category { + opacity: 1; + color: var(--dark-gray); + left: 25px; +} +.sticky-image-distortion-wrapper .menu:hover .menu__link .sticky-image-title a { + opacity: 0.3; +} +.sticky-image-title { + position: relative; + display: flex; + -webkit-transition: 0.3s; + transition: 0.3s; + padding: 0; + width: 100%; +} +.sticky-image-title a { + padding: 25px 50px 25px; + width: 100%; +} +.sticky-image-title .title { + position: absolute; + left: 100px; + width: 100%; + top: 45%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + word-break: normal; + z-index: -1; + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.sticky-category { + display: flex; + align-items: center; + position: absolute; + left: 32px; + height: 100%; + width: 50px; + justify-content: center; + top: 0; + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.sticky-category .category { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + writing-mode: vertical-lr; +} +/* Horizontal portfolio */ +.threeD-letter-menu { + position: relative; + min-height: 100vh; +} +.threeD-letter-menu .menu-item .hover-reveal { + position: fixed; + z-index: 1; + width: 420px; + height: 420px; + top: 0; + left: 0; + pointer-events: none; + opacity: 0; + transform-origin: 100% 0%; + will-change: transform, filter; + border-radius: 100%; +} +.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__inner { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + border-radius: 100%; +} +.threeD-letter-menu .menu-item .hover-reveal .hover-reveal__img { + height: 100%; + width: 100%; + background-size: cover; + background-position: 50% 50%; + will-change: transform; + border-radius: 100%; +} +.threeD-letter-menu .menu-item .text-white-linear:hover span { + color: var(--white); + -webkit-text-fill-color: #fff; +} +.threeD-letter-menu .menu-item .menu-item-text { + position: relative; + display: inline-block; +} +.threeD-letter-menu .menu-item .menu-item-text .word { + overflow: hidden; + line-height: 120%; +} +.threeD-letter-menu .menu-item .menu-item-text .words .char { + transition: 0.8s cubic-bezier(0.075, 0.82, 0.165, 1); +} +.threeD-letter-menu .menu-item .menu-item-text .clone { + position: absolute; + top: 0; + left: 0; +} +.threeD-letter-menu .menu-item .menu-item-text .clone .char { + -webkit-transform: translateY(-100px); + transform: translateY(-100px); + opacity: 0; +} +.threeD-letter-menu .menu-item .menu-item-text:hover .clone .char { + -webkit-transform: translateY(0); + transform: translateY(0); + opacity: 1; +} +.threeD-letter-menu .menu-item .menu-item-text:hover .words:not(.clone) .char { + -webkit-transform: translateY(100px); + transform: translateY(100px); + opacity: 0; +} +/* =================================== + 16. Shop +====================================== */ +/* Categories style 01 */ +.categories-style-01 .categories-box { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + position: relative; + z-index: 1; + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.categories-style-01 a { + position: relative; +} +.categories-style-01 a:last-child:after { + content: ""; + position: absolute; + border-bottom: 2px solid; + border-color: var(--dark-gray); + left: 0; + bottom: 0; + width: 0%; + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); +} +.categories-style-01 .count-circle { + position: absolute; + top: -15px; + right: -10px; + opacity: 0; + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.categories-style-01:hover .categories-box { + -webkit-transform: translate3d(0, -7px, 0); + transform: translate3d(0, -7px, 0); +} +.categories-style-01:hover a:last-child:after { + border-color: var(--dark-gray); + color: var(--dark-gray); + width: 100%; +} +.categories-style-01:hover .count-circle { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +.categories-style-01:hover img { + opacity: 0.6; +} +/* Categories style 02 */ +.categories-style-02 { + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); +} +.categories-style-02 .categories-box { + position: relative; +} +.categories-style-02:hover { + transform: translate3d(0, -8px, 0); +} +/* Categories style 03 */ +.categories-style-03 .categories-box { + position: relative; + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); +} +.categories-style-03 .categories-box .category-title { + position: absolute; + left: 0; + bottom: 0; + padding: 30px; + width: 100%; +} +.categories-style-03 .categories-box .category-image { + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1); +} +.categories-style-03 .categories-box:hover { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} +.categories-style-03 .categories-box:hover .category-image { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +/* Shop boxed */ +.shop-boxed { + margin-left: -10px; + margin-right: -10px; +} +.shop-boxed .shop-box { + border: 6px solid #fff; + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; +} +.shop-boxed .shop-box .shop-image { + overflow: hidden; +} +.shop-boxed .shop-box .shop-image a { + display: block; + overflow: hidden; +} +.shop-boxed .shop-box .shop-image .product-overlay { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shop-boxed .shop-box .shop-image .shop-hover { + position: absolute; + bottom: 0px; + width: 100%; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.shop-boxed .shop-box .shop-image .shop-hover a { + -webkit-transform: translateY(15px); + transform: translateY(15px); + opacity: 0; +} +.shop-boxed .shop-box .shop-footer del { + margin-right: 8px; +} +.shop-boxed .shop-box:hover { + -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.08); + box-shadow: 0 0 50px rgba(0, 0, 0, 0.08); + border: 6px solid #fff; +} +.shop-boxed .shop-box:hover .shop-image .shop-hover { + bottom: 25px; +} +.shop-boxed .shop-box:hover .shop-image .shop-hover a { + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; + opacity: 1; +} +.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(2) { + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(3) { + -webkit-transition-delay: 0.3s; + transition-delay: 0.3s; +} +.shop-boxed .shop-box:hover .shop-image .shop-hover a:nth-child(4) { + -webkit-transition-delay: 0.4s; + transition-delay: 0.4s; +} +/* Shop modern */ +.shop-modern { + margin-left: -15px; + margin-right: -15px; +} +.shop-modern .grid-item .shop-box .shop-image { + overflow: hidden; +} +.shop-modern .grid-item .shop-box .shop-image img { + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shop-modern .grid-item .shop-box .shop-image .shop-overlay { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + opacity: 0; + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover { + position: absolute; + top: 20px; + width: auto; + right: 12px; + opacity: 0; + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul { + padding: 0; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li { + display: block; + width: auto; + margin: 0 0 8px; + padding: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px); + -webkit-transition-duration: 0.3s; + transition-duration: 0.3s; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(1) { + -webkit-transition-delay: 25ms; + transition-delay: 25ms; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(2) { + -webkit-transition-delay: 50ms; + transition-delay: 50ms; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li:nth-child(3) { + -webkit-transition-delay: 75ms; + transition-delay: 75ms; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li :nth-child(4) { + -webkit-transition-delay: 1ms; + transition-delay: 1ms; +} +.shop-modern .grid-item .shop-box .shop-image .shop-hover ul li a:hover { + background-color: var(--base-color); +} +.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap { + position: absolute; + left: 20px; + bottom: 20px; + width: calc(100% - 40px); + text-align: center; +} +.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn { + opacity: 0; + visibility: hidden; + width: 100%; + -webkit-transform: translateY(10px); + transform: translateY(10px); + -webkit-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; +} +.shop-modern .grid-item .shop-box .shop-image .shop-buttons-wrap .btn.btn-large { + padding: 8px 20px; +} +.shop-modern .grid-item .shop-box .shop-footer del { + margin-right: 8px; +} +.shop-modern .grid-item .shop-box:hover .shop-image img { + -webkit-transform: scale(1.05); + transform: scale(1.05); +} +.shop-modern .grid-item .shop-box:hover .shop-image .shop-buttons-wrap .btn { + -webkit-transform: translateY(0px); + transform: translateY(0px); + opacity: 1; + visibility: visible; +} +.shop-modern .grid-item .shop-box:hover .shop-image .shop-overlay { + opacity: 1; +} +.shop-modern .grid-item .shop-box:hover .shop-image .shop-hover { + opacity: 1; + top: 20px; +} +.shop-modern .grid-item .shop-box:hover .shop-image .shop-hover ul li { + -webkit-transform: translateY(0px); + transform: translateY(0px); +} +/* Shop sidebar */ +.shop-sidebar .shop-filter { + padding: 0; + margin: 0; + list-style: none; +} +.shop-sidebar .shop-filter li { + position: relative; + margin-bottom: 2px; + padding: 0 25px; +} +.shop-sidebar .shop-filter li a { + display: block; +} +.shop-sidebar .shop-filter li a:hover .product-cb { + border-color: var(--dark-gray); +} +.shop-sidebar .shop-filter li a:hover .product-cb:after { + opacity: 1; +} +.shop-sidebar .shop-filter li .product-cb { + width: 16px; + height: 16px; + border: 1px solid var(--medium-gray); + display: inline-block; + border-radius: 100%; + position: absolute; + left: 0; + top: 8px; +} +.shop-sidebar .shop-filter li .product-cb:after { + width: 8px; + height: 8px; + background-color: var(--dark-gray); + border-radius: 100%; + content: ""; + position: absolute; + left: 50%; + top: 50%; + opacity: 0; + -webkit-transition: 0.4s; + transition: 0.4s; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.shop-sidebar .shop-filter li .item-qty { + position: absolute; + right: 0; + top: 0; + background: var(--very-light-gray); + border-radius: 100%; + height: 30px; + width: 30px; + font-size: 11px; + text-align: center; + font-weight: 500; + color: var(--dark-gray); + line-height: 30px; +} +.shop-sidebar .shop-filter li:last-child { + margin-bottom: 0; +} +.shop-sidebar .shop-filter.color-filter li .product-cb { + border: 0; +} +.shop-sidebar .shop-filter.color-filter li .product-cb:after { + background-color: var(--white); +} +.shop-sidebar .shop-filter.fabric-filter li .product-cb { + line-height: 0; + overflow: hidden; + border: 0; +} +.shop-sidebar .shop-filter.fabric-filter li .product-cb:after { + background-color: var(--white); +} +.shop-sidebar .shop-filter.rating-filter li { + padding-left: 0; +} +.shop-sidebar .shop-filter.tag-cloud a { + padding: 5px 10px; +} +/* Toolbar wrapper */ +.toolbar-wrapper a img { + -webkit-transition: 0.3s; + transition: 0.3s; +} +.toolbar-wrapper a:hover img { + opacity: 1; +} +/* Shop lable */ +.shop-image { + position: relative; +} +.shop-image .lable { + padding: 0 8px; + position: absolute; + left: 17px; + top: 17px; + color: var(--white); + font-size: 9px; + line-height: 21px; + border-radius: 2px; + text-transform: uppercase; + font-weight: 700; +} +.shop-image .lable.new { + background-color: var(--green); +} +.shop-image .lable.hot { + background-color: var(--red); +} +/* Product detail */ +.product-image-thumb .swiper-slide { + cursor: pointer; + border: 1px solid transparent; +} +.product-image-thumb .swiper-slide.swiper-slide-thumb-active { + border-color: var(--light-gray); +} +/* Single product thumb vertical */ +.single-product-thumb .slider-vertical { + width: 100%; + height: 100%; + position: absolute; + left: 15px; +} +.single-product-thumb .slider-vertical .swiper-slide { + height: auto !important; + cursor: pointer; +} +.product-image-slider img { + cursor: crosshair; +} +/* Shop color */ +.shop-color { + list-style: none; + padding: 0; + display: flex; +} +.shop-color li { + position: relative; + display: inline-block; + vertical-align: middle; +} +.shop-color li > input[type=radio] + label { + display: flex; +} +.shop-color li > input[type=radio] + label span { + height: 32px; + width: 32px; + border-radius: 100%; + margin-right: 6px; + display: inline-block; + position: relative; + vertical-align: middle; + cursor: pointer; +} +.shop-color li input[type=radio]:checked + label span:after { + position: absolute; + top: 2px; + left: 2px; + color: var(--white); + height: 28px; + width: 28px; + border: 2px solid var(--white); + border-radius: 100%; + text-align: center; + content: ""; + font-weight: 900; +} +/* Shop size */ +.shop-size { + list-style: none; + padding: 0; + display: flex; +} +.shop-size li { + position: relative; + display: inline-block; + vertical-align: middle; + margin-right: 6px; +} +.shop-size li > input[type=radio] + label { + display: flex; +} +.shop-size li > input[type=radio] + label span { + height: 37px; + width: 37px; + border-radius: 100%; + display: flex; + align-items: center; + justify-content: center; + position: relative; + cursor: pointer; + border: 1px solid var(--extra-medium-gray); + text-align: center; + font-size: 12px; + line-height: normal; + color: var(--dark-gray); + font-weight: 500; +} +.shop-size li input[type=radio]:checked + label span:after { + position: absolute; + top: -1px; + left: -1px; + height: 37px; + width: 37px; + border: 1px solid var(--dark-gray); + border-radius: 100%; + text-align: center; + content: ""; +} +/* Shop quantity */ +.quantity { + display: inline-block; + position: relative; +} +.quantity button { + border: 0; + background-color: transparent; + padding: 0; + margin: -9px 0 0 0; + font-size: 22px; + line-height: 18px; + position: absolute; + left: 15px; + top: 50%; + color: var(--dark-gray); + -webkit-transform: translateY(-3px); + transform: translateY(-3px); +} +.quantity button.qty-plus { + right: 15px; + left: auto; +} +.quantity .qty-text { + width: 115px; + height: 54px; + border: 1px solid var(--extra-medium-gray); + border-radius: 5px; + text-align: center; + color: var(--dark-gray); +} +.btn-cart.btn.btn-switch-text.btn-extra-large > span { + padding: 13px 48px; +} +.wishlist { + height: 54px; + width: 54px; +} +/* Cart */ +.cart-products th { + border-top: 0; + border-bottom: 1px solid var(--extra-medium-gray) !important; + padding: 15px 10px; + font-weight: normal; + text-transform: capitalize; + color: var(--dark-gray); +} +.cart-products td { + vertical-align: middle; + border-bottom: 1px solid var(--extra-medium-gray); + border-top: 0; + padding: 25px 10px; + color: var(--medium-gray); +} +.cart-products .product-remove { + width: 25px; +} +.cart-products .product-thumbnail { + width: 100px; +} +.cart-products .quantity button { + color: var(--medium-gray); +} +.cart-products .quantity .qty-text { + color: var(--medium-gray); + height: 42px; + width: 100px; +} +.coupon-code-panel { + position: relative; +} +.coupon-code-panel:before { + content: "\e8bf"; + font-family: feather; + position: absolute; + left: 20px; + z-index: 2; + line-height: 50px; +} +.coupon-code-panel input { + margin: 0; + border: none; + border: 1px dashed var(--extra-medium-gray); + padding: 8px 70px 9px 45px; + width: 100%; + position: relative; + font-size: 14px; +} +.coupon-code-panel .apply-coupon-btn { + position: absolute; + right: 5px; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); + color: var(--dark-gray); + line-height: 30px; + letter-spacing: 0; +} +.coupon-code-panel .apply-coupon-btn:active { + border-color: transparent; +} +.total-price-table th, .total-price-table td { + border-bottom: 1px solid #e4e4e4; + padding-top: 20px; + padding-bottom: 20px; + vertical-align: top; +} +.total-price-table .total-amount th, .total-price-table .total-amount td { + border-bottom: 0; +} +.calculate-shipping .form-select:focus { + border-color: #dfdfdf; +} +/* Checkout */ +.your-order-table .product td { + padding-top: 15px; + padding-bottom: 15px; + vertical-align: middle; +} +.your-order-box .terms-condition .box:before { + background-color: var(--white); +} +/* Minicart */ +.header-cart-icon .header-cart .cart-item-list { + border-radius: 6px; + padding: 10px 30px 25px; + min-width: 260px; +} +.header-cart-icon .header-cart .cart-item-list .cart-item { + padding: 15px 0; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .close { + right: 0; + top: 50%; + font-size: 20px; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail a { + font-size: 15px; + line-height: 22px; +} +.header-cart-icon .header-cart .cart-item-list .cart-item .product-detail .item-ammount { + font-size: 14px; +} +.header-cart-icon .header-cart .cart-item-list .cart-item:last-of-type { + border-bottom: 0; +} +.header-cart-icon .header-cart .cart-item-list .cart-total { + background-color: transparent; + border: 0; + padding-bottom: 0; + padding-top: 10px; +} +.header-cart-icon .header-cart .cart-item-list .cart-total .btn.btn-large { + font-size: 14px; + padding: 11px 20px; + border-width: 1px; +} +/* Shop category style 02 */ +.shop-category-02 .category-box { + overflow: hidden; + position: relative; +} +.shop-category-02 .category-box .category-title { + padding: 0 15px; + width: 100%; +} +.shop-category-02 .category-box img { + -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); + transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); +} +.shop-category-02 .category-box .category-hover-content { + position: absolute; + left: 20px; + top: 20px; + height: calc(100% - 40px); + width: calc(100% - 40px); + opacity: 0; + visibility: hidden; + -webkit-transform: scale(0.9); + transform: scale(0.9); +} +.shop-category-02 .category-box .category-hover-content a { + opacity: 0; + -webkit-transition: 0.2s; + transition: 0.2s; + -webkit-transform: translateY(30px); + transform: translateY(30px); +} +.shop-category-02 .category-box .category-hover-content a:hover { + color: var(--dark-gray); +} +.shop-category-02 .category-box .category-hover-content .title { + opacity: 0; + -webkit-transition: 0.3s; + transition: 0.3s; + -webkit-transform: scale(0.8); + transform: scale(0.8); +} +.shop-category-02 .category-box:hover img { + -webkit-transform: scale(1.1); + transform: scale(1.1); + opacity: 0.6; +} +.shop-category-02 .category-box:hover .category-hover-content { + opacity: 1; + visibility: visible; + -webkit-transform: scale(1); + transform: scale(1); +} +.shop-category-02 .category-box:hover .category-hover-content .title { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + -webkit-transition-delay: 0.1s; + transition-delay: 0.1s; +} +.shop-category-02 .category-box:hover .category-hover-content a { + opacity: 1; + -webkit-transform: translateY(0px); + transform: translateY(0px); + -webkit-transition-delay: 0.2s; + transition-delay: 0.2s; +} +/* =================================== + 17. Footer +====================================== */ +footer { + padding-top: 110px; + padding-bottom: 110px; +} +footer.half-footer { + padding-top: 70px; + padding-bottom: 70px; +} +footer.big-footer { + padding-top: 140px; + padding-bottom: 140px; +} +footer .footer-logo img { + max-height: 30px; +} +footer ul { + padding: 0; + list-style: none; + margin: 0; +} +footer ul li { + margin-bottom: 5px; +} +footer .elements-social.social-icon-style-01 li, footer .elements-social.social-icon-style-02 li, footer .elements-social.social-icon-style-05 li, footer .elements-social.social-icon-style-08 li { + margin: 0 15px 0 0; +} +footer .elements-social.social-icon-style-01 li a, footer .elements-social.social-icon-style-02 li a, footer .elements-social.social-icon-style-05 li a, footer .elements-social.social-icon-style-08 li a { + width: auto; + height: auto; +} +footer .newsletter-style-05 .input-small { + font-size: 14px; +} +footer .nav-link { + color: var(--medium-gray); + padding: 0.5rem 1rem; +} +footer .footer-navbar .nav-item:last-child a { + padding-right: 0; +} +/* Footer dark */ +.footer-dark { + color: var(--aluminium-grey); +} +.footer-dark p, .footer-dark a { + color: var(--aluminium-grey); +} +.footer-dark a:hover { + color: var(--base-color); +} +/* Footer light */ +.footer-light a:hover { + color: var(--base-color); +} +/* Footer navbar */ +.footer-navbar li { + display: inline-block; + margin-bottom: 0; +} +.footer-navbar li a:hover { + color: var(--base-color); +} +.footer-navbar li:last-child a { + padding-right: 0; +} +.footer-navbar li:first-child a { + padding-left: 0; +} +.footer-navbar .nav-link:focus { + color: inherit; +} +/* Footer sticky */ +.main-content { + position: relative; + z-index: 2; + background: var(--white); +} +.footer-sticky { + position: -webkit-sticky; + position: sticky; + bottom: 0; + overflow: hidden; +} +/* Landing page footer */ +.footer-demo ul li { + margin-bottom: 0; + line-height: 30px; +} +.footer-demo a:hover { + color: #fff; +} +.footer-demo img { + max-height: 55px !important; +} \ No newline at end of file diff --git a/public/css/home/vendors.css b/public/css/home/vendors.css new file mode 100644 index 0000000..9ce7703 --- /dev/null +++ b/public/css/home/vendors.css @@ -0,0 +1,15652 @@ +@charset "UTF-8"; +/*! + Bootstrap + Version: 5.3.2 + Plugin URL: https://getbootstrap.com/ + License: Copyright 2011-2023 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) +!*/ +:root, +[data-bs-theme=light] { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-black: #000; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 13, 110, 253; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 25, 135, 84; + --bs-info-rgb: 13, 202, 240; + --bs-warning-rgb: 255, 193, 7; + --bs-danger-rgb: 220, 53, 69; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-primary-text-emphasis: #052c65; + --bs-secondary-text-emphasis: #2b2f32; + --bs-success-text-emphasis: #0a3622; + --bs-info-text-emphasis: #055160; + --bs-warning-text-emphasis: #664d03; + --bs-danger-text-emphasis: #58151c; + --bs-light-text-emphasis: #495057; + --bs-dark-text-emphasis: #495057; + --bs-primary-bg-subtle: #cfe2ff; + --bs-secondary-bg-subtle: #e2e3e5; + --bs-success-bg-subtle: #d1e7dd; + --bs-info-bg-subtle: #cff4fc; + --bs-warning-bg-subtle: #fff3cd; + --bs-danger-bg-subtle: #f8d7da; + --bs-light-bg-subtle: #fcfcfd; + --bs-dark-bg-subtle: #ced4da; + --bs-primary-border-subtle: #9ec5fe; + --bs-secondary-border-subtle: #c4c8cb; + --bs-success-border-subtle: #a3cfbb; + --bs-info-border-subtle: #9eeaf9; + --bs-warning-border-subtle: #ffe69c; + --bs-danger-border-subtle: #f1aeb5; + --bs-light-border-subtle: #e9ecef; + --bs-dark-border-subtle: #adb5bd; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg: #fff; + --bs-body-bg-rgb: 255, 255, 255; + --bs-emphasis-color: #000; + --bs-emphasis-color-rgb: 0, 0, 0; + --bs-secondary-color: rgba(33, 37, 41, 0.75); + --bs-secondary-color-rgb: 33, 37, 41; + --bs-secondary-bg: #e9ecef; + --bs-secondary-bg-rgb: 233, 236, 239; + --bs-tertiary-color: rgba(33, 37, 41, 0.5); + --bs-tertiary-color-rgb: 33, 37, 41; + --bs-tertiary-bg: #f8f9fa; + --bs-tertiary-bg-rgb: 248, 249, 250; + --bs-heading-color: inherit; + --bs-link-color: #0d6efd; + --bs-link-color-rgb: 13, 110, 253; + --bs-link-decoration: underline; + --bs-link-hover-color: #0a58ca; + --bs-link-hover-color-rgb: 10, 88, 202; + --bs-code-color: #d63384; + --bs-highlight-color: #212529; + --bs-highlight-bg: #fff3cd; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #dee2e6; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.25rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 1rem; + --bs-border-radius-xxl: 2rem; + --bs-border-radius-2xl: var(--bs-border-radius-xxl); + --bs-border-radius-pill: 50rem; + --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); + --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-focus-ring-width: 0.25rem; + --bs-focus-ring-opacity: 0.25; + --bs-focus-ring-color: rgba(13, 110, 253, 0.25); + --bs-form-valid-color: #198754; + --bs-form-valid-border-color: #198754; + --bs-form-invalid-color: #dc3545; + --bs-form-invalid-border-color: #dc3545; +} + +[data-bs-theme=dark] { + color-scheme: dark; + --bs-body-color: #dee2e6; + --bs-body-color-rgb: 222, 226, 230; + --bs-body-bg: #212529; + --bs-body-bg-rgb: 33, 37, 41; + --bs-emphasis-color: #fff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: rgba(222, 226, 230, 0.75); + --bs-secondary-color-rgb: 222, 226, 230; + --bs-secondary-bg: #343a40; + --bs-secondary-bg-rgb: 52, 58, 64; + --bs-tertiary-color: rgba(222, 226, 230, 0.5); + --bs-tertiary-color-rgb: 222, 226, 230; + --bs-tertiary-bg: #2b3035; + --bs-tertiary-bg-rgb: 43, 48, 53; + --bs-primary-text-emphasis: #6ea8fe; + --bs-secondary-text-emphasis: #a7acb1; + --bs-success-text-emphasis: #75b798; + --bs-info-text-emphasis: #6edff6; + --bs-warning-text-emphasis: #ffda6a; + --bs-danger-text-emphasis: #ea868f; + --bs-light-text-emphasis: #f8f9fa; + --bs-dark-text-emphasis: #dee2e6; + --bs-primary-bg-subtle: #031633; + --bs-secondary-bg-subtle: #161719; + --bs-success-bg-subtle: #051b11; + --bs-info-bg-subtle: #032830; + --bs-warning-bg-subtle: #332701; + --bs-danger-bg-subtle: #2c0b0e; + --bs-light-bg-subtle: #343a40; + --bs-dark-bg-subtle: #1a1d20; + --bs-primary-border-subtle: #084298; + --bs-secondary-border-subtle: #41464b; + --bs-success-border-subtle: #0f5132; + --bs-info-border-subtle: #087990; + --bs-warning-border-subtle: #997404; + --bs-danger-border-subtle: #842029; + --bs-light-border-subtle: #495057; + --bs-dark-border-subtle: #343a40; + --bs-heading-color: inherit; + --bs-link-color: #6ea8fe; + --bs-link-hover-color: #8bb9fe; + --bs-link-color-rgb: 110, 168, 254; + --bs-link-hover-color-rgb: 139, 185, 254; + --bs-code-color: #e685b5; + --bs-highlight-color: #dee2e6; + --bs-highlight-bg: #664d03; + --bs-border-color: #495057; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); + --bs-form-valid-color: #75b798; + --bs-form-valid-border-color: #75b798; + --bs-form-invalid-color: #ea868f; + --bs-form-invalid-border-color: #ea868f; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } +} +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: var(--bs-border-width) solid; + opacity: 0.25; +} + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--bs-heading-color); +} + +h1, .h1 { + font-size: calc(1.375rem + 1.5vw); +} + +@media (min-width: 1200px) { + h1, .h1 { + font-size: 2.5rem; + } +} +h2, .h2 { + font-size: calc(1.325rem + 0.9vw); +} + +@media (min-width: 1200px) { + h2, .h2 { + font-size: 2rem; + } +} +h3, .h3 { + font-size: calc(1.3rem + 0.6vw); +} + +@media (min-width: 1200px) { + h3, .h3 { + font-size: 1.75rem; + } +} +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); +} + +@media (min-width: 1200px) { + h4, .h4 { + font-size: 1.5rem; + } +} +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, .small { + font-size: 0.875em; +} + +mark, .mark { + padding: 0.1875em; + color: var(--bs-highlight-color); + background-color: var(--bs-highlight-bg); +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); + text-decoration: underline; +} + +a:hover { + --bs-link-color-rgb: var(--bs-link-hover-color-rgb); +} + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} + +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; +} + +a > code { + color: inherit; +} + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.25rem; +} + +kbd kbd { + padding: 0; + font-size: 1em; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-secondary-color); + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} + +select:disabled { + opacity: 1; +} + +[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { + display: none !important; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} + +@media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } +} +legend + * { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } +} +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } +} +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } +} +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } +} +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } +} +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} + +@media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } +} +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} + +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} + +.blockquote > :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} + +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: var(--bs-body-bg); + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: var(--bs-secondary-color); +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } +} +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } +} +:root { + --bs-breakpoint-xs: 0; + --bs-breakpoint-sm: 576px; + --bs-breakpoint-md: 768px; + --bs-breakpoint-lg: 992px; + --bs-breakpoint-xl: 1200px; + --bs-breakpoint-xxl: 1400px; +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} + +.row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.33333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } +} +.table { + --bs-table-color-type: initial; + --bs-table-bg-type: initial; + --bs-table-color-state: initial; + --bs-table-bg-state: initial; + --bs-table-color: var(--bs-emphasis-color); + --bs-table-bg: var(--bs-body-bg); + --bs-table-border-color: var(--bs-border-color); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-emphasis-color); + --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); + --bs-table-active-color: var(--bs-emphasis-color); + --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); + --bs-table-hover-color: var(--bs-emphasis-color); + --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); + width: 100%; + margin-bottom: 1rem; + vertical-align: top; + border-color: var(--bs-table-border-color); +} + +.table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); + background-color: var(--bs-table-bg); + border-bottom-width: var(--bs-border-width); + box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); +} + +.table > tbody { + vertical-align: inherit; +} + +.table > thead { + vertical-align: bottom; +} + +.table-group-divider { + border-top: calc(var(--bs-border-width) * 2) solid currentcolor; +} + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; +} + +.table-bordered > :not(caption) > * { + border-width: var(--bs-border-width) 0; +} + +.table-bordered > :not(caption) > * > * { + border-width: 0 var(--bs-border-width); +} + +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; +} + +.table-borderless > :not(:first-child) { + border-top-width: 0; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-active { + --bs-table-color-state: var(--bs-table-active-color); + --bs-table-bg-state: var(--bs-table-active-bg); +} + +.table-hover > tbody > tr:hover > * { + --bs-table-color-state: var(--bs-table-hover-color); + --bs-table-bg-state: var(--bs-table-hover-bg); +} + +.table-primary { + --bs-table-color: #000; + --bs-table-bg: #cfe2ff; + --bs-table-border-color: #a6b5cc; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e2e3e5; + --bs-table-border-color: #b5b6b7; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000; + --bs-table-bg: #d1e7dd; + --bs-table-border-color: #a7b9b1; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000; + --bs-table-bg: #cff4fc; + --bs-table-border-color: #a6c3ca; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-warning { + --bs-table-color: #000; + --bs-table-bg: #fff3cd; + --bs-table-border-color: #ccc2a4; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000; + --bs-table-bg: #f8d7da; + --bs-table-border-color: #c6acae; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-light { + --bs-table-color: #000; + --bs-table-bg: #f8f9fa; + --bs-table-border-color: #c6c7c8; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #212529; + --bs-table-border-color: #4d5154; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } +} +.form-label { + margin-bottom: 0.5rem; +} + +.col-form-label { + padding-top: calc(0.375rem + var(--bs-border-width)); + padding-bottom: calc(0.375rem + var(--bs-border-width)); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + var(--bs-border-width)); + padding-bottom: calc(0.5rem + var(--bs-border-width)); + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + var(--bs-border-width)); + padding-bottom: calc(0.25rem + var(--bs-border-width)); + font-size: 0.875rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-secondary-color); +} + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-body-bg); + background-clip: padding-box; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } +} +.form-control[type=file] { + overflow: hidden; +} + +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control:focus { + color: var(--bs-body-color); + background-color: var(--bs-body-bg); + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.form-control::-webkit-date-and-time-value { + min-width: 85px; + height: 1.5em; + margin: 0; +} + +.form-control::-webkit-datetime-edit { + display: block; + padding: 0; +} + +.form-control::-moz-placeholder { + color: var(--bs-secondary-color); + opacity: 1; +} + +.form-control::placeholder { + color: var(--bs-secondary-color); + opacity: 1; +} + +.form-control:disabled { + background-color: var(--bs-secondary-bg); + opacity: 1; +} + +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: var(--bs-body-color); + background-color: var(--bs-tertiary-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--bs-border-width); + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: var(--bs-body-color); + background-color: var(--bs-tertiary-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--bs-border-width); + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; + } + .form-control::file-selector-button { + transition: none; + } +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: var(--bs-secondary-bg); +} + +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: var(--bs-secondary-bg); +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: var(--bs-body-color); + background-color: transparent; + border: solid transparent; + border-width: var(--bs-border-width) 0; +} + +.form-control-plaintext:focus { + outline: 0; +} + +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} + +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-lg { + min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} + +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +.form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); +} + +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); +} + +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); +} + +.form-control-color { + width: 3rem; + height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); + padding: 0.375rem; +} + +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} + +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} + +.form-control-color::-webkit-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} + +.form-control-color.form-control-sm { + height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); +} + +.form-control-color.form-control-lg { + height: calc(1.5em + 1rem + var(--bs-border-width) * 2); +} + +.form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-body-bg); + background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } +} +.form-select:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} + +.form-select:disabled { + background-color: var(--bs-secondary-bg); +} + +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--bs-body-color); +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} + +[data-bs-theme=dark] .form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; +} + +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} + +.form-check-reverse { + padding-right: 1.5em; + padding-left: 0; + text-align: right; +} + +.form-check-reverse .form-check-input { + float: right; + margin-right: -1.5em; + margin-left: 0; +} + +.form-check-input { + --bs-form-check-bg: var(--bs-body-bg); + flex-shrink: 0; + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-form-check-bg); + background-image: var(--bs-form-check-bg-image); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: var(--bs-border-width) solid var(--bs-border-color); + -webkit-print-color-adjust: exact; + color-adjust: exact; + print-color-adjust: exact; +} + +.form-check-input[type=checkbox] { + border-radius: 0.25em; +} + +.form-check-input[type=radio] { + border-radius: 50%; +} + +.form-check-input:active { + filter: brightness(90%); +} + +.form-check-input:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; +} + +.form-check-input:checked[type=checkbox] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); +} + +.form-check-input:checked[type=radio] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-check-input[type=checkbox]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} + +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; +} + +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.5; +} + +.form-switch { + padding-left: 2.5em; +} + +.form-switch .form-check-input { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + width: 2em; + margin-left: -2.5em; + background-image: var(--bs-form-switch-bg); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } +} +.form-switch .form-check-input:focus { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); +} + +.form-switch .form-check-input:checked { + background-position: right center; + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} + +.form-switch.form-check-reverse { + padding-right: 2.5em; + padding-left: 0; +} + +.form-switch.form-check-reverse .form-check-input { + margin-right: -2.5em; + margin-left: 0; +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} + +.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; +} + +[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); +} + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: transparent; +} + +.form-range:focus { + outline: 0; +} + +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.form-range::-moz-focus-outer { + border: 0; +} + +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + -webkit-appearance: none; + appearance: none; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } +} +.form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; +} + +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-secondary-bg); + border-color: transparent; + border-radius: 1rem; +} + +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + -moz-appearance: none; + appearance: none; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } +} +.form-range::-moz-range-thumb:active { + background-color: #b6d4fe; +} + +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-secondary-bg); + border-color: transparent; + border-radius: 1rem; +} + +.form-range:disabled { + pointer-events: none; +} + +.form-range:disabled::-webkit-slider-thumb { + background-color: var(--bs-secondary-color); +} + +.form-range:disabled::-moz-range-thumb { + background-color: var(--bs-secondary-color); +} + +.form-floating { + position: relative; +} + +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: calc(3.5rem + var(--bs-border-width) * 2); + min-height: calc(3.5rem + var(--bs-border-width) * 2); + line-height: 1.25; +} + +.form-floating > label { + position: absolute; + top: 0; + left: 0; + z-index: 2; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: var(--bs-border-width) solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; + } +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext { + padding: 1rem 0.75rem; +} + +.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { + color: transparent; +} + +.form-floating > .form-control::placeholder, +.form-floating > .form-control-plaintext::placeholder { + color: transparent; +} + +.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating > .form-control:-webkit-autofill, +.form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} + +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-select ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--bs-body-bg); + border-radius: var(--bs-border-radius); +} + +.form-floating > .form-control:focus ~ label::after, +.form-floating > .form-control:not(:placeholder-shown) ~ label::after, +.form-floating > .form-control-plaintext ~ label::after, +.form-floating > .form-select ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--bs-body-bg); + border-radius: var(--bs-border-radius); +} + +.form-floating > .form-control:-webkit-autofill ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} + +.form-floating > .form-control-plaintext ~ label { + border-width: var(--bs-border-width) 0; +} + +.form-floating > :disabled ~ label, +.form-floating > .form-control:disabled ~ label { + color: #6c757d; +} + +.form-floating > :disabled ~ label::after, +.form-floating > .form-control:disabled ~ label::after { + background-color: var(--bs-secondary-bg); +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} + +.input-group > .form-control, +.input-group > .form-select, +.input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} + +.input-group > .form-control:focus, +.input-group > .form-select:focus, +.input-group > .form-floating:focus-within { + z-index: 5; +} + +.input-group .btn { + position: relative; + z-index: 2; +} + +.input-group .btn:focus { + z-index: 5; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-tertiary-bg); + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3rem; +} + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: calc(var(--bs-border-width) * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-form-valid-color); +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--bs-success); + border-radius: var(--bs-border-radius); +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: var(--bs-form-valid-border-color); + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: var(--bs-form-valid-border-color); +} + +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + 1.5em + 0.75rem); +} + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: var(--bs-form-valid-border-color); +} + +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: var(--bs-form-valid-color); +} + +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: var(--bs-form-valid-color); +} + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, +.was-validated .input-group > .form-select:not(:focus):valid, +.input-group > .form-select:not(:focus).is-valid, +.was-validated .input-group > .form-floating:not(:focus-within):valid, +.input-group > .form-floating:not(:focus-within).is-valid { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-form-invalid-color); +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--bs-danger); + border-radius: var(--bs-border-radius); +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: var(--bs-form-invalid-border-color); + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} + +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} + +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + 1.5em + 0.75rem); +} + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} + +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: var(--bs-form-invalid-color); +} + +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: var(--bs-form-invalid-color); +} + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, +.was-validated .input-group > .form-select:not(:focus):invalid, +.input-group > .form-select:not(:focus).is-invalid, +.was-validated .input-group > .form-floating:not(:focus-within):invalid, +.input-group > .form-floating:not(:focus-within).is-invalid { + z-index: 4; +} + +.btn { + --bs-btn-padding-x: 0.75rem; + --bs-btn-padding-y: 0.375rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 1rem; + --bs-btn-font-weight: 400; + --bs-btn-line-height: 1.5; + --bs-btn-color: var(--bs-body-color); + --bs-btn-bg: transparent; + --bs-btn-border-width: var(--bs-border-width); + --bs-btn-border-color: transparent; + --bs-btn-border-radius: var(--bs-border-radius); + --bs-btn-hover-border-color: transparent; + --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } +} +.btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); +} + +.btn-check + .btn:hover { + color: var(--bs-btn-color); + background-color: var(--bs-btn-bg); + border-color: var(--bs-btn-border-color); +} + +.btn:focus-visible { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn-check:focus-visible + .btn { + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); +} + +.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { + box-shadow: var(--bs-btn-focus-box-shadow); +} + +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); +} + +.btn-primary { + --bs-btn-color: #fff; + --bs-btn-bg: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0b5ed7; + --bs-btn-hover-border-color: #0a58ca; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0a58ca; + --bs-btn-active-border-color: #0a53be; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #0d6efd; + --bs-btn-disabled-border-color: #0d6efd; +} + +.btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5c636a; + --bs-btn-hover-border-color: #565e64; + --bs-btn-focus-shadow-rgb: 130, 138, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #565e64; + --bs-btn-active-border-color: #51585e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #6c757d; + --bs-btn-disabled-border-color: #6c757d; +} + +.btn-success { + --bs-btn-color: #fff; + --bs-btn-bg: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #157347; + --bs-btn-hover-border-color: #146c43; + --bs-btn-focus-shadow-rgb: 60, 153, 110; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #146c43; + --bs-btn-active-border-color: #13653f; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #198754; + --bs-btn-disabled-border-color: #198754; +} + +.btn-info { + --bs-btn-color: #000; + --bs-btn-bg: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #31d2f2; + --bs-btn-hover-border-color: #25cff2; + --bs-btn-focus-shadow-rgb: 11, 172, 204; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #3dd5f3; + --bs-btn-active-border-color: #25cff2; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #0dcaf0; + --bs-btn-disabled-border-color: #0dcaf0; +} + +.btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffca2c; + --bs-btn-hover-border-color: #ffc720; + --bs-btn-focus-shadow-rgb: 217, 164, 6; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffcd39; + --bs-btn-active-border-color: #ffc720; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #ffc107; + --bs-btn-disabled-border-color: #ffc107; +} + +.btn-danger { + --bs-btn-color: #fff; + --bs-btn-bg: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #bb2d3b; + --bs-btn-hover-border-color: #b02a37; + --bs-btn-focus-shadow-rgb: 225, 83, 97; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #b02a37; + --bs-btn-active-border-color: #a52834; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #dc3545; + --bs-btn-disabled-border-color: #dc3545; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f8f9fa; + --bs-btn-disabled-border-color: #f8f9fa; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #424649; + --bs-btn-hover-border-color: #373b3e; + --bs-btn-focus-shadow-rgb: 66, 70, 73; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #4d5154; + --bs-btn-active-border-color: #373b3e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #212529; + --bs-btn-disabled-border-color: #212529; +} + +.btn-outline-primary { + --bs-btn-color: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0d6efd; + --bs-btn-hover-border-color: #0d6efd; + --bs-btn-focus-shadow-rgb: 13, 110, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0d6efd; + --bs-btn-active-border-color: #0d6efd; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0d6efd; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0d6efd; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #6c757d; + --bs-btn-hover-border-color: #6c757d; + --bs-btn-focus-shadow-rgb: 108, 117, 125; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #6c757d; + --bs-btn-active-border-color: #6c757d; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #6c757d; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #198754; + --bs-btn-hover-border-color: #198754; + --bs-btn-focus-shadow-rgb: 25, 135, 84; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #198754; + --bs-btn-active-border-color: #198754; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #198754; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #198754; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #0dcaf0; + --bs-btn-hover-border-color: #0dcaf0; + --bs-btn-focus-shadow-rgb: 13, 202, 240; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #0dcaf0; + --bs-btn-active-border-color: #0dcaf0; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0dcaf0; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0dcaf0; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffc107; + --bs-btn-hover-border-color: #ffc107; + --bs-btn-focus-shadow-rgb: 255, 193, 7; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffc107; + --bs-btn-active-border-color: #ffc107; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #ffc107; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffc107; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #dc3545; + --bs-btn-hover-border-color: #dc3545; + --bs-btn-focus-shadow-rgb: 220, 53, 69; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #dc3545; + --bs-btn-active-border-color: #dc3545; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #dc3545; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #dc3545; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f8f9fa; + --bs-btn-hover-border-color: #f8f9fa; + --bs-btn-focus-shadow-rgb: 248, 249, 250; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f8f9fa; + --bs-btn-active-border-color: #f8f9fa; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #f8f9fa; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f8f9fa; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #212529; + --bs-btn-hover-border-color: #212529; + --bs-btn-focus-shadow-rgb: 33, 37, 41; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #212529; + --bs-btn-active-border-color: #212529; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #212529; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #212529; + --bs-gradient: none; +} + +.btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: var(--bs-link-color); + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: var(--bs-link-hover-color); + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: var(--bs-link-hover-color); + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: 0 0 0 #000; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + text-decoration: underline; +} + +.btn-link:focus-visible { + color: var(--bs-btn-color); +} + +.btn-link:hover { + color: var(--bs-btn-hover-color); +} + +.btn-lg, .btn-group-lg > .btn { + --bs-btn-padding-y: 0.5rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 1.25rem; + --bs-btn-border-radius: var(--bs-border-radius-lg); +} + +.btn-sm, .btn-group-sm > .btn { + --bs-btn-padding-y: 0.25rem; + --bs-btn-padding-x: 0.5rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: var(--bs-border-radius-sm); +} + +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} + +@media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } +} +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} + +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} + +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + --bs-dropdown-zindex: 1000; + --bs-dropdown-min-width: 10rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 1rem; + --bs-dropdown-color: var(--bs-body-color); + --bs-dropdown-bg: var(--bs-body-bg); + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-border-radius: var(--bs-border-radius); + --bs-dropdown-border-width: var(--bs-border-width); + --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: var(--bs-box-shadow); + --bs-dropdown-link-color: var(--bs-body-color); + --bs-dropdown-link-hover-color: var(--bs-body-color); + --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.25rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--bs-dropdown-zindex); + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); +} + +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); +} + +.dropdown-menu-start { + --bs-position: start; +} + +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} + +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } +} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); +} + +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} + +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); +} + +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} + +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); +} + +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} + +.dropstart .dropdown-toggle::after { + display: none; +} + +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} + +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; + border-radius: var(--bs-dropdown-item-border-radius, 0); +} + +.dropdown-item:hover, .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); +} + +.dropdown-item.active, .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} + +.dropdown-item.disabled, .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); +} + +.dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} + +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} + +.btn-group > .btn-check:checked + .btn, +.btn-group > .btn-check:focus + .btn, +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn-check:checked + .btn, +.btn-group-vertical > .btn-check:focus + .btn, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.btn-toolbar .input-group { + width: auto; +} + +.btn-group { + border-radius: var(--bs-border-radius); +} + +.btn-group > :not(.btn-check:first-child) + .btn, +.btn-group > .btn-group:not(:first-child) { + margin-left: calc(var(--bs-border-width) * -1); +} + +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn.dropdown-toggle-split:first-child, +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.btn-group > .btn:nth-child(n+3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} + +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + margin-left: 0; +} + +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} + +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} + +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: calc(var(--bs-border-width) * -1); +} + +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.btn-group-vertical > .btn ~ .btn, +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + text-decoration: none; + background: none; + border: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } +} +.nav-link:hover, .nav-link:focus { + color: var(--bs-nav-link-hover-color); +} + +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} + +.nav-link.disabled, .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: var(--bs-border-width); + --bs-nav-tabs-border-color: var(--bs-border-color); + --bs-nav-tabs-border-radius: var(--bs-border-radius); + --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); + --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); + --bs-nav-tabs-link-active-bg: var(--bs-body-bg); + --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); +} + +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} + +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} + +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} + +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: var(--bs-border-radius); + --bs-nav-pills-link-active-color: #fff; + --bs-nav-pills-link-active-bg: #0d6efd; +} + +.nav-pills .nav-link { + border-radius: var(--bs-nav-pills-border-radius); +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-underline { + --bs-nav-underline-gap: 1rem; + --bs-nav-underline-border-width: 0.125rem; + --bs-nav-underline-link-active-color: var(--bs-emphasis-color); + gap: var(--bs-nav-underline-gap); +} + +.nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--bs-nav-underline-border-width) solid transparent; +} + +.nav-underline .nav-link:hover, .nav-underline .nav-link:focus { + border-bottom-color: currentcolor; +} + +.nav-underline .nav-link.active, +.nav-underline .show > .nav-link { + font-weight: 700; + color: var(--bs-nav-underline-link-active-color); + border-bottom-color: currentcolor; +} + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content > .tab-pane { + display: none; +} + +.tab-content > .active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); + --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); + --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); + --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); + --bs-navbar-toggler-border-radius: var(--bs-border-radius); + --bs-navbar-toggler-focus-width: 0.25rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} + +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-sm, +.navbar > .container-md, +.navbar > .container-lg, +.navbar > .container-xl, +.navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} + +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + text-decoration: none; + white-space: nowrap; +} + +.navbar-brand:hover, .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { + color: var(--bs-navbar-active-color); +} + +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); +} + +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} + +@media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } +} +.navbar-toggler:hover { + text-decoration: none; +} + +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} + +.navbar-expand .navbar-nav { + flex-direction: row; +} + +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} + +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} + +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} + +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} + +.navbar-expand .navbar-toggler { + display: none; +} + +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; +} + +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} + +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark, +.navbar[data-bs-theme=dark] { + --bs-navbar-color: rgba(255, 255, 255, 0.55); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +[data-bs-theme=dark] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-title-color: ; + --bs-card-subtitle-color: ; + --bs-card-border-width: var(--bs-border-width); + --bs-card-border-color: var(--bs-border-color-translucent); + --bs-card-border-radius: var(--bs-border-radius); + --bs-card-box-shadow: ; + --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: var(--bs-body-bg); + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + color: var(--bs-body-color); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); +} + +.card > hr { + margin-right: 0; + margin-left: 0; +} + +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} + +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); +} + +.card-title { + margin-bottom: var(--bs-card-title-spacer-y); + color: var(--bs-card-title-color); +} + +.card-subtitle { + margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; + color: var(--bs-card-subtitle-color); +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link + .card-link { + margin-left: var(--bs-card-spacer-x); +} + +.card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); +} + +.card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; +} + +.card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); +} + +.card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); +} + +.card-header-tabs { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; +} + +.card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.card-header-pills { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card-group > .card { + margin-bottom: var(--bs-card-group-margin); +} + +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} +.accordion { + --bs-accordion-color: var(--bs-body-color); + --bs-accordion-bg: var(--bs-body-bg); + --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-border-color); + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-radius: var(--bs-border-radius); + --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); + --bs-accordion-btn-padding-x: 1.25rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: var(--bs-body-color); + --bs-accordion-btn-bg: var(--bs-accordion-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon-width: 1.25rem; + --bs-accordion-btn-icon-transform: rotate(-180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-focus-border-color: #86b7fe; + --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-accordion-body-padding-x: 1.25rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: var(--bs-primary-text-emphasis); + --bs-accordion-active-bg: var(--bs-primary-bg-subtle); +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} +.accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); +} + +.accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} + +.accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); +} + +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} +.accordion-button:hover { + z-index: 2; +} + +.accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); +} + +.accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); +} + +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); +} + +.accordion-item:not(:first-of-type) { + border-top: 0; +} + +.accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); +} + +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} + +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} + +.accordion-flush .accordion-item:first-child { + border-top: 0; +} + +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} + +.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; +} + +[data-bs-theme=dark] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: ; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: var(--bs-secondary-color); + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} + +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/"); +} + +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1rem; + --bs-pagination-color: var(--bs-link-color); + --bs-pagination-bg: var(--bs-body-bg); + --bs-pagination-border-width: var(--bs-border-width); + --bs-pagination-border-color: var(--bs-border-color); + --bs-pagination-border-radius: var(--bs-border-radius); + --bs-pagination-hover-color: var(--bs-link-hover-color); + --bs-pagination-hover-bg: var(--bs-tertiary-bg); + --bs-pagination-hover-border-color: var(--bs-border-color); + --bs-pagination-focus-color: var(--bs-link-hover-color); + --bs-pagination-focus-bg: var(--bs-secondary-bg); + --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #0d6efd; + --bs-pagination-active-border-color: #0d6efd; + --bs-pagination-disabled-color: var(--bs-secondary-color); + --bs-pagination-disabled-bg: var(--bs-secondary-bg); + --bs-pagination-disabled-border-color: var(--bs-border-color); + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + text-decoration: none; + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} +.page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); +} + +.page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); +} + +.page-link.active, .active > .page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); +} + +.page-link.disabled, .disabled > .page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); +} + +.page-item:not(:first-child) .page-link { + margin-left: calc(var(--bs-border-width) * -1); +} + +.page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); +} + +.page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.25rem; + --bs-pagination-border-radius: var(--bs-border-radius-lg); +} + +.pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-border-radius: var(--bs-border-radius-sm); +} + +.badge { + --bs-badge-padding-x: 0.65em; + --bs-badge-padding-y: 0.35em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: var(--bs-border-radius); + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); +} + +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); + --bs-alert-border-radius: var(--bs-border-radius); + --bs-alert-link-color: inherit; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; + color: var(--bs-alert-link-color); +} + +.alert-dismissible { + padding-right: 3rem; +} + +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-primary { + --bs-alert-color: var(--bs-primary-text-emphasis); + --bs-alert-bg: var(--bs-primary-bg-subtle); + --bs-alert-border-color: var(--bs-primary-border-subtle); + --bs-alert-link-color: var(--bs-primary-text-emphasis); +} + +.alert-secondary { + --bs-alert-color: var(--bs-secondary-text-emphasis); + --bs-alert-bg: var(--bs-secondary-bg-subtle); + --bs-alert-border-color: var(--bs-secondary-border-subtle); + --bs-alert-link-color: var(--bs-secondary-text-emphasis); +} + +.alert-success { + --bs-alert-color: var(--bs-success-text-emphasis); + --bs-alert-bg: var(--bs-success-bg-subtle); + --bs-alert-border-color: var(--bs-success-border-subtle); + --bs-alert-link-color: var(--bs-success-text-emphasis); +} + +.alert-info { + --bs-alert-color: var(--bs-info-text-emphasis); + --bs-alert-bg: var(--bs-info-bg-subtle); + --bs-alert-border-color: var(--bs-info-border-subtle); + --bs-alert-link-color: var(--bs-info-text-emphasis); +} + +.alert-warning { + --bs-alert-color: var(--bs-warning-text-emphasis); + --bs-alert-bg: var(--bs-warning-bg-subtle); + --bs-alert-border-color: var(--bs-warning-border-subtle); + --bs-alert-link-color: var(--bs-warning-text-emphasis); +} + +.alert-danger { + --bs-alert-color: var(--bs-danger-text-emphasis); + --bs-alert-bg: var(--bs-danger-bg-subtle); + --bs-alert-border-color: var(--bs-danger-border-subtle); + --bs-alert-link-color: var(--bs-danger-text-emphasis); +} + +.alert-light { + --bs-alert-color: var(--bs-light-text-emphasis); + --bs-alert-bg: var(--bs-light-bg-subtle); + --bs-alert-border-color: var(--bs-light-border-subtle); + --bs-alert-link-color: var(--bs-light-text-emphasis); +} + +.alert-dark { + --bs-alert-color: var(--bs-dark-text-emphasis); + --bs-alert-bg: var(--bs-dark-bg-subtle); + --bs-alert-border-color: var(--bs-dark-border-subtle); + --bs-alert-link-color: var(--bs-dark-text-emphasis); +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} +.progress, +.progress-stacked { + --bs-progress-height: 1rem; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: var(--bs-secondary-bg); + --bs-progress-border-radius: var(--bs-border-radius); + --bs-progress-box-shadow: var(--bs-box-shadow-inset); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #0d6efd; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); +} + +.progress-stacked > .progress { + overflow: visible; +} + +.progress-stacked > .progress > .progress-bar { + width: 100%; +} + +.progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; +} + +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} +.list-group { + --bs-list-group-color: var(--bs-body-color); + --bs-list-group-bg: var(--bs-body-bg); + --bs-list-group-border-color: var(--bs-border-color); + --bs-list-group-border-width: var(--bs-border-width); + --bs-list-group-border-radius: var(--bs-border-radius); + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: var(--bs-secondary-color); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); + --bs-list-group-action-active-color: var(--bs-body-color); + --bs-list-group-action-active-bg: var(--bs-secondary-bg); + --bs-list-group-disabled-color: var(--bs-secondary-color); + --bs-list-group-disabled-bg: var(--bs-body-bg); + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #0d6efd; + --bs-list-group-active-border-color: #0d6efd; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} + +.list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; +} + +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); +} + +.list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); +} + +.list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + text-decoration: none; + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); +} + +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} + +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} + +.list-group-item.disabled, .list-group-item:disabled { + color: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); +} + +.list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); +} + +.list-group-item + .list-group-item { + border-top-width: 0; +} + +.list-group-item + .list-group-item.active { + margin-top: calc(-1 * var(--bs-list-group-border-width)); + border-top-width: var(--bs-list-group-border-width); +} + +.list-group-horizontal { + flex-direction: row; +} + +.list-group-horizontal > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; +} + +.list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; +} + +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} + +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; +} + +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); + } +} +.list-group-flush { + border-radius: 0; +} + +.list-group-flush > .list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); +} + +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + --bs-list-group-color: var(--bs-primary-text-emphasis); + --bs-list-group-bg: var(--bs-primary-bg-subtle); + --bs-list-group-border-color: var(--bs-primary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); + --bs-list-group-active-color: var(--bs-primary-bg-subtle); + --bs-list-group-active-bg: var(--bs-primary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); +} + +.list-group-item-secondary { + --bs-list-group-color: var(--bs-secondary-text-emphasis); + --bs-list-group-bg: var(--bs-secondary-bg-subtle); + --bs-list-group-border-color: var(--bs-secondary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); + --bs-list-group-active-color: var(--bs-secondary-bg-subtle); + --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); +} + +.list-group-item-success { + --bs-list-group-color: var(--bs-success-text-emphasis); + --bs-list-group-bg: var(--bs-success-bg-subtle); + --bs-list-group-border-color: var(--bs-success-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-success-border-subtle); + --bs-list-group-active-color: var(--bs-success-bg-subtle); + --bs-list-group-active-bg: var(--bs-success-text-emphasis); + --bs-list-group-active-border-color: var(--bs-success-text-emphasis); +} + +.list-group-item-info { + --bs-list-group-color: var(--bs-info-text-emphasis); + --bs-list-group-bg: var(--bs-info-bg-subtle); + --bs-list-group-border-color: var(--bs-info-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-info-border-subtle); + --bs-list-group-active-color: var(--bs-info-bg-subtle); + --bs-list-group-active-bg: var(--bs-info-text-emphasis); + --bs-list-group-active-border-color: var(--bs-info-text-emphasis); +} + +.list-group-item-warning { + --bs-list-group-color: var(--bs-warning-text-emphasis); + --bs-list-group-bg: var(--bs-warning-bg-subtle); + --bs-list-group-border-color: var(--bs-warning-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); + --bs-list-group-active-color: var(--bs-warning-bg-subtle); + --bs-list-group-active-bg: var(--bs-warning-text-emphasis); + --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); +} + +.list-group-item-danger { + --bs-list-group-color: var(--bs-danger-text-emphasis); + --bs-list-group-bg: var(--bs-danger-bg-subtle); + --bs-list-group-border-color: var(--bs-danger-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); + --bs-list-group-active-color: var(--bs-danger-bg-subtle); + --bs-list-group-active-bg: var(--bs-danger-text-emphasis); + --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); +} + +.list-group-item-light { + --bs-list-group-color: var(--bs-light-text-emphasis); + --bs-list-group-bg: var(--bs-light-bg-subtle); + --bs-list-group-border-color: var(--bs-light-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-light-border-subtle); + --bs-list-group-active-color: var(--bs-light-bg-subtle); + --bs-list-group-active-bg: var(--bs-light-text-emphasis); + --bs-list-group-active-border-color: var(--bs-light-text-emphasis); +} + +.list-group-item-dark { + --bs-list-group-color: var(--bs-dark-text-emphasis); + --bs-list-group-bg: var(--bs-dark-bg-subtle); + --bs-list-group-border-color: var(--bs-dark-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); + --bs-list-group-active-color: var(--bs-dark-bg-subtle); + --bs-list-group-active-bg: var(--bs-dark-text-emphasis); + --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); +} + +.btn-close { + --bs-btn-close-color: #000; + --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); + --bs-btn-close-opacity: 0.5; + --bs-btn-close-hover-opacity: 0.75; + --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-btn-close-focus-opacity: 1; + --bs-btn-close-disabled-opacity: 0.25; + --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: var(--bs-btn-close-color); + background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: var(--bs-btn-close-opacity); +} + +.btn-close:hover { + color: var(--bs-btn-close-color); + text-decoration: none; + opacity: var(--bs-btn-close-hover-opacity); +} + +.btn-close:focus { + outline: 0; + box-shadow: var(--bs-btn-close-focus-shadow); + opacity: var(--bs-btn-close-focus-opacity); +} + +.btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + opacity: var(--bs-btn-close-disabled-opacity); +} + +.btn-close-white { + filter: var(--bs-btn-close-white-filter); +} + +[data-bs-theme=dark] .btn-close { + filter: var(--bs-btn-close-white-filter); +} + +.toast { + --bs-toast-zindex: 1090; + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.5rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); + --bs-toast-border-width: var(--bs-border-width); + --bs-toast-border-color: var(--bs-border-color-translucent); + --bs-toast-border-radius: var(--bs-border-radius); + --bs-toast-box-shadow: var(--bs-box-shadow); + --bs-toast-header-color: var(--bs-secondary-color); + --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); + --bs-toast-header-border-color: var(--bs-border-color-translucent); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} + +.toast.showing { + opacity: 0; +} + +.toast:not(.show) { + display: none; +} + +.toast-container { + --bs-toast-zindex: 1090; + position: absolute; + z-index: var(--bs-toast-zindex); + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} + +.toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); +} + +.toast-header .btn-close { + margin-right: calc(-0.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1055; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: var(--bs-body-bg); + --bs-modal-border-color: var(--bs-border-color-translucent); + --bs-modal-border-width: var(--bs-border-width); + --bs-modal-border-radius: var(--bs-border-radius-lg); + --bs-modal-box-shadow: var(--bs-box-shadow-sm); + --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: var(--bs-border-width); + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: var(--bs-border-width); + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} + +@media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } +} +.modal.show .modal-dialog { + transform: none; +} + +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} + +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1050; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} + +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} + +.modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: var(--bs-box-shadow); + } + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --bs-modal-width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg, + .modal-xl { + --bs-modal-width: 800px; + } +} +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } +} +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} + +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} + +.modal-fullscreen .modal-header, +.modal-fullscreen .modal-footer { + border-radius: 0; +} + +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } +} +.tooltip { + --bs-tooltip-zindex: 1080; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: ; + --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-color: var(--bs-body-bg); + --bs-tooltip-bg: var(--bs-emphasis-color); + --bs-tooltip-border-radius: var(--bs-border-radius); + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} + +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} + +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} + +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: calc(-1 * var(--bs-tooltip-arrow-height)); +} + +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} + +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: calc(-1 * var(--bs-tooltip-arrow-height)); +} + +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} + +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1070; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.875rem; + --bs-popover-bg: var(--bs-body-bg); + --bs-popover-border-width: var(--bs-border-width); + --bs-popover-border-color: var(--bs-border-color-translucent); + --bs-popover-border-radius: var(--bs-border-radius-lg); + --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); + --bs-popover-box-shadow: var(--bs-box-shadow); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: inherit; + --bs-popover-header-bg: var(--bs-secondary-bg); + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: var(--bs-body-color); + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); +} + +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} + +.popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} + +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} + +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} + +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} + +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} + +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} + +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} + +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} + +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} + +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} + +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} + +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} + +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} + +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} + +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } +} +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} + +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} + +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } +} +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; +} + +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} + +@media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} + +.carousel-dark .carousel-caption { + color: #000; +} + +[data-bs-theme=dark] .carousel .carousel-control-prev-icon, +[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, +[data-bs-theme=dark].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} + +[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { + background-color: #000; +} + +[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { + color: #000; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); +} + +@keyframes spinner-border { + to { + transform: rotate(360deg); + } +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } +} +.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --bs-offcanvas-zindex: 1045; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: var(--bs-body-color); + --bs-offcanvas-bg: var(--bs-body-bg); + --bs-offcanvas-border-width: var(--bs-border-width); + --bs-offcanvas-border-color: var(--bs-border-color-translucent); + --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); + --bs-offcanvas-transition: transform 0.3s ease-in-out; + --bs-offcanvas-title-line-height: 1.5; +} + +@media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } +} +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } +} +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } +} +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; + } + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); +} + +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} + +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); +} + +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} + +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); +} + +.offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; +} + +.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} + +.offcanvas-backdrop.fade { + opacity: 0; +} + +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} + +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); + margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); + margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); +} + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--bs-offcanvas-title-line-height); +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} + +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; +} + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-primary { + color: #fff !important; + background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-secondary { + color: #fff !important; + background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-success { + color: #fff !important; + background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-info { + color: #000 !important; + background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-warning { + color: #000 !important; + background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-danger { + color: #fff !important; + background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-light { + color: #000 !important; + background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark { + color: #fff !important; + background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.link-primary { + color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-primary:hover, .link-primary:focus { + color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-secondary { + color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-secondary:hover, .link-secondary:focus { + color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-success { + color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-success:hover, .link-success:focus { + color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-info { + color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-info:hover, .link-info:focus { + color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-warning { + color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-warning:hover, .link-warning:focus { + color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-danger { + color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-danger:hover, .link-danger:focus { + color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-light { + color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-light:hover, .link-light:focus { + color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-dark { + color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-dark:hover, .link-dark:focus { + color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-body-emphasis { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-body-emphasis:hover, .link-body-emphasis:focus { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; +} + +.focus-ring:focus { + outline: 0; + box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); +} + +.icon-link { + display: inline-flex; + gap: 0.375rem; + align-items: center; + -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); + text-underline-offset: 0.25em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.icon-link > .bi { + flex-shrink: 0; + width: 1em; + height: 1em; + fill: currentcolor; + transition: 0.2s ease-in-out transform; +} + +@media (prefers-reduced-motion: reduce) { + .icon-link > .bi { + transition: none; + } +} +.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { + transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); +} + +.ratio { + position: relative; + width: 100%; +} + +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} + +.ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} + +.visually-hidden:not(caption), +.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: var(--bs-border-width); + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.object-fit-contain { + -o-object-fit: contain !important; + object-fit: contain !important; +} + +.object-fit-cover { + -o-object-fit: cover !important; + object-fit: cover !important; +} + +.object-fit-fill { + -o-object-fit: fill !important; + object-fit: fill !important; +} + +.object-fit-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; +} + +.object-fit-none { + -o-object-fit: none !important; + object-fit: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +.overflow-x-hidden { + overflow-x: hidden !important; +} + +.overflow-x-visible { + overflow-x: visible !important; +} + +.overflow-x-scroll { + overflow-x: scroll !important; +} + +.overflow-y-auto { + overflow-y: auto !important; +} + +.overflow-y-hidden { + overflow-y: hidden !important; +} + +.overflow-y-visible { + overflow-y: visible !important; +} + +.overflow-y-scroll { + overflow-y: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-inline-grid { + display: inline-grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: var(--bs-box-shadow) !important; +} + +.shadow-sm { + box-shadow: var(--bs-box-shadow-sm) !important; +} + +.shadow-lg { + box-shadow: var(--bs-box-shadow-lg) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.focus-ring-primary { + --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-secondary { + --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-success { + --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-info { + --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-warning { + --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-danger { + --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-light { + --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-dark { + --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; +} + +.border-secondary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; +} + +.border-success { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; +} + +.border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; +} + +.border-warning { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; +} + +.border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; +} + +.border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; +} + +.border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; +} + +.border-black { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; +} + +.border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; +} + +.border-primary-subtle { + border-color: var(--bs-primary-border-subtle) !important; +} + +.border-secondary-subtle { + border-color: var(--bs-secondary-border-subtle) !important; +} + +.border-success-subtle { + border-color: var(--bs-success-border-subtle) !important; +} + +.border-info-subtle { + border-color: var(--bs-info-border-subtle) !important; +} + +.border-warning-subtle { + border-color: var(--bs-warning-border-subtle) !important; +} + +.border-danger-subtle { + border-color: var(--bs-danger-border-subtle) !important; +} + +.border-light-subtle { + border-color: var(--bs-light-border-subtle) !important; +} + +.border-dark-subtle { + border-color: var(--bs-dark-border-subtle) !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.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; +} + +.justify-content-evenly { + justify-content: space-evenly !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-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.row-gap-0 { + row-gap: 0 !important; +} + +.row-gap-1 { + row-gap: 0.25rem !important; +} + +.row-gap-2 { + row-gap: 0.5rem !important; +} + +.row-gap-3 { + row-gap: 1rem !important; +} + +.row-gap-4 { + row-gap: 1.5rem !important; +} + +.row-gap-5 { + row-gap: 3rem !important; +} + +.column-gap-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; +} + +.column-gap-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; +} + +.column-gap-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; +} + +.column-gap-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; +} + +.column-gap-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; +} + +.column-gap-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; +} + +.fs-2 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-medium { + font-weight: 500 !important; +} + +.fw-semibold { + font-weight: 600 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + +/* rtl:end:remove */ +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-body-secondary { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-body-tertiary { + --bs-text-opacity: 1; + color: var(--bs-tertiary-color) !important; +} + +.text-body-emphasis { + --bs-text-opacity: 1; + color: var(--bs-emphasis-color) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.text-primary-emphasis { + color: var(--bs-primary-text-emphasis) !important; +} + +.text-secondary-emphasis { + color: var(--bs-secondary-text-emphasis) !important; +} + +.text-success-emphasis { + color: var(--bs-success-text-emphasis) !important; +} + +.text-info-emphasis { + color: var(--bs-info-text-emphasis) !important; +} + +.text-warning-emphasis { + color: var(--bs-warning-text-emphasis) !important; +} + +.text-danger-emphasis { + color: var(--bs-danger-text-emphasis) !important; +} + +.text-light-emphasis { + color: var(--bs-light-text-emphasis) !important; +} + +.text-dark-emphasis { + color: var(--bs-dark-text-emphasis) !important; +} + +.link-opacity-10 { + --bs-link-opacity: 0.1; +} + +.link-opacity-10-hover:hover { + --bs-link-opacity: 0.1; +} + +.link-opacity-25 { + --bs-link-opacity: 0.25; +} + +.link-opacity-25-hover:hover { + --bs-link-opacity: 0.25; +} + +.link-opacity-50 { + --bs-link-opacity: 0.5; +} + +.link-opacity-50-hover:hover { + --bs-link-opacity: 0.5; +} + +.link-opacity-75 { + --bs-link-opacity: 0.75; +} + +.link-opacity-75-hover:hover { + --bs-link-opacity: 0.75; +} + +.link-opacity-100 { + --bs-link-opacity: 1; +} + +.link-opacity-100-hover:hover { + --bs-link-opacity: 1; +} + +.link-offset-1 { + text-underline-offset: 0.125em !important; +} + +.link-offset-1-hover:hover { + text-underline-offset: 0.125em !important; +} + +.link-offset-2 { + text-underline-offset: 0.25em !important; +} + +.link-offset-2-hover:hover { + text-underline-offset: 0.25em !important; +} + +.link-offset-3 { + text-underline-offset: 0.375em !important; +} + +.link-offset-3-hover:hover { + text-underline-offset: 0.375em !important; +} + +.link-underline-primary { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-secondary { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-success { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-info { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-warning { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-danger { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-light { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-dark { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-underline-opacity-0 { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-0-hover:hover { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-10 { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-10-hover:hover { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-25 { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-25-hover:hover { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-50 { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-50-hover:hover { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-75 { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-75-hover:hover { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-100 { + --bs-link-underline-opacity: 1; +} + +.link-underline-opacity-100-hover:hover { + --bs-link-underline-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-body-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body-tertiary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-primary-subtle { + background-color: var(--bs-primary-bg-subtle) !important; +} + +.bg-secondary-subtle { + background-color: var(--bs-secondary-bg-subtle) !important; +} + +.bg-success-subtle { + background-color: var(--bs-success-bg-subtle) !important; +} + +.bg-info-subtle { + background-color: var(--bs-info-bg-subtle) !important; +} + +.bg-warning-subtle { + background-color: var(--bs-warning-bg-subtle) !important; +} + +.bg-danger-subtle { + background-color: var(--bs-danger-bg-subtle) !important; +} + +.bg-light-subtle { + background-color: var(--bs-light-bg-subtle) !important; +} + +.bg-dark-subtle { + background-color: var(--bs-dark-bg-subtle) !important; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-2 { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-3 { + border-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-4 { + border-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-5 { + border-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-top { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-top-1 { + border-top-left-radius: var(--bs-border-radius-sm) !important; + border-top-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-top-2 { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-3 { + border-top-left-radius: var(--bs-border-radius-lg) !important; + border-top-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-top-4 { + border-top-left-radius: var(--bs-border-radius-xl) !important; + border-top-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-top-5 { + border-top-left-radius: var(--bs-border-radius-xxl) !important; + border-top-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-top-circle { + border-top-left-radius: 50% !important; + border-top-right-radius: 50% !important; +} + +.rounded-top-pill { + border-top-left-radius: var(--bs-border-radius-pill) !important; + border-top-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-end { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-end-1 { + border-top-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-end-2 { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-3 { + border-top-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-end-4 { + border-top-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-end-5 { + border-top-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-end-circle { + border-top-right-radius: 50% !important; + border-bottom-right-radius: 50% !important; +} + +.rounded-end-pill { + border-top-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-bottom { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-bottom-1 { + border-bottom-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-bottom-2 { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-3 { + border-bottom-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-bottom-4 { + border-bottom-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-bottom-5 { + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-bottom-circle { + border-bottom-right-radius: 50% !important; + border-bottom-left-radius: 50% !important; +} + +.rounded-bottom-pill { + border-bottom-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-left-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; +} + +.rounded-start-1 { + border-bottom-left-radius: var(--bs-border-radius-sm) !important; + border-top-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-start-2 { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-3 { + border-bottom-left-radius: var(--bs-border-radius-lg) !important; + border-top-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-start-4 { + border-bottom-left-radius: var(--bs-border-radius-xl) !important; + border-top-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-start-5 { + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; + border-top-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-start-circle { + border-bottom-left-radius: 50% !important; + border-top-left-radius: 50% !important; +} + +.rounded-start-pill { + border-bottom-left-radius: var(--bs-border-radius-pill) !important; + border-top-left-radius: var(--bs-border-radius-pill) !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.z-n1 { + z-index: -1 !important; +} + +.z-0 { + z-index: 0 !important; +} + +.z-1 { + z-index: 1 !important; +} + +.z-2 { + z-index: 2 !important; +} + +.z-3 { + z-index: 3 !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .object-fit-sm-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-sm-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-sm-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-sm-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-sm-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-inline-grid { + display: inline-grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .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; + } + .justify-content-sm-evenly { + justify-content: space-evenly !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-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .row-gap-sm-0 { + row-gap: 0 !important; + } + .row-gap-sm-1 { + row-gap: 0.25rem !important; + } + .row-gap-sm-2 { + row-gap: 0.5rem !important; + } + .row-gap-sm-3 { + row-gap: 1rem !important; + } + .row-gap-sm-4 { + row-gap: 1.5rem !important; + } + .row-gap-sm-5 { + row-gap: 3rem !important; + } + .column-gap-sm-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-sm-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-sm-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-sm-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-sm-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-sm-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .object-fit-md-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-md-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-md-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-md-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-md-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-inline-grid { + display: inline-grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .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; + } + .justify-content-md-evenly { + justify-content: space-evenly !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-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .row-gap-md-0 { + row-gap: 0 !important; + } + .row-gap-md-1 { + row-gap: 0.25rem !important; + } + .row-gap-md-2 { + row-gap: 0.5rem !important; + } + .row-gap-md-3 { + row-gap: 1rem !important; + } + .row-gap-md-4 { + row-gap: 1.5rem !important; + } + .row-gap-md-5 { + row-gap: 3rem !important; + } + .column-gap-md-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-md-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-md-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-md-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-md-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-md-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .object-fit-lg-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-lg-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-lg-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-lg-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-lg-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-inline-grid { + display: inline-grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .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; + } + .justify-content-lg-evenly { + justify-content: space-evenly !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-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .row-gap-lg-0 { + row-gap: 0 !important; + } + .row-gap-lg-1 { + row-gap: 0.25rem !important; + } + .row-gap-lg-2 { + row-gap: 0.5rem !important; + } + .row-gap-lg-3 { + row-gap: 1rem !important; + } + .row-gap-lg-4 { + row-gap: 1.5rem !important; + } + .row-gap-lg-5 { + row-gap: 3rem !important; + } + .column-gap-lg-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-lg-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-lg-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-lg-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-lg-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-lg-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .object-fit-xl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-xl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-xl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-xl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-xl-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-inline-grid { + display: inline-grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .row-gap-xl-0 { + row-gap: 0 !important; + } + .row-gap-xl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xl-3 { + row-gap: 1rem !important; + } + .row-gap-xl-4 { + row-gap: 1.5rem !important; + } + .row-gap-xl-5 { + row-gap: 3rem !important; + } + .column-gap-xl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-xl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-xl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-xl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-xl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-xl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .object-fit-xxl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-xxl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-xxl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-xxl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-xxl-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-inline-grid { + display: inline-grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .row-gap-xxl-0 { + row-gap: 0 !important; + } + .row-gap-xxl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xxl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xxl-3 { + row-gap: 1rem !important; + } + .row-gap-xxl-4 { + row-gap: 1.5rem !important; + } + .row-gap-xxl-5 { + row-gap: 3rem !important; + } + .column-gap-xxl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-xxl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-xxl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-xxl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-xxl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-xxl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; + } + .fs-2 { + font-size: 2rem !important; + } + .fs-3 { + font-size: 1.75rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } +} +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-inline-grid { + display: inline-grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} + +/*! + Magnific popup + Version: 1.1.0 - 2016-02-20 + Plugin URL: http://dimsemenov.com/plugins/magnific-popup/ + License: Copyright (c) 2016 Dmitry Semenov +!*/ +.mfp-container * { + transition-timing-function: none; + -moz-transition-timing-function: none; + -webkit-transition-timing-function: none; + -o-transition-timing-function: none; + transition-duration: 0s; + -moz-transition-duration: 0s; + -webkit-transition-duration: 0s; + -o-transition-duration: 0s; +} + +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; +} + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; +} + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; +} + +.mfp-container:before { + content: ""; + display: inline-block; + height: 100%; + vertical-align: middle; +} + +.mfp-align-top .mfp-container:before { + display: none; +} + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; +} + +.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; +} + +.mfp-ajax-cur { + cursor: progress; +} + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; +} + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; +} + +.mfp-auto-cursor .mfp-content { + cursor: auto; +} + +.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.mfp-loading.mfp-figure { + display: none; +} + +.mfp-hide { + display: none !important; +} + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; +} + +.mfp-preloader a { + color: #CCC; +} + +.mfp-preloader a:hover { + color: #FFF; +} + +.mfp-s-ready .mfp-preloader { + display: none; +} + +.mfp-s-error .mfp-content { + display: none; +} + +button.mfp-close, button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; +} + +button::-moz-focus-inner { + padding: 0; + border: 0; +} + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; +} + +.mfp-close:hover, .mfp-close:focus { + opacity: 1; +} + +.mfp-close:active { + top: 1px; +} + +.mfp-close-btn-in .mfp-close { + color: #333; +} + +.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; +} + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; +} + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -30px; + padding: 0; + width: 60px; + height: 60px; + -webkit-tap-highlight-color: transparent; +} + +.mfp-arrow:active { + margin-top: -30px; +} + +.mfp-arrow:hover, .mfp-arrow:focus { + opacity: 1; +} + +.mfp-arrow:before, .mfp-arrow:after { + content: ""; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; +} + +.mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; +} + +.mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; +} + +.mfp-arrow-left { + left: 0; +} + +.mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; +} + +.mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; +} + +.mfp-arrow-right { + right: 0; +} + +.mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; +} + +.mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; +} + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; +} + +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; +} + +.mfp-iframe-holder .mfp-close { + top: -40px; +} + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; +} + +.mfp-iframe-scaler 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; +} + +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; +} + +.mfp-figure { + line-height: 0; +} + +.mfp-figure:after { + content: ""; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; +} + +.mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; +} + +.mfp-figure figure { + margin: 0; +} + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; +} + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; +} + +.mfp-image-holder .mfp-content { + max-width: 100%; +} + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; +} + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /* remove all paddings around the image on small screen */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; + } + .mfp-img-mobile img.mfp-img { + padding: 0; + } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; + } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; + } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; + } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; + } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; + } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; + } +} +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); + } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; + } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; + } + .mfp-container { + padding-left: 6px; + padding-right: 6px; + } +} +/*! + Swiper + Version: 11.0.5 + Plugin URL: https://swiperjs.com + License: Copyright 2014-2023 Vladimir Kharlampidi | Released under the MIT License +!*/ +/* FONT_START */ +@font-face { + font-family: "swiper-icons"; + src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); + font-weight: 400; + font-style: normal; +} +/* FONT_END */ +:root { + --swiper-theme-color: #007aff; + /* + --swiper-preloader-color: var(--swiper-theme-color); + --swiper-wrapper-transition-timing-function: initial; + */ +} + +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} + +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + /* Fix of Webkit flickering */ + z-index: 1; + display: block; +} + +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} + +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); + box-sizing: content-box; +} + +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translate3d(0px, 0, 0); +} + +.swiper-horizontal { + touch-action: pan-y; +} + +.swiper-vertical { + touch-action: pan-x; +} + +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} + +.swiper-slide-invisible-blank { + visibility: hidden; +} + +/* Auto Height */ +.swiper-autoheight, +.swiper-autoheight .swiper-slide { + height: auto; +} + +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} + +.swiper-backface-hidden .swiper-slide { + transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +/* 3D Effects */ +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} + +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} + +.swiper-3d { + perspective: 1200px; +} + +.swiper-3d .swiper-slide, +.swiper-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} + +/* CSS Mode */ +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + /* For Firefox */ + -ms-overflow-style: none; + /* For Internet Explorer and Edge */ +} + +.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { + display: none; +} + +.swiper-css-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; +} + +.swiper-css-mode.swiper-horizontal > .swiper-wrapper { + scroll-snap-type: x mandatory; +} + +.swiper-css-mode.swiper-vertical > .swiper-wrapper { + scroll-snap-type: y mandatory; +} + +.swiper-css-mode.swiper-free-mode > .swiper-wrapper { + scroll-snap-type: none; +} + +.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; +} + +.swiper-css-mode.swiper-centered > .swiper-wrapper::before { + content: ""; + flex-shrink: 0; + order: 9999; +} + +.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; +} + +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); +} + +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} + +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { + margin-block-start: var(--swiper-centered-offset-before); +} + +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} + +/* Slide styles start */ +/* 3D Shadows */ +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom, +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} + +.swiper-3d .swiper-slide-shadow { + background: rgba(0, 0, 0, 0.15); +} + +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); +} + +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; +} + +.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, +.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { + animation: swiper-preloader-spin 1s infinite linear; +} + +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff; +} + +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000; +} + +@keyframes swiper-preloader-spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +/* Slide styles end */ +.swiper-virtual .swiper-slide { + -webkit-backface-visibility: hidden; + transform: translateZ(0); +} + +.swiper-virtual.swiper-css-mode .swiper-wrapper::after { + content: ""; + position: absolute; + left: 0; + top: 0; + pointer-events: none; +} + +.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { + height: 1px; + width: var(--swiper-virtual-size); +} + +.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { + width: 1px; + height: var(--swiper-virtual-size); +} + +:root { + --swiper-navigation-size: 44px; + /* + --swiper-navigation-top-offset: 50%; + --swiper-navigation-sides-offset: 10px; + --swiper-navigation-color: var(--swiper-theme-color); + */ +} + +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + width: calc(var(--swiper-navigation-size) / 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(0px - var(--swiper-navigation-size) / 2); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); +} + +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} + +.swiper-button-prev.swiper-button-hidden, +.swiper-button-next.swiper-button-hidden { + opacity: 0; + cursor: auto; + pointer-events: none; +} + +.swiper-navigation-disabled .swiper-button-prev, +.swiper-navigation-disabled .swiper-button-next { + display: none !important; +} + +.swiper-button-prev svg, +.swiper-button-next svg { + width: 100%; + height: 100%; + object-fit: contain; + transform-origin: center; +} + +.swiper-rtl .swiper-button-prev svg, +.swiper-rtl .swiper-button-next svg { + transform: rotate(180deg); +} + +.swiper-button-prev, +.swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 10px); + right: auto; +} + +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} + +.swiper-button-lock { + display: none; +} + +/* Navigation font start */ +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + font-variant: initial; + line-height: 1; +} + +.swiper-button-prev:after, +.swiper-rtl .swiper-button-next:after { + content: "prev"; +} + +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} + +.swiper-button-next:after, +.swiper-rtl .swiper-button-prev:after { + content: "next"; +} + +/* Navigation font end */ +:root { + /* + --swiper-pagination-color: var(--swiper-theme-color); + --swiper-pagination-left: auto; + --swiper-pagination-right: 8px; + --swiper-pagination-bottom: 8px; + --swiper-pagination-top: auto; + --swiper-pagination-fraction-color: inherit; + --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); + --swiper-pagination-progressbar-size: 4px; + --swiper-pagination-bullet-size: 8px; + --swiper-pagination-bullet-width: 8px; + --swiper-pagination-bullet-height: 8px; + --swiper-pagination-bullet-border-radius: 50%; + --swiper-pagination-bullet-inactive-color: #000; + --swiper-pagination-bullet-inactive-opacity: 0.2; + --swiper-pagination-bullet-opacity: 1; + --swiper-pagination-bullet-horizontal-gap: 4px; + --swiper-pagination-bullet-vertical-gap: 6px; + */ +} + +.swiper-pagination { + position: absolute; + text-align: center; + transition: 300ms opacity; + transform: translate3d(0, 0, 0); + z-index: 10; +} + +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} + +.swiper-pagination-disabled > .swiper-pagination, +.swiper-pagination.swiper-pagination-disabled { + display: none !important; +} + +/* Common Styles */ +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-horizontal > .swiper-pagination-bullets, +.swiper-pagination-bullets.swiper-pagination-horizontal { + bottom: var(--swiper-pagination-bottom, 8px); + top: var(--swiper-pagination-top, auto); + left: 0; + width: 100%; +} + +/* Bullets */ +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { + transform: scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} + +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} + +.swiper-pagination-bullet { + width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); + height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); + display: inline-block; + border-radius: var(--swiper-pagination-bullet-border-radius, 50%); + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); +} + +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + appearance: none; +} + +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} + +.swiper-pagination-bullet:only-child { + display: none !important; +} + +.swiper-pagination-bullet-active { + opacity: var(--swiper-pagination-bullet-opacity, 1); + background: var(--swiper-pagination-color, var(--swiper-theme-color)); +} + +.swiper-vertical > .swiper-pagination-bullets, +.swiper-pagination-vertical.swiper-pagination-bullets { + right: var(--swiper-pagination-right, 8px); + left: var(--swiper-pagination-left, auto); + top: 50%; + transform: translate3d(0px, -50%, 0); +} + +.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} + +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} + +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + display: inline-block; + transition: 200ms transform, 200ms top; +} + +.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); +} + +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translateX(-50%); + white-space: nowrap; +} + +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms left; +} + +.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: 200ms transform, 200ms right; +} + +/* Fraction */ +.swiper-pagination-fraction { + color: var(--swiper-pagination-fraction-color, inherit); +} + +/* Progress */ +.swiper-pagination-progressbar { + background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); + position: absolute; +} + +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} + +.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} + +.swiper-horizontal > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-horizontal, +.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { + width: 100%; + height: var(--swiper-pagination-progressbar-size, 4px); + left: 0; + top: 0; +} + +.swiper-vertical > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-vertical, +.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { + width: var(--swiper-pagination-progressbar-size, 4px); + height: 100%; + left: 0; + top: 0; +} + +.swiper-pagination-lock { + display: none; +} + +:root { + /* + --swiper-scrollbar-border-radius: 10px; + --swiper-scrollbar-top: auto; + --swiper-scrollbar-bottom: 4px; + --swiper-scrollbar-left: auto; + --swiper-scrollbar-right: 4px; + --swiper-scrollbar-sides-offset: 1%; + --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); + --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); + --swiper-scrollbar-size: 4px; + */ +} + +.swiper-scrollbar { + border-radius: var(--swiper-scrollbar-border-radius, 10px); + position: relative; + touch-action: none; + background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); +} + +.swiper-scrollbar-disabled > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-disabled { + display: none !important; +} + +.swiper-horizontal > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-horizontal { + position: absolute; + left: var(--swiper-scrollbar-sides-offset, 1%); + bottom: var(--swiper-scrollbar-bottom, 4px); + top: var(--swiper-scrollbar-top, auto); + z-index: 50; + height: var(--swiper-scrollbar-size, 4px); + width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} + +.swiper-vertical > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-vertical { + position: absolute; + left: var(--swiper-scrollbar-left, auto); + right: var(--swiper-scrollbar-right, 4px); + top: var(--swiper-scrollbar-sides-offset, 1%); + z-index: 50; + width: var(--swiper-scrollbar-size, 4px); + height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} + +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); + border-radius: var(--swiper-scrollbar-border-radius, 10px); + left: 0; + top: 0; +} + +.swiper-scrollbar-cursor-drag { + cursor: move; +} + +.swiper-scrollbar-lock { + display: none; +} + +/* Zoom container styles start */ +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} + +/* Zoom container styles end */ +.swiper-slide-zoomed { + cursor: move; + touch-action: none; +} + +/* a11y */ +.swiper .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} + +.swiper-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} + +.swiper-grid > .swiper-wrapper { + flex-wrap: wrap; +} + +.swiper-grid-column > .swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} + +.swiper-fade.swiper-free-mode .swiper-slide { + transition-timing-function: ease-out; +} + +.swiper-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} + +.swiper-fade .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-fade .swiper-slide-active { + pointer-events: auto; +} + +.swiper-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-cube { + overflow: visible; +} + +.swiper-cube .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} + +.swiper-cube .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-cube.swiper-rtl .swiper-slide { + transform-origin: 100% 0; +} + +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-next, +.swiper-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} + +.swiper-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + opacity: 0.6; + z-index: 0; +} + +.swiper-cube .swiper-cube-shadow:before { + content: ""; + background: #000; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + filter: blur(50px); +} + +.swiper-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} + +/* Cube slide shadows start */ +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +/* Cube slide shadows end */ +.swiper-flip { + overflow: visible; +} + +.swiper-flip .swiper-slide { + pointer-events: none; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + z-index: 1; +} + +.swiper-flip .swiper-slide .swiper-slide { + pointer-events: none; +} + +.swiper-flip .swiper-slide-active, +.swiper-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} + +/* Flip slide shadows start */ +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +/* Flip slide shadows end */ +.swiper-creative .swiper-slide { + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; + transition-property: transform, opacity, height; +} + +.swiper-cards { + overflow: visible; +} + +.swiper-cards .swiper-slide { + transform-origin: center bottom; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + overflow: hidden; +} + +/*! + Custom scrollbar - jquery mousewheel plugin + Version: 3.1.5 + Plugin URL: http://manos.malihu.gr/jquery-custom-content-scroller + License: Copyright Manos Malihutsakis | Released under the MIT license +!*/ +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCustomScrollbar { + -ms-touch-action: pinch-zoom; + touch-action: pinch-zoom; /* direct pointer events to js */ +} + +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { + -ms-touch-action: auto; + touch-action: auto; +} + +.mCustomScrollBox { /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; +} + +.mCSB_container { /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; +} + +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_inside > .mCSB_container { + margin-right: 30px; +} + +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; +} /* non-visible scrollbar */ +.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { + margin-left: 0; +} /* RTL direction/left-side scrollbar */ +.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; +} + +.mCSB_outside + .mCSB_scrollTools { + right: -26px; +} /* scrollbar position: outside */ +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; +} + +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { + left: -26px; +} /* RTL direction/left-side scrollbar (scrollbar position: outside) */ +.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; +} + +.mCSB_scrollTools a + .mCSB_draggerContainer { + margin: 20px 0; +} + +.mCSB_scrollTools .mCSB_draggerRail { + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} + +.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; /* minimum dragger height */ + z-index: 1; +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; + text-align: center; +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 12px; /* auto-expanded scrollbar */ +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 8px; /* auto-expanded scrollbar */ +} + +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown { + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} + +.mCSB_scrollTools .mCSB_buttonDown { + bottom: 0; +} + +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_horizontal.mCSB_inside > .mCSB_container { + margin-right: 0; + margin-bottom: 30px; +} + +.mCSB_horizontal.mCSB_outside > .mCSB_container { + min-height: 100%; +} + +.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0; +} /* non-visible scrollbar */ +.mCSB_scrollTools.mCSB_scrollTools_horizontal { + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; +} + +.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: -26px; +} /* scrollbar position: outside */ +.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { + margin: 0 20px; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 2px; + margin: 7px 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 30px; /* minimum dragger width */ + height: 100%; + left: 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto; +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 12px; /* auto-expanded scrollbar */ + margin: 2px auto; +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 8px; /* auto-expanded scrollbar */ + margin: 4px 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { + left: 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { + right: 0; +} + +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_container_wrapper { + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; +} + +.mCSB_container_wrapper > .mCSB_container { + padding-right: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 20px; +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 20px; +} + +/* non-visible horizontal scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { + bottom: 0; +} + +/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + right: 0; +} + +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 20px; +} + +/* non-visible scrollbar/RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { + left: 0; +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { + padding-right: 0; +} + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { + padding-bottom: 0; +} + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { + margin-right: 0; /* non-visible scrollbar */ + margin-left: 0; +} + +/* non-visible horizontal scrollbar */ +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { + margin-bottom: 0; +} + +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ +.mCSB_scrollTools, +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight { + -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { + -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; + transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; +} + +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ +/* +---------------------------------------- +6.1 THEMES +---------------------------------------- +*/ +/* default theme ("light") */ +.mCSB_scrollTools { + opacity: 0.75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} + +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 0; + filter: "alpha(opacity=0)"; + -ms-filter: "alpha(opacity=0)"; +} + +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollBox:hover > .mCSB_scrollTools, +.mCustomScrollBox:hover ~ .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=100)"; + -ms-filter: "alpha(opacity=100)"; +} + +.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.4); + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)"; +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} + +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); + filter: "alpha(opacity=85)"; + -ms-filter: "alpha(opacity=85)"; +} + +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)"; +} + +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight { + background-image: url(mCSB_buttons.png); /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; + filter: "alpha(opacity=40)"; + -ms-filter: "alpha(opacity=40)"; +} + +.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ +} + +.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ +} + +.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ +} + +.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ +} + +.mCSB_scrollTools .mCSB_buttonUp:hover, +.mCSB_scrollTools .mCSB_buttonDown:hover, +.mCSB_scrollTools .mCSB_buttonLeft:hover, +.mCSB_scrollTools .mCSB_buttonRight:hover { + opacity: 0.75; + filter: "alpha(opacity=75)"; + -ms-filter: "alpha(opacity=75)"; +} + +.mCSB_scrollTools .mCSB_buttonUp:active, +.mCSB_scrollTools .mCSB_buttonDown:active, +.mCSB_scrollTools .mCSB_buttonLeft:active, +.mCSB_scrollTools .mCSB_buttonRight:active { + opacity: 0.9; + filter: "alpha(opacity=90)"; + -ms-filter: "alpha(opacity=90)"; +} + +/* theme: "dark" */ +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0; +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px; +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px; +} + +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px; +} + +/* ---------------------------------------- */ +/* theme: "light-2", "dark-2" */ +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} + +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 4px; + margin: 6px auto; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px 0; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -20px; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -40px; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -56px; +} + +/* theme: "dark-2" */ +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px 0; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -20px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -40px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -56px; +} + +/* ---------------------------------------- */ +/* theme: "light-thick", "dark-thick" */ +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + width: 4px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 4px; + margin: 6px 0; +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 6px; + margin: 5px auto; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px 0; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -20px; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -40px; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -56px; +} + +/* theme: "dark-thick" */ +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px 0; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -20px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -40px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -56px; +} + +/* ---------------------------------------- */ +/* theme: "light-thin", "dark-thin" */ +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.1); +} + +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 2px; +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; +} + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 2px; + margin: 7px auto; +} + +/* theme "dark-thin" */ +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px 0; +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -20px; +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -40px; +} + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -56px; +} + +/* ---------------------------------------- */ +/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.15); +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { + height: 14px; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 14px; + margin: 0 1px; +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 14px; +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 14px; + margin: 1px 0; +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + width: 16px; /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 4px; /* auto-expanded scrollbar */ +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { + height: 16px; /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 4px; /* auto-expanded scrollbar */ + margin: 6px 0; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { + background-position: 0 -72px; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { + background-position: 0 -92px; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { + background-position: 0 -112px; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { + background-position: 0 -128px; +} + +/* theme "rounded-dark", "rounded-dots-dark" */ +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.15); +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -80px -72px; +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -80px -92px; +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -80px -112px; +} + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -80px -128px; +} + +/* theme "rounded-dots", "rounded-dots-dark" */ +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { + width: 4px; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + background-color: transparent; + background-position: center; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} + +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { + background-position: -16px -72px; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { + background-position: -16px -92px; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -20px -112px; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { + background-position: -20px -128px; +} + +/* theme "rounded-dots-dark" */ +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -96px -72px; +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -96px -92px; +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -100px -112px; +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -100px -128px; +} + +/* ---------------------------------------- */ +/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); + background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); +} + +/* theme "3d", "3d-dark" */ +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 70px; +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 70px; +} + +.mCS-3d.mCSB_scrollTools, +.mCS-3d-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 16px; + -moz-border-radius: 16px; + border-radius: 16px; +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 8px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555; +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 8px; +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + width: 100%; + height: 8px; + margin: 4px auto; +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} + +/* theme "3d-dark" */ +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); +} + +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} + +/* ---------------------------------------- */ +/* theme: "3d-thick", "3d-thick-dark" */ +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools { + opacity: 1; + filter: "alpha(opacity=30)"; + -ms-filter: "alpha(opacity=30)"; +} + +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools, +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, +.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { + right: 1px; +} + +.mCS-3d-thick.mCSB_scrollTools_vertical, +.mCS-3d-thick-dark.mCSB_scrollTools_vertical { + box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #555; +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 12px; + width: auto; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #000; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} + +/* theme: "3d-thick-dark" */ +.mCS-3d-thick-dark.mCSB_scrollTools { + box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); +} + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #777; +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { + background-color: #fff; + background-color: rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} + +/* ---------------------------------------- */ +/* theme: "minimal", "minimal-dark" */ +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + right: 0; + margin: 12px 0; +} + +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { + bottom: 0; + margin: 0 12px; +} + +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { + left: 0; + right: auto; +} + +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; +} + +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { + height: 50px; +} + +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { + width: 50px; +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)"; +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)"; +} + +/* theme: "minimal-dark" */ +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)"; +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.5); + filter: "alpha(opacity=50)"; + -ms-filter: "alpha(opacity=50)"; +} + +/* ---------------------------------------- */ +/* theme "light-3", "dark-3" */ +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + width: 6px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); +} + +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; +} + +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 6px; + margin: 5px 0; +} + +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + width: 12px; +} + +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { + height: 12px; + margin: 2px 0; +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} + +/* theme "dark-3" */ +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} + +/* ---------------------------------------- */ +/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + width: 12px; + background-color: #000; + background-color: rgba(0, 0, 0, 0.2); +} + +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { + width: 100%; + height: 12px; + margin: 2px 0; +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { + background-position: -32px -72px; +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { + background-position: -32px -92px; +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -40px -112px; +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { + background-position: -40px -128px; +} + +/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.1); +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { + background-position: -112px -72px; +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { + background-position: -112px -92px; +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { + background-position: -120px -112px; +} + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { + background-position: -120px -128px; +} + +/* theme "inset-2", "inset-2-dark" */ +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255, 255, 255, 0.2); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { + border-color: #000; + border-color: rgba(0, 0, 0, 0.2); +} + +/* theme "inset-3", "inset-3-dark" */ +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.6); +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { + background-color: #000; + background-color: rgba(0, 0, 0, 0.6); +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.75); +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.85); +} + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #000; + background-color: rgba(0, 0, 0, 0.9); +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.75); +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.85); +} + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { + background-color: #fff; + background-color: rgba(255, 255, 255, 0.9); +} + +/* ---------------------------------------- */ +/*! + Justified Gallery + Version: 3.8.1 + Plugin URL: http://miromannino.github.io/Justified-Gallery/ + License: Copyright (c) 2020 Miro Mannino | Licensed under the MIT license +!*/ +.justified-gallery { + width: 100%; + position: relative; + overflow: hidden; +} + +.justified-gallery > a, +.justified-gallery > div, +.justified-gallery > figure { + position: absolute; + display: inline-block; + overflow: hidden; + /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ + filter: "alpha(opacity=10)"; + opacity: 0.1; + margin: 0; + padding: 0; +} + +.justified-gallery > a > img, +.justified-gallery > div > img, +.justified-gallery > figure > img, +.justified-gallery > a > a > img, +.justified-gallery > div > a > img, +.justified-gallery > figure > a > img, +.justified-gallery > a > svg, +.justified-gallery > div > svg, +.justified-gallery > figure > svg, +.justified-gallery > a > a > svg, +.justified-gallery > div > a > svg, +.justified-gallery > figure > a > svg { + position: absolute; + top: 50%; + left: 50%; + margin: 0; + padding: 0; + border: none; + filter: "alpha(opacity=0)"; + opacity: 0; +} + +.justified-gallery > a > .jg-caption, +.justified-gallery > div > .jg-caption, +.justified-gallery > figure > .jg-caption { + display: none; + position: absolute; + bottom: 0; + padding: 5px; + background-color: #000000; + left: 0; + right: 0; + margin: 0; + color: white; + font-size: 12px; + font-weight: 300; + font-family: sans-serif; +} + +.justified-gallery > a > .jg-caption.jg-caption-visible, +.justified-gallery > div > .jg-caption.jg-caption-visible, +.justified-gallery > figure > .jg-caption.jg-caption-visible { + display: initial; + filter: "alpha(opacity=70)"; + opacity: 0.7; + -webkit-transition: opacity 500ms ease-in; + -moz-transition: opacity 500ms ease-in; + -o-transition: opacity 500ms ease-in; + transition: opacity 500ms ease-in; +} + +.justified-gallery > .jg-entry-visible { + filter: "alpha(opacity=100)"; + opacity: 1; + background: none; +} + +.justified-gallery > .jg-entry-visible > img, +.justified-gallery > .jg-entry-visible > a > img, +.justified-gallery > .jg-entry-visible > svg, +.justified-gallery > .jg-entry-visible > a > svg { + filter: "alpha(opacity=100)"; + opacity: 1; + -webkit-transition: opacity 500ms ease-in; + -moz-transition: opacity 500ms ease-in; + -o-transition: opacity 500ms ease-in; + transition: opacity 500ms ease-in; +} + +.justified-gallery > .jg-filtered { + display: none; +} + +.justified-gallery > .jg-spinner { + position: absolute; + bottom: 0; + margin-left: -24px; + padding: 10px 0 10px 0; + left: 50%; + filter: "alpha(opacity=100)"; + opacity: 1; + overflow: initial; +} + +.justified-gallery > .jg-spinner > span { + display: inline-block; + filter: "alpha(opacity=0)"; + opacity: 0; + width: 8px; + height: 8px; + margin: 0 4px 0 4px; + background-color: #000; + border-radius: 6px; +} + +/*! + Splitting + Version: 1.0.5 + Plugin URL: https://splitting.js.org/ + License: Copyright © 2018-present Stephen Shaw | Licensed under the MIT license +!*/ +/*! Recommended styles for Splitting */ +.splitting .word, +.splitting .char { + display: inline-block; +} + +/* Psuedo-element chars */ +.splitting .char { + position: relative; +} + +/** + * Populate the psuedo elements with the character to allow for expanded effects + * Set to `display: none` by default; just add `display: block` when you want + * to use the psuedo elements + */ +.splitting .char::before, +.splitting .char::after { + content: attr(data-char); + position: absolute; + top: 0; + left: 0; + visibility: hidden; + transition: inherit; + user-select: none; +} + +/* Expanded CSS Variables */ +.splitting { + /* The center word index */ + --word-center: calc((var(--word-total) - 1) / 2); + /* The center character index */ + --char-center: calc((var(--char-total) - 1) / 2); + /* The center character index */ + --line-center: calc((var(--line-total) - 1) / 2); +} + +.splitting .word { + /* Pecent (0-1) of the word's position */ + --word-percent: calc(var(--word-index) / var(--word-total)); + /* Pecent (0-1) of the line's position */ + --line-percent: calc(var(--line-index) / var(--line-total)); +} + +.splitting .char { + /* Percent (0-1) of the char's position */ + --char-percent: calc(var(--char-index) / var(--char-total)); + /* Offset from center, positive & negative */ + --char-offset: calc(var(--char-index) - var(--char-center)); + /* Absolute distance from center, only positive */ + --distance: calc( + (var(--char-offset) * var(--char-offset)) / var(--char-center) + ); + /* Distance from center where -1 is the far left, 0 is center, 1 is far right */ + --distance-sine: calc(var(--char-offset) / var(--char-center)); + /* Distance from center where 1 is far left/far right, 0 is center */ + --distance-percent: calc((var(--distance) / var(--char-center))); +} + +/*! + Carto - Interactive portfolio + Created by ThemeZaa +!*/ +#stickyImgContainer { + width: 100vw; + height: 100vh; + overflow: hidden; + position: fixed; + top: 0; + left: 0; + background-color: #131319; +} +#stickyImgContainer canvas { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#stickyImgContainer .slides { + box-sizing: border-box; + position: absolute; + top: 50%; + padding: 0 10vw; + width: 100%; + max-width: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#stickyImgContainer .slide { + box-sizing: border-box; + display: flex; + flex-direction: column; + align-items: flex-start; + width: 100%; + max-width: 1200px; + margin: 0 auto; + height: 33vh; + color: #fff; + transform: translateY(-50%); + transition: transform 1300ms cubic-bezier(0.2, 1, 0.3, 1), opacity 500ms cubic-bezier(0.2, 1, 0.3, 1); +} +#stickyImgContainer .slide-meta { + margin: 0; + font-size: 1.35rem; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +#stickyImgContainer .slide-meta, +#stickyImgContainer .slide-more { + opacity: 0; + transition: opacity 900ms cubic-bezier(0.2, 1, 0.3, 1); +} +#stickyImgContainer .show-meta .slide-meta, +#stickyImgContainer .show-meta .slide-more { + opacity: 1; + transition: opacity 1500ms 300ms cubic-bezier(0.2, 1, 0.3, 1); +} +#stickyImgContainer .slide-title { + margin: 0; + text-indent: -0.5vw; + transition: color 500ms cubic-bezier(0.2, 1, 0.3, 1); +} +#stickyImgContainer .prev, +#stickyImgContainer .next { + opacity: 0; +} +#stickyImgContainer .prev .slide-title, +#stickyImgContainer .next .slide-title { + opacity: 0.2; +} +#stickyImgContainer .prev { + transform: translateY(-85%); +} +#stickyImgContainer .next { + transform: translateY(-15%); +} +#stickyImgContainer .scrolling > .slide { + transform: translateY(-50%); + opacity: 1; +} + +/*! + Atropos + Version: 2.0.2 + Plugin URL: https://atroposjs.com + License: Copyright 2021-2023 | Released under the MIT License +!*/ +.atropos { + position: relative; + display: block; + perspective: 1200px; + transform: translate3d(0, 0, 0); +} + +.atropos-rotate-touch, +.atropos-rotate-scroll-x, +.atropos-rotate-scroll-y { + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} + +.atropos-rotate-touch-scroll-y { + touch-action: pan-y; +} + +.atropos-rotate-touch-scroll-x { + touch-action: pan-x; +} + +.atropos-rotate-touch { + touch-action: none; +} + +.atropos-scale, +.atropos-rotate { + width: 100%; + height: 100%; + transform-style: preserve-3d; + transition-property: transform; + display: block; +} + +.atropos-shadow, +.atropos-highlight { + position: absolute; + pointer-events: none; + transition-property: transform, opacity; + display: block; + opacity: 0; +} + +.atropos-shadow { + z-index: -1; + background: #000; + left: 0; + top: 0; + width: 100%; + height: 100%; + filter: blur(30px); +} + +.atropos-highlight { + left: -50%; + top: -50%; + width: 200%; + height: 200%; + background-image: radial-gradient(circle at 50%, rgba(255, 255, 255, 0.25), transparent 50%); + z-index: 0; +} + +.atropos-rotate { + position: relative; +} + +.atropos-inner { + width: 100%; + height: 100%; + position: relative; + overflow: hidden; + transform-style: preserve-3d; + transform: translate3d(0, 0, 0); + display: block; +} + +.atropos-active { + z-index: 1; +} + +.atropos-active .atropos-shadow { + opacity: 1 !important; +} + +[data-atropos-offset], +::slotted([data-atropos-offset]) { + transition-property: transform; +} + +[data-atropos-opacity] { + transition-property: opacity; +} + +[data-atropos-offset][data-atropos-opacity], +::slotted([data-atropos-offset][data-atropos-opacity]) { + transition-property: transform, opacity; +} \ No newline at end of file diff --git a/public/js/home/jquery.js b/public/js/home/jquery.js new file mode 100644 index 0000000..96779b9 --- /dev/null +++ b/public/js/home/jquery.js @@ -0,0 +1,8 @@ +/*! + jQuery + Version: 3.7.1 + Plugin URL: https://jquery.com/ + License: (c) OpenJS Foundation and other contributors | jquery.org/license +!*/ + +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0 0) || (navigator.msMaxTouchPoints > 0)); + if (isTouchDevice) { + $('body').addClass('is-touchable'); + } + + /* =================================== + Don't change variables value + ====================================== */ + + var lastScroll = 0, + simpleDropdown = 0, + linkDropdown = 0, + isotopeObjs = [], + swiperObjs = []; + var windowScrollTop = window.pageYOffset || document.documentElement.scrollTop; + + /* =================================== + Check for browser OS + ====================================== */ + + var isMobile = false, + isiPhoneiPad = false, + isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); + + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { + isMobile = true; + } + + if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) { + isiPhoneiPad = true; + } + + /* =================================== + jQuery appear + ====================================== */ + + $('.vertical-counter, .counter, .progress-bar, .pie-chart-style-01, .attractive-hover, .splitting-animation, .section-dark, footer, [data-anime], [data-fancy-text]').each(function () { + $(this).appear().trigger('resize'); + }); + + initScrollNavigate(); + slideboxstyle(); + animateCounters(); + setSpaceInTeamStyle(); + setSpaceInInteractiveBannerStyle(); + setOverLayerPosition(); + setBottomOverLayerPosition(2000); + setupSwiper(); + + /* =================================== + Header + ====================================== */ + + // Mobile menu - modern style + var mobileStyle = $('body').attr('data-mobile-nav-style'); + if ((mobileStyle == 'modern' || mobileStyle == 'full-screen-menu') && !$('.navbar-' + mobileStyle + '-inner').length) { + if (!$('.box-layout').length && mobileStyle == 'modern') { + $('section, footer').wrapAll('
'); + } else { + $('section').wrapAll('
'); + } + + $('.navbar .navbar-toggler').clone(true).addClass('navbar-toggler-clone').insertAfter('.page-layout'); + $('.navbar .navbar-collapse').clone(true).addClass('navbar-collapse-clone').attr('id', 'navbarNav-clone').insertAfter('.page-layout'); + + $('.navbar-toggler-clone, .navbar-collapse-clone').wrapAll('
'); + $('.navbar-toggler').attr('data-target', '#navbarNav-clone').attr('aria-controls', '#navbarNav-clone'); + $('.navbar-' + mobileStyle + '-inner').find('.dropdown-toggle').addClass('dropdown-toggle-clone'); + if (typeof $.fn.mCustomScrollbar === 'function') { + if ($('.navbar-collapse-clone').length) { + var scrollOptions = $('.navbar-collapse-clone').attr('data-scroll-options') || '{ "theme": "light" }'; + if (typeof (scrollOptions) !== 'undefined' && scrollOptions !== null) { + scrollOptions = $.parseJSON(scrollOptions); + $('.navbar-collapse-clone').mCustomScrollbar(scrollOptions); + } + } + } + if (mobileStyle == 'modern') { + $('
').insertAfter('.page-layout'); + } + } + + // Navbar collapse - classic menu + $('.navbar-collapse.collapse').on('show.bs.collapse', function (e) { + if (!$('body').hasClass('navbar-collapse-show')) { + $('body').addClass('navbar-collapse-show'); + $('html').addClass('overflow-hidden'); + if ($('body').attr('data-mobile-nav-bg-color') && $('.navbar-modern-inner').length) { + var bgColor = $('body').attr('data-mobile-nav-bg-color'); + $('.navbar-show-modern-bg').css('background', bgColor); + } + if ($('body').attr('data-mobile-nav-bg-color') && $('.navbar-full-screen-menu-inner').length) { + var bgColor = $('body').attr('data-mobile-nav-bg-color'); + $('.navbar-full-screen-menu-inner').css('background', bgColor); + } + // Set submenu height after opened toggle menu + if (getWindowWidth() <= menuBreakPoint) { + var windowHeight = getWindowHeight(), + headerHeight = getHeaderHeight(); + $('header .navbar-collapse').css('max-height', windowHeight - headerHeight); + } + } else { + if ($('.navbar-modern-inner').length) { + setTimeout(function () { + $('.navbar-show-modern-bg').css('background', ''); + }, 600); + } + if ($('.navbar-full-screen-menu-inner').length) { + setTimeout(function () { + $('.navbar-full-screen-menu-inner').css('background', ''); + }, 600); + } + } + var headerHeight = getHeaderHeight(); + var windowHeight = getWindowHeight(); + if ($('.navbar-modern-inner').length > 0 || $('.navbar-full-screen-menu-inner').length > 0) { + $('.navbar-collapse-clone').css('max-height', windowHeight); + } else { + $('.navbar-collapse-clone').css('max-height', (windowHeight - headerHeight)); + } + }).on('hide.bs.collapse', function (e) { + if ($('body').hasClass('navbar-collapse-show')) { + $('body').removeClass('navbar-collapse-show'); + $('html').removeClass('overflow-hidden'); + } + }); + + // Sub menu collapse event + $('.sub-menu.collapse').on('show.bs.collapse', function (e) { + var activeMenuId = $(e.target).attr('id'); + $('[data-bs-target="#' + activeMenuId + '"]').addClass('show'); + $(this).parents('.menu-item').siblings().each(function () { + $('.sub-menu.show', this).collapse('hide'); + }); + stickyKitRecalc(); + }).on('hide.bs.collapse', function (e) { + var activeMenuId = $(e.target).attr('id'); + $('[data-bs-target="#' + activeMenuId + '"]').removeClass('show'); + $(e.target).find('.sub-menu.show').collapse('hide'); + stickyKitRecalc(); + }); + + // Search popup open + $(document).on('click', '.search-form-icon', function (e) { + e.preventDefault(); + $('body').addClass('show-search-popup'); + }); + + // Search popup close + $(document).on('click', '.search-close', function (e) { + e.preventDefault(); + $('body').removeClass('show-search-popup'); + }); + + // Search validation + $(document).on('click', '.search-button', function () { + var error = true; + var formObj = $(this).parents('form'); + formObj.find('input[type=text]').each(function (index) { + var _this = $(this), + searchVal = _this.val(); + if (searchVal === null || searchVal === '') { + formObj.find('input:eq(' + index + ')').addClass('search-error'); + error = false; + } else { + formObj.find('input:eq(' + index + ')').removeClass('search-error'); + } + }); + return error; + }); + + // Header push menu open + $(document).on('click', '.header-push-button .push-button', function () { + $('html, body').toggleClass('show-menu'); + }); + + // Header push menu close + $(document).on('click', '.close-menu', function () { + $('html, body').removeClass('show-menu'); + // Close left menu + $('.sub-menu.show').collapse('hide'); + }); + + // Close all left menu submenu + $(document).on('click', '#navbar-menu .navbar-toggler', function () { + // Close left menu + $('.sub-menu.show').collapse('hide'); + }); + + // Close on outside area + $(document).on('click', 'body', function (e) { + // Close all menu + if (!($(e.target).closest('.navbar-nav').length || $(e.target).closest('.navbar-full-screen-menu-inner').length)) { + setTimeout(function () { + $('.navbar-collapse.collapse').collapse('hide'); + }, 100); + } + // Close push menu + if (!($(e.target).hasClass('push-button') || $(e.target).closest('.push-button').length || $(e.target).closest('.push-menu').length || $(e.target).closest('.hamburger-menu').length)) { + $('html, body').removeClass('show-menu'); + } + // Close search + if (!($(e.target).hasClass('search-form') || $(e.target).closest('.search-form-icon').length || $(e.target).closest('.search-form-box').length)) { + $('body').removeClass('show-search-popup'); + } + // Close dropdown menu, language and cart + if (!$(e.target).closest('.navbar-nav').length) { + if (!$(e.target).closest('.header-language').length) { + // Close language menu + $('.header-language').trigger('mouseleave'); + $('.header-language').removeClass('show'); + $('.header-language').children('.dropdown-menu').removeClass('show'); + } + if (!$(e.target).closest('.header-cart').length) { + // Close cart + $('.header-cart').trigger('mouseleave'); + $('.header-cart').removeClass('show'); + $('.header-cart').children('.dropdown-menu').removeClass('show'); + } + // Close all dropdown + $('.navbar-nav .dropdown').each(function () { + var _this = $(this); + _this.trigger('mouseleave'); + _this.removeClass('show'); + _this.children('.dropdown-menu').removeClass('show'); + }); + } else if ($(e.target).parents('body').find('.header-language.open').length) { + // Close language menu + $('.header-language').trigger('mouseleave'); + $('.header-language').removeClass('show'); + $('.header-language').children('.dropdown-menu').removeClass('show'); + } else if ($(e.target).parents('body').find('.header-cart.open').length) { + // Close cart + $('.header-cart').trigger('mouseleave'); + $('.header-cart').removeClass('show'); + $('.header-cart').children('.dropdown-menu').removeClass('show'); + } + // Close left-modern-header menu + if (!$(e.target).closest('.left-modern-header').length) { + $(".left-modern-header").collapse('hide'); + } + }); + + // Close on escape key + $(document).on('keydown', function (e) { + if (e.keyCode === 27) { + // Close all menu + $('.navbar-collapse.collapse').collapse('hide'); + // Close left menu + $('#navbar-menu').collapse('hide'); + // Close push menu + $('html, body').removeClass('show-menu'); + // Close search + $('body').removeClass('show-search-popup'); + // Close left-modern-header menu + $(".left-modern-header").collapse('hide'); + } + }); + + // Header submenu on hover + $('.nav-item.submenu').on('mouseenter touchstart', function (e) { + var _this = $(this), + colorAttr = $('header nav').attr('data-header-hover'); + if (getWindowWidth() > menuBreakPoint) { + if ($(e.target).siblings('.dropdown-menu').length) { + e.preventDefault(); + } + if (colorAttr == 'light') { + $('header nav').addClass('submenu-light').removeClass('submenu-dark'); + } else if (colorAttr == 'dark') { + $('header nav').addClass('submenu-dark').removeClass('submenu-light'); + } + } + }).on('mouseleave', function (e) { + var _this = $(this); + $('header nav').removeClass('submenu-light').removeClass('submenu-dark'); + }); + + // Open menu on hover + $('.dropdown').on('mouseenter touchstart', function (e) { + var _this = $(this); + _this.siblings('.dropdown').removeClass('open'); + _this.parents('.navbar-nav').siblings('.navbar-nav').find('.dropdown').removeClass('open'); + if (getWindowWidth() >= menuBreakPoint) { + if (_this.hasClass('open') && _this[0] == $(e.target).parent()[0]) { + let href = $(_this).find('.nav-link').attr('href'); + if (href != 'undefined' && href.indexOf('javascript') === -1 && typeof undefined !== typeof href && href != '#') { + window.location.href = href; + } + } + } + _this.addClass('open'); + menuPosition(_this); + if (getWindowWidth() > menuBreakPoint) { + if ($(e.target).siblings('.dropdown-menu').length) { + e.preventDefault(); + } + // Header color remove click on simple dropdown menu + if ($(e.target).hasClass('simple-dropdown') || $(e.target).closest('.simple-dropdown').length) { + $('header nav').removeClass('submenu-light').removeClass('submenu-dark'); + } + } + }).on('mouseleave', function (e) { + var _this = $(this); + _this.removeClass('menu-left'); + _this.removeClass('open'); + }); + + // Add active class to current menu + var pgurl = window.location.href.substr(window.location.href.lastIndexOf('/') + 1); + var $hash = window.location.hash.substring(1); + if ($hash) { + $hash = '#' + $hash; + pgurl = pgurl.replace($hash, ''); + } else { + pgurl = pgurl.replace('#', ''); + } + $('.navbar-nav li a, .menu-item-list a').each(function () { + var _this = $(this), + aHref = _this.attr('href'); + if (aHref === pgurl || aHref === pgurl + '.html') { + _this.parent().addClass('active'); + _this.parents('li.dropdown').addClass('active'); + _this.parents('li.menu-item').addClass('active'); + } + }); + + // Sticky left menu + if ($.fn.stick_in_parent !== undefined && $.fn.stick_in_parent !== null) { + if ($('.left-sidebar-wrapper').length) { + $('.left-sidebar-wrapper .left-sidebar-nav').stick_in_parent({ + recalc: 1 + }); + } + } + if (typeof $.fn.smoothScroll === 'function') { + if ($('.header-reverse').length > 0) { + $('.inner-link').smoothScroll({ + speed: 800, + offset: -59, + beforeScroll: function () { + if ($('body').hasClass('left-menu-onepage')) { + $('.left-modern-header').collapse('hide'); + } + $('.navbar-collapse.collapse').collapse('hide'); + } + }); + } else { + if ($('.inner-link').length > 0) { + var offset = 0 + if ($('nav.navbar').hasClass('disable-fixed')) { + offset = 1; + } + + if ($('.left-modern-menu').hasClass('left-menu-onepage')) { + if (getWindowWidth() <= menuBreakPoint) { + offset = -59; + } + } + + $('.inner-link').smoothScroll({ + speed: 800, + offset: offset, + beforeScroll: function () { + if ($('body').hasClass('left-menu-onepage')) { + $('.left-modern-header').collapse('hide'); + } + + if ($('body').hasClass('show-menu')) { + $('html, body').removeClass('show-menu'); + } + $('.navbar-collapse.collapse').collapse('hide'); + } + }); + } + } + + // Section link + if ($('.section-link').length > 0) { + $('.section-link').smoothScroll({ + speed: 900, + offset: 1, + beforeScroll: function () { + $('.navbar-collapse.collapse').collapse('hide'); + } + }); + } + } + + $('.modern-side-menu .menu-item').on('click', function () { + $('.modern-side-menu .menu-item').removeClass('active'); + $(this).addClass('active'); + }); + + // Get top space header height + function getHeaderHeight() { + var headerHeight = 0; + if ($('.header-top-bar').length) { + headerHeight = headerHeight + $('.header-top-bar').outerHeight(); + } + if ($('header nav.navbar').length) { + headerHeight = headerHeight + $('header nav.navbar').outerHeight(); + } + if ($('.left-modern-header .left-modern-sidebar').length) { + headerHeight = headerHeight + $('.left-modern-header .left-modern-sidebar').outerHeight(); + } + return headerHeight; + } + + // Get top space height + function setTopSpaceHeight() { + + if (!$('header').hasClass('sticky') && ($('.top-space-margin').length || $('.top-space-padding').length) || $('.ipad-top-space-margin').length) { + var headerHeight = getHeaderHeight(); + if ($('.top-space-margin').length) { + $('.top-space-margin').css('margin-top', headerHeight); + } + if ($('.top-space-padding').length) { + $('.top-space-padding').css('padding-top', headerHeight); + } + if ($('.ipad-top-space-margin').length) { + if (getWindowWidth() <= menuBreakPoint) { + $('.ipad-top-space-margin').css('margin-top', headerHeight); + } else { + $('.ipad-top-space-margin').css('margin-top', 'inherit'); + } + } + } + } + + // Menu position + function menuPosition(element) { + var windowWidth = getWindowWidth(); + if (element.hasClass('simple-dropdown')) { + simpleDropdown = element; + linkDropdown = element.find('a.nav-link'); + var menuSpacing = 30, + menuLeftPosition = element.offset().left, + menuWidth = element.children('.dropdown-menu').outerWidth(), + menuDropdownCSS = (windowWidth - menuSpacing) - (menuLeftPosition + menuWidth); + if (menuDropdownCSS < 0) { + element.children('.dropdown-menu').css('left', menuDropdownCSS); + } + } + if (element.parent().hasClass('dropdown-menu') && element.parents('.simple-dropdown')) { + var dropdownWidth = 0, + maxValueInArray = 0, + lastValue = 0, + multiDepth = 0; + dropdownWidth = element.outerWidth() - linkDropdown.outerWidth(); + element.children('.dropdown-menu').each(function () { + var arr = []; + if (element.find('li').hasClass('dropdown')) { + dropdownWidth = dropdownWidth + element.outerWidth(); + element.find('li.dropdown').each(function () { + var dropdownMenu = element.closest('.dropdown-menu'); + arr.push(dropdownMenu.outerWidth()); + }); + maxValueInArray = lastValue + Math.max.apply(Math, arr); + lastValue = maxValueInArray; + dropdownWidth = dropdownWidth + maxValueInArray; + multiDepth = multiDepth + 1; + } else if (multiDepth < 1) { + dropdownWidth = dropdownWidth + element.outerWidth(); + } + }); + var menuRightPosition = windowWidth - (simpleDropdown.offset().left + simpleDropdown.outerWidth()); + if (dropdownWidth > menuRightPosition) { + if (element.find('.dropdown-menu').length > 0) { + var menuTopPosition = element.position().top, + submenuObj = element.find('.dropdown-menu'), + submenuHeight = submenuObj.outerHeight(), + totalHeight = menuTopPosition + submenuHeight + getHeaderHeight(), + windowHeight = getWindowHeight(); + if (totalHeight > windowHeight) { + submenuObj.css('top', '-' + (totalHeight - windowHeight) + 'px'); + } + } + element.addClass('menu-left'); + } + } + } + + // Recalculate sticky kit + function stickyKitRecalc() { + if ($('.left-sidebar-wrapper').length) { + setTimeout(function () { + $('.left-sidebar-wrapper').trigger('sticky_kit:recalc'); + }, 500); + } + } + + /* =================================== + Custom scrollbar + ====================================== */ + + if (typeof $.fn.mCustomScrollbar === 'function') { + $('[data-scroll-options]').each(function () { + var _this = $(this); + var scrollOptions = _this.data('scroll-options') || '{"theme": "dark"}'; + + try { + _this.mCustomScrollbar(scrollOptions); + } catch (error) { + console.error('Error parsing scroll options:', error); + } + }); + } + + /* =================================== + Portfolio + ====================================== */ + + // Portfolio isotope filter + if (typeof imagesLoaded === 'function') { + $('.portfolio-wrapper, .shop-wrapper').each(function () { + var _this = $(this); + _this.imagesLoaded(function () { + _this.removeClass('grid-loading'); + if (typeof $.fn.isotope === 'function') { + var _thisIsotop = _this.isotope({ + layoutMode: 'masonry', + itemSelector: '.grid-item', + percentPosition: true, + stagger: 0, + masonry: { + columnWidth: '.grid-sizer', + } + }); + } + isotopeObjs.push(_this); + + // Filter default on load + if (typeof $.fn.isotope === 'function') { + var currentPortfolioActive = $('.portfolio-filter > li.active > a').attr('data-filter'); + if (currentPortfolioActive != '' && currentPortfolioActive != undefined) { + _this.isotope({filter: currentPortfolioActive}); + } + } + }); + + _this.on('arrangeComplete', function () { + reInitSkrollr(); + }); + + $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) { + _this.isotope({transitionDuration: 0}); + }); + }); + } + + $(document).on('click', '.portfolio-filter > li > a', function () { + var _this = $(this), + parentSectionObj = _this.parents('section'); + parentSectionObj.find('.portfolio-filter > li').removeClass('active'); + _this.parent().addClass('active'); + var selector = _this.attr('data-filter'), + portfolioFilter = parentSectionObj.find('.portfolio-wrapper'); + + portfolioFilter.find('.grid-item[data-anime]').addClass('appear'); + if (typeof portfolioFilter.isotope === 'function') { + portfolioFilter.isotope({filter: selector}); + } + + if (parentSectionObj.length && $(parentSectionObj).hasClass('overlap-height')) { + setOverLayerPosition(); + } + + return false; + }); + + // Reset isotope loop + function resetIsotopeLayoutLoop(isotopeObjs, removeAnimation) { + for (var i = 0; i < isotopeObjs.length; i++) { + if (isotopeObjs[i].data('isotope')) { + isotopeObjs[i].isotope('layout'); + } + } + ; + } + + // Horizontal portfolio + const ThreeDLetterMenuEffect = () => { + $(".threeD-letter-menu .menu-item").each(function () { + let _self = this, + MenuLink = _self.querySelector(".menu-item-text"), + MenuText = MenuLink.querySelector("span"), + imgHeight = _self.querySelector(".hover-reveal").clientHeight, + imgWidth = _self.querySelector(".hover-reveal").clientWidth, + windowHeight = window.innerHeight, + windowWidth = window.innerWidth; + + MenuLink.innerHTML = `${MenuText.innerHTML}${MenuText.innerHTML}` + + MenuLink.querySelectorAll("span").forEach(function (item) { + item.setAttribute("data-splitting", true); + Splitting(); + }); + + _self.addEventListener("mouseenter", function () { + anime({ + targets: _self.querySelector(".hover-reveal"), + opacity: [0, 1], + duration: 1000, + easing: "easeOutQuad" + }) + + anime({ + targets: _self.querySelector(".hover-reveal__inner"), + scale: [0.5, 1], + easing: "easeOutQuad" + }) + + anime({ + targets: _self.querySelector(".hover-reveal__img"), + scale: [2, 1], + easing: "easeOutQuad" + }) + }) + + _self.addEventListener("mouseleave", function () { + anime({ + targets: _self.querySelector(".hover-reveal"), + opacity: 0, + duration: 1000, + easing: "easeOutQuad" + }) + + anime({ + targets: _self.querySelector(".hover-reveal__inner"), + scale: [1, 0.5], + easing: "easeOutQuad" + }) + + anime({ + targets: _self.querySelector(".hover-reveal__img"), + scale: [1, 2], + easing: "easeOutQuad" + }) + }) + + if (typeof TweenLite !== "undefined") { + document.addEventListener("mousemove", function (e) { + let posX = e.clientX + 20, + posY = e.clientY + 20; + + TweenLite.to(_self.querySelector(".hover-reveal"), .6, { + x: posX + imgWidth > windowWidth ? e.clientX - imgWidth : posX, + y: posY + imgHeight > windowHeight ? e.clientY - imgHeight : posY, + }) + }) + } + }); + } + ThreeDLetterMenuEffect(); + + // Minimal portfolio + const sticky_container = document.querySelector(".sticky-image-distortion-wrapper"); + if (typeof (sticky_container) != 'undefined' && sticky_container != null) { + let winsize; + const calcWinsize = () => winsize = {width: window.innerWidth, height: window.innerHeight}; + calcWinsize(); + window.addEventListener('resize', calcWinsize); + + class Menu { + constructor() { + this.DOM = { + menu: document.querySelector('.sticky-image-distortion-wrapper nav.menu') + }; + this.DOM.menuLinks = [...this.DOM.menu.querySelectorAll('.menu__link')]; + this.mousePos = {x: winsize.width / 2, y: winsize.height / 2}; + this.lastMousePos = { + translation: {x: winsize.width / 2, y: winsize.height / 2}, + displacement: {x: 0, y: 0} + }; + this.dmScale = 0; + this.current = -1; + this.initEvents(); + requestAnimationFrame(() => this.render()); + } + + initEvents() { + document.body.style.setProperty('--body-bgcolor', this.DOM.menuLinks[0].getAttribute("data-bg")) + let active_item; + this.DOM.menuLinks.forEach((item, i) => { + let imgPath = item.getAttribute('data-img'); + let bgColor = item.getAttribute('data-bg'); + item.querySelector(".svg-wrapper").innerHTML = ` + + + + + + + + + + ` + const displaceMentEl = [...item.querySelectorAll('feDisplacementMap')] + item.addEventListener('mouseenter', (e) => { + item.closest(".menu").childNodes.forEach(item => item.classList && item.classList.remove("active")) + item.classList.add("active"); + if (typeof TweenMax !== 'undefined' && typeof TweenMax !== null) { + if (item !== active_item) { + TweenMax.fromTo(displaceMentEl, 1.2, {attr: {scale: 50}}, {attr: {scale: 0.3}}); + } + } + document.body.style.setProperty('--body-bgcolor', bgColor) + active_item = item; + }); + + item.addEventListener('mouseleave', (e) => { + active_item = item; + }) + }); + } + render() { + requestAnimationFrame(() => this.render()); + } + } + + new Menu(); + } + + /* =================================== + Blog + ====================================== */ + + // Blog isotope filter + if (typeof imagesLoaded === 'function') { + $('.blog-wrapper').each(function () { + var _this = $(this); + _this.imagesLoaded(function () { + _this.removeClass('grid-loading'); + if (typeof $.fn.isotope === 'function') { + _this.isotope({ + layoutMode: 'masonry', + itemSelector: '.grid-item', + percentPosition: true, + stagger: 0, + masonry: { + columnWidth: '.grid-sizer', + } + }); + } + isotopeObjs.push(_this); + var currentBlogActive = $('.blog-filter > li.active > a').attr('data-filter'); + if (currentBlogActive != '' && currentBlogActive != undefined) { + _this.isotope({filter: currentBlogActive}); + } + }); + }); + } + + $(document).on('click', '.blog-filter > li > a', function () { + var _this = $(this), + parentSectionObj = _this.parents('section'); + parentSectionObj.find('.blog-filter > li').removeClass('active'); + _this.parent().addClass('active'); + var selector = _this.attr('data-filter'), + blogFilter = parentSectionObj.find('.blog-wrapper'); + blogFilter.find('.grid-item[data-anime]').addClass('appear'); + blogFilter.isotope({filter: selector}); + return false; + }); + + // blog hover box + $('.box-hover').on('mouseenter', function (e) { + $(this).find('.hover-text').slideDown(400); + }).on('mouseleave', function (e) { + $(this).find('.hover-text').slideUp(400); + }); + + /* =================================== + Image gallery + ====================================== */ + + // Image gallery isotope filter + if (typeof imagesLoaded === 'function') { + $('.gallery-wrapper').each(function () { + var _this = $(this); + _this.imagesLoaded(function () { + _this.removeClass('grid-loading'); + if (typeof $.fn.isotope === 'function') { + _this.isotope({ + layoutMode: 'masonry', + itemSelector: '.grid-item', + percentPosition: true, + stagger: 0, + masonry: { + columnWidth: '.grid-sizer', + } + }); + } + isotopeObjs.push(_this); + }); + }); + } + + // Group gallery light box + if (typeof $.fn.magnificPopup === 'function') { + var lightboxgallerygroups = {}; + $('.portfolio-box [data-group], .gallery-box [data-group]').each(function () { + var id = $(this).attr('data-group'); + if (!lightboxgallerygroups[id]) { + lightboxgallerygroups[id] = []; + } + lightboxgallerygroups[id].push(this); + }); + $.each(lightboxgallerygroups, function () { + $(this).magnificPopup({ + type: 'image', + closeOnContentClick: true, + closeBtnInside: false, + gallery: {enabled: true} + }); + }); + } + + /* =================================== + Justified gallery + ====================================== */ + if (typeof imagesLoaded === 'function') { + if ($('.justified-gallery').length) { + $('.justified-gallery').each(function () { + var _this = $(this), + justifiedOptions = _this.attr('data-justified-options') || '{ "rowHeight": 400, "maxRowHeight": false, "captions": true, "margins": 10, "waitThumbnailsLoad": true }'; + if (typeof $.fn.justifiedGallery !== 'undefined') { + if (typeof (justifiedOptions) !== 'undefined' && justifiedOptions !== null) { + _this.imagesLoaded(function () { + justifiedOptions = $.parseJSON(justifiedOptions); + _this.justifiedGallery(justifiedOptions); + }); + } + } + }); + } + } + + /* =================================== + Accordion + ====================================== */ + + $('.accordion').each(function () { + var _this = $(this), + activeIconClass = _this.attr('data-active-icon') || '', + inactiveIconClass = _this.attr('data-inactive-icon') || ''; + $('.collapse', this).on('show.bs.collapse', function () { + var id = $(this).attr('id'); + $('a[data-bs-target="#' + id + '"]').closest('.accordion-header').parent('.accordion-item').addClass('active-accordion'); + $('a[data-bs-target="#' + id + '"] i').addClass(activeIconClass).removeClass(inactiveIconClass); + }).on('hide.bs.collapse', function () { + var id = $(this).attr('id'); + $('a[data-bs-target="#' + id + '"]').closest('.accordion-header').parent('.accordion-item').removeClass('active-accordion'); + $('a[data-bs-target="#' + id + '"] i').addClass(inactiveIconClass).removeClass(activeIconClass); + }); + }); + + // Accordion on checkout page + $('.checkout-accordion label input').on('click', function (e) { + var collapseId = $(this).parent().find('a').attr('href'); + if ($(this).prop("checked")) { + $(collapseId).collapse('show'); + } else { + $(collapseId).collapse('hide'); + } + }); + + /* =================================== + Progress bar + ====================================== */ + + if ($('.progress-bar').length) { + $(document).on('appear', '.progress-bar', function (e) { + if (!$(this).hasClass('appear')) { + $(this).addClass('appear'); + var total = $(this).attr('aria-valuenow'), delay = 300; + $(this).animate({'width': total + '%'}, { + duration: delay, + easing: "swing", + progress: function (animation, progress, msRemaining) { + var counter = parseInt(total * progress); + $(this).find('span').html(counter + '%'); + } + }); + } + }); + } + + $('[data-tab="review-tab"]').on('shown.bs.tab', function (e) { + $('.progress-bar').each(function () { + $(this).appear().trigger('resize'); + }); + }); + + /* =================================== + Pie charts + ====================================== */ + + // Pie charts style 01 + if ($('.pie-chart-style-01').length) { + if (typeof $.fn.easyPieChart === 'function') { + var color1, color2; + $(document.body).on('appear', '.pie-chart-style-01', function (e) { + $('.pie-chart-style-01').easyPieChart({ + trackColor: '#232323', + scaleColor: "", + lineCap: 'round', + lineWidth: 10, + size: 180, + barColor: function () { + color1 = $(this.el).attr('data-start-color') || $(this.el).attr('data-bar-color') || "#000"; + color2 = $(this.el).attr('data-end-color') || $(this.el).attr('data-bar-color') || "#000"; + var ctx = this.renderer.getCtx(); + var canvas = this.renderer.getCanvas(); + var gradient = ctx.createLinearGradient(0, 0, canvas.width, 270); + gradient.addColorStop(0.2, color1); + gradient.addColorStop(0, color2); + return gradient; + }, + animate: { + duration: 2000, + enabled: true + }, + onStep: function (from, to, percent) { + $(this.el).find('.percent').text(Math.round(percent) + '%'); + } + }); + }); + } + } + + /* =================================== + Mousetip on mouse move + ====================================== */ + + if (!isMobile) { + $(document).on('mousemove', '.mousetip-wrapper', function (e) { + var mouseX = e.pageX - $(this).offset().left + 20; + var mouseY = e.pageY - $(this).offset().top + 20; + $(this).find('.caption').show().css({ + top: mouseY, left: mouseX + }); + }); + } + + /* =================================== + Counter + ====================================== */ + + // Vertical counter + $('.vertical-counter').each(function () { + var _this = $(this), + counterValue = _this.attr('data-to'), + individualValue = counterValue.toString().split(''), + valueLength = counterValue.length; + + // Adding the div.vertical-counter-number in div.counter multiple(valueLength) times + for (var i = 0; i < valueLength; i++) { + _this.append('
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
'); + } + + // Adding the individual data-to in each div.vertical-counter-number + _this.find('.vertical-counter-number').each(function (index) { + $(this).attr('data-to', individualValue[index]); + }); + }); + + // Vertical counter on jQuery appear + if ($('.vertical-counter').length) { + + function calculateHeight() { + $('.vertical-counter').each(function () { + var _this = $(this), + divHeight = _this.find('.vertical-counter-number').find('li').height(); + + $(this).height(divHeight); + }); + } + + calculateHeight(); + + $(window).resize(function () { + calculateHeight(); + }) + + $(document).on('appear', '.vertical-counter', function (e) { + if (!$(this).hasClass('appear')) { + $(this).addClass('appear'); + + if ($(window).scrollTop() + getWindowHeight() >= $('.vertical-counter').offset().top) { + $(this).find('.vertical-counter-number').each(function () { + var _this = $(this), + value = _this.attr('data-to'); + if (value <= 9) { + anime({ + targets: this.querySelector('ul'), + translateY: [0, `${-value * 10}%`], + duration: 2000, + easing: 'easeOutCubic' + }); + } + }); + } + } + }); + $('a[data-bs-toggle="tab"]').on('shown.bs.tab', function (e) { + let activeTabPane = $(`${$(this).attr('href')}`); + + activeTabPane.find('.vertical-counter').each(function () { + var _this = $(this), + value = _this.attr('data-to'), + divHeight = _this.find('li').height(); + _this.height(divHeight); + + if (value <= 9) { + _this.find('ul').css({'transform': 'translateY(-' + value * 10 + '%)'}); + } + }); + }); + } + + $('[data-tab="counter"]').on('shown.bs.tab', function (e) { + $('.vertical-counter').each(function () { + $(this).appear().trigger('resize'); + }); + }); + + // Counter number reset on jQuery appear + if (typeof $.fn.countTo === 'function' && $('.counter').length) { + $(document).on('appear', '.counter', function (e) { + var _this = $(this); + if (!_this.hasClass('appear')) { + var options = _this.data('countToOptions') || {}; + _this.countTo(options); + _this.addClass('appear'); + } + }); + } + + // Counter + function animateCounters() { + $('.counter').each(function (options) { + var _this = $(this); + options = $.extend({}, options || {}, _this.data('countToOptions') || {}); + if (typeof $.fn.countTo === 'function') { + _this.countTo(options); + } + }); + } + + /* =================================== + Sliding box + ====================================== */ + + function slideboxstyle() { + $('.sliding-box').each(function (index, value) { + var valueObj = $(value), + totalWidth = valueObj.outerWidth(), + slidingLength = valueObj.find('.sliding-box-item').length, + devideRightPadding = parseInt(valueObj.css('padding-right')) / slidingLength, + devideLeftPadding = parseInt(valueObj.css('padding-left')) / slidingLength, + usageWidth = (slidingLength * 30) + 30 + devideRightPadding + devideLeftPadding, + useWidth = totalWidth - usageWidth, + devideLength = slidingLength + 1, + devideWidth = (useWidth / devideLength), + activeWidth = devideWidth * 2; + + valueObj.find('.sliding-box-item, .sliding-box-img, .sliding-box-item .sliding-box-content').css('width', devideWidth); + valueObj.find('.sliding-box-item .sliding-box-content').css('left', devideWidth); + valueObj.find('.sliding-box-item.active').css('width', activeWidth); + + $(document).on('mouseenter', '.sliding-box .sliding-box-item', function () { + $(this).siblings().removeClass('active'); + $(this).addClass('active'); + valueObj.find('.sliding-box-item, .sliding-box-img, .sliding-box-item .sliding-box-content').css('width', devideWidth); + valueObj.find('.sliding-box-item .sliding-box-content').css('left', devideWidth); + valueObj.find('.sliding-box-item.active').css('width', activeWidth); + }); + }); + } + + /* =================================== + Team + ====================================== */ + + // Team style 01 + function setSpaceInTeamStyle() { + $('.team-style-01').each(function () { + let _this = $(this), + figure = _this.find('figure'), + figcaption = _this.find('figcaption'); + + setTimeout(function () { + figure.css({'padding-bottom': figcaption.outerHeight()}); + }, 200); + }); + } + + /* =================================== + Interactive banner + ====================================== */ + + // Interactive banner style 02 + function setSpaceInInteractiveBannerStyle() { + $('.interactive-banner-style-02').each(function () { + let _this = $(this), + figure = _this.find('figure'), + figcaption = _this.find('figcaption'); + + setTimeout(function () { + figure.css({'padding-bottom': figcaption.outerHeight()}); + }, 500); + }); + } + + /* =================================== + Video + ====================================== */ + + // Video player in background + $(document).on('click', '.html-video-play', function () { + var $videoBg = $(this).parents('section').find('.video-bg'); + if ($(this).is('[playing]') === false) { + $videoBg.trigger('play'); + $(this).attr('playing', 'true'); + $(this).parents('section').find('.video-play-icon').addClass('remove-play-icon'); + } else { + + $videoBg.trigger('pause'); + $(this).removeAttr('playing'); + $(this).parents('section').find('.video-play-icon').removeClass('remove-play-icon'); + } + }); + + // Fit video + if (typeof $.fn.fitVids === 'function') { + $('.fit-videos').fitVids(); + } + + /* =================================== + Countdown timer + ====================================== */ + + if ($.fn.countdown !== undefined && $.fn.countdown !== null) { + $('.countdown').each(function () { + var _this = $(this); + _this.countdown(_this.attr("data-enddate")).on('update.countdown', function (event) { + _this.html(event.strftime('' + '
%-D
Days
' + '
%H
Hours
' + '
%M
Minutes
' + '
%S
Seconds
')); + }).on('finish.countdown', function (event) { + _this.html(event.strftime('' + '
00
Days
' + '
00
Hours
' + '
00
Minutes
' + '
00
Seconds
')); + }); + }); + } + + /* =================================== + Anime - animation library + ====================================== */ + + // Anime animation + function animeAnimation(target, options) { + let child = target; + let staggerValue = options.staggervalue || 0; + let delay = options.delay || 0; + let anime_animation = anime.timeline(); + + function applyTransitionStyles(elements) { + for (let i = 0; i < elements.length; i++) { + const element = elements[i]; + element.style.transition = 'none'; + if (options.willchange) { + element.style.willChange = 'transform'; + } + } + } + + if (options.el === "childs") { + child = target.children; + applyTransitionStyles(target.children); + } + + if (options.el === "lines") { + function lineSplitting() { + const lines = Splitting({target: target, by: 'lines'}); + const line = lines[0].lines.map(item => item.map(i => i.innerHTML).join(" ")); + target.innerHTML = line.map(item => `${item}`).join(' '); + } + lineSplitting(); + applyTransitionStyles(target.children); + child = target.children; + } + + if (options.el === "words") { + function lineSplitting() { + const words = Splitting({target: target, by: 'words'}); + const word = words[0].words.join(" "); + } + lineSplitting(); + applyTransitionStyles(target.children); + child = target.children; + } + + if (options.perspective) { + target.style.perspective = `${options.perspective}px`; + } + + if (options.willchange) { + target.style.willChange = options.willchange; + } + + anime_animation.add({ + targets: child, + ...options, + delay: anime.stagger(staggerValue, {start: delay}), + complete: function () { + if (options.el) { + target.classList.add('anime-child'); + target.classList.add('anime-complete'); + + for (let i = 0; i < target.children.length; i++) { + const element = target.children[i]; + element.style.removeProperty('opacity'); + element.style.removeProperty('transform'); + element.style.removeProperty('transition'); + + if (target.classList.contains('grid')) { + element.style.transition = 'none'; + } + } + + if (options.el === "lines") { + for (let i = 0; i < target.children.length; i++) { + const element = target.children[i]; + element.classList.remove('d-inline-flex'); + element.classList.add('d-inline'); + element.style.willChange = "inherit"; + } + } + } else { + target.classList.add('anime-complete'); + target.style.removeProperty('opacity'); + target.style.removeProperty('transform'); + target.style.removeProperty('transition'); + } + } + }); + } + + const $dataAnimeElements = $('[data-anime]:not(.swiper [data-anime])'); + $dataAnimeElements.each(function () { + const $self = $(this); + const animeOptions = $self.data('anime'); + + if (animeOptions && getWindowWidth() > animeBreakPoint) { + try { + const effect = animeOptions.effect && animeOptions.effect.toLowerCase(); + + $self.on('appear', function () { + if (!$self.hasClass('appear')) { + $self.addClass('appear'); + + if (effect === 'slide') { + slideAnimation(this, animeOptions); + } else { + animeAnimation(this, animeOptions); + } + } + + if ($self.hasClass('grid')) { + $self.find('.grid-sizer').removeAttr('style'); + } + }); + } catch (error) { + console.error('Error parsing anime options:', error); + } + } else { + $self.removeAttr('data-anime'); + $("body").addClass("no-animation"); + } + }); + + // Anime text revealer js + const slideAnimation = (target, options) => { + let duration = options.speed ? options.speed : 100, + direction = options.direction ? options.direction : "lr", + delay = options.delay ? options.delay : 0; + + target.style.position = 'relative'; + + // Create slide panel div + let tmp = document.createElement('div'); + tmp.style.width = tmp.style.height = '100%'; + tmp.style.top = tmp.style.left = 0; + tmp.style.background = options.color ? options.color : '#fff'; + tmp.style.position = 'absolute'; + + if (direction === 'lr') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '0% 50%'; + tmp.style.WebkitTransform = tmp.style.transform = 'scaleX(0)'; + } else if (direction === 'tb') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '50% 0%'; + tmp.style.WebkitTransform = tmp.style.transform = 'scaleY(0)'; + } else if (direction === 'bt') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '100% 100%'; + tmp.style.WebkitTransform = tmp.style.transform = 'scaleY(0)'; + } else { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '100% 50%'; + tmp.style.WebkitTransform = tmp.style.transform = 'scaleX(0)'; + } + target.appendChild(tmp); + + // init Anime js. + let slide_anime = anime.timeline(); + slide_anime.add({ + targets: tmp, + scaleX: (direction === 'lr' || direction === 'rl') ? [0, 1] : [1, 1], + scaleY: (direction === 'tb' || direction === 'bt') ? [0, 1] : [1, 1], + duration: duration + 500, + easing: 'easeInOutCubic', + delay: delay, + complete: function () { + if (direction === 'lr') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '100% 50%'; + } else if (direction === 'tb') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '50% 100%'; + } else if (direction === 'bt') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '0% 0%'; + } else { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '0% 50%'; + } + + anime({ + targets: tmp, + duration: duration + 500, + easing: 'easeInOutCubic', + scaleX: (direction === 'lr' || direction === 'rl') ? [1, 0] : [1, 1], + scaleY: (direction === 'tb' || direction === 'bt') ? [1, 0] : [1, 1], + complete: function () { + target.removeChild(tmp); + if (typeof callback === 'function') { + callback(); + } + } + }); + } + }).add({ + targets: target.querySelector('*'), + easing: 'easeOutQuint', + delay: direction === 'lr' ? anime.stagger(duration, {start: 1000}) : anime.stagger(-duration, {start: 1000}), + opacity: [0, 1] + }, "-=900"); + } + + /* =================================== + Fancy text animation + ====================================== */ + + // Curved text effect + const curvedTextAnimation = (target, options) => { + let duration = options.duration ? (options.duration <= 2000 ? 2000 : options.duration) : 2000, + content = options.string, + curveText = anime.timeline(); + + const lineEq = (y2, y1, x2, x1, currentVal) => { + var m = (y2 - y1) / (x2 - x1), + b = y1 - m * x1; + return m * currentVal + b; + } + + curveText.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + duration: 800, + easing: 'easeOutElastic', + opacity: 1, + translateY: function (el, index) { + var p = el.parentNode, + lastElOffW = p.lastElementChild.offsetWidth, + firstElOffL = p.firstElementChild.offsetLeft, + w = p.offsetWidth - lastElOffW - firstElOffL - (p.offsetWidth - lastElOffW - p.lastElementChild.offsetLeft), + tyVal = lineEq(0, 100, firstElOffL + w / 2, firstElOffL, el.offsetLeft); + return [Math.abs(tyVal) + '%', '0%']; + }, + rotateZ: function (el, index) { + var p = el.parentNode, + lastElOffW = p.lastElementChild.offsetWidth, + firstElOffL = p.firstElementChild.offsetLeft, + w = p.offsetWidth - lastElOffW - p.firstElementChild.offsetLeft - (p.offsetWidth - lastElOffW - p.lastElementChild.offsetLeft), + rz = lineEq(90, -90, firstElOffL + w, firstElOffL, el.offsetLeft); + return [rz, 0]; + } + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + duration: 1000, + easing: 'easeInExpo', + opacity: content.length > 1 ? 0 : 1, + translateY: function (el, index) { + var p = el.parentNode, + lastElOffW = p.lastElementChild.offsetWidth, + firstElOffL = p.firstElementChild.offsetLeft, + w = p.offsetWidth - lastElOffW - firstElOffL - (p.offsetWidth - lastElOffW - p.lastElementChild.offsetLeft), + tyVal = lineEq(0, 100, firstElOffL + w / 2, firstElOffL, el.offsetLeft); + return content.length > 1 ? [-Math.abs(tyVal) + '%'] : [Math.abs(tyVal) + '%', '0%']; + }, + rotateZ: function (el, index) { + var p = el.parentNode, + lastElOffW = p.lastElementChild.offsetWidth, + firstElOffL = p.firstElementChild.offsetLeft, + w = p.offsetWidth - lastElOffW - p.firstElementChild.offsetLeft - (p.offsetWidth - lastElOffW - p.lastElementChild.offsetLeft), + rz = lineEq(-90, 90, firstElOffL + w, firstElOffL, el.offsetLeft); + return content.length > 1 ? [rz] : [rz, 0]; + } + }, duration - 1500); + } + + // Slide text effect + const slideTextAnimation = (target, options) => { + let current_anime_text = target.querySelectorAll('.anime-text')[0], + speed = options.speed ? options.speed : 100; + + current_anime_text.style.position = 'relative'; + + // Create slide panel div + let tmp = document.createElement('div'); + tmp.style.width = tmp.style.height = '100%'; + tmp.style.top = tmp.style.left = 0; + tmp.style.background = options.color ? options.color : '#fff'; + tmp.style.position = 'absolute'; + tmp.style.WebkitTransform = tmp.style.transform = 'scaleX(0)'; + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '0% 50%'; + + if (options.direction === 'left') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '100% 50%'; + } + current_anime_text.appendChild(tmp); + + // init Anime js. + let slide_anime = anime.timeline(); + slide_anime.add({ + targets: current_anime_text.querySelectorAll('div'), + scaleX: [0, 1], + duration: speed + 500, + easing: 'easeInOutCubic', + complete: function () { + if (options.direction === 'left') { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '0% 50%'; + } else { + tmp.style.WebkitTransformOrigin = tmp.style.transformOrigin = '100% 50%'; + } + + anime({ + targets: tmp, + duration: speed + 500, + easing: 'easeInOutCubic', + scaleX: [1, 0], + complete: function () { + current_anime_text.removeChild(tmp); + if (typeof callback === 'function') { + callback(); + } + } + }); + } + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + easing: 'easeOutQuint', + delay: options.direction === 'left' ? anime.stagger(speed, {start: 1000}) : anime.stagger(-speed, {start: 1000}), + opacity: [0, 1], + translateX: options.direction === 'left' ? [100, 0] : [-100, 0] + }, "-=600"); + } + + // Wave text effect + const waveTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + direction = options.direction, + content = options.string, + speed = options.speed, + waveText = anime.timeline(); + + waveText.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + opacity: [0, 1], + translateY: direction === 'down' ? [-20, 0] : [20, 0], + delay: anime.stagger(speed ? speed : 50) + }).add({ + targets: target.querySelectorAll('.anime-text .word .char'), + opacity: content.length > 1 ? [1, 0] : [1, 1], + translateY: content.length > 1 ? (direction === 'down' ? [0, 20] : [0, -20]) : [0, 0], + delay: anime.stagger(speed ? speed : 50, {start: duration - 1500}) + }); + } + + // Smooth wave text effect + const smoothWaveTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + direction = options.direction, + content = options.string, + speed = options.speed, + smoothWaveText = anime.timeline(); + + smoothWaveText.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + opacity: [0, 1], + translateY: direction === 'down' ? [-50, 0] : [50, 0], + duration: 500, + easing: 'easeOutQuad', + delay: anime.stagger(speed ? speed : 40, {direction: 'reverse'}), + }).add({ + targets: target.querySelectorAll('.anime-text .word .char'), + opacity: content.length > 1 ? [1, 0] : [1, 1], + translateY: content.length > 1 ? (direction === 'down' ? 50 : -50) : 0, + duration: 500, + easing: 'easeOutQuad', + delay: anime.stagger(speed ? speed : 40, {start: duration - 1000, direction: 'reverse'}) + }); + } + + // Rotate text effect + const rotateTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + content = options.string, + speed = options.speed, + rotateText = anime.timeline(); + + rotateText.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + opacity: [0, 1], + rotateX: [-70, 0], + duration: 150, + delay: anime.stagger(speed ? speed : 50), + easing: "linear" + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + opacity: content.length > 1 ? 0 : 1, + rotateX: content.length > 1 ? [0, 70] : [0, 0], + duration: 150, + delay: anime.stagger(speed ? speed : 50, {start: duration - 1500}), + easing: "linear" + }); + } + + // Jump text effect + const jumpTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + content = options.string, + speed = options.speed, + delay = options.delay, + movingLetter9 = anime.timeline(); + + movingLetter9.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + scale: [0, 1], + duration: 1500, + elasticity: 600, + transformOrigin: '50% 100%', + delay: anime.stagger(speed ? speed : 45, {start: delay}) + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + opacity: content.length > 1 ? 0 : 1, + scale: content.length > 1 ? 0 : 1, + duration: 500, + easing: "easeOutExpo", + delay: anime.stagger(speed ? speed : 45) + }, `+=${duration - 2300}`); + } + + // Zoom text effect + const zoomTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + content = options.string, + speed = options.speed, + movingLetter2 = anime.timeline(); + + movingLetter2.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + scale: [4, 1], + opacity: [0, 1], + translateZ: 0, + easing: "easeOutExpo", + duration: 950, + delay: anime.stagger(speed ? speed : 70) + }).add({ + targets: target.querySelectorAll('.anime-text > .word'), + opacity: content.length > 1 ? 0 : 1, + duration: 1000, + easing: "easeOutExpo", + delay: 1000 + }, `+=${duration - 2500}`); + } + + // Rubber band text effect + const rubberbandTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + content = options.string, + speed = options.speed, + direction = options.direction, + rubberband = anime.timeline(); + + rubberband.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + translateX: direction === "right" ? [-40, 0] : [40, 0], + translateZ: 0, + opacity: [0, 1], + easing: "easeOutExpo", + duration: 1200, + delay: anime.stagger(speed ? speed : 75, {direction: direction === "right" ? 'reverse' : 'normal'}) + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + translateX: content.length > 1 ? (direction === "left" ? -40 : 40) : 0, + opacity: content.length > 1 ? 0 : 1, + easing: "easeInExpo", + duration: 500, + delay: anime.stagger(speed ? speed : 75, {start: duration - 2500, direction: direction === "right" ? 'reverse' : 'normal'}) + }); + } + + // Fade text effect + const fadeTextAnimation = (target, options) => { + let duration = options.duration ? options.duration : 3000, + content = options.string, + speed = options.speed, + fade = anime.timeline(); + + fade.add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + translateY: [100, 0], + translateZ: 0, + opacity: [0, 1], + easing: "easeOutExpo", + delay: anime.stagger(speed ? speed : 30) + }).add({ + targets: target.querySelectorAll('.anime-text > .word > .char'), + translateY: content.length > 1 ? [0, -100] : [0, 0], + opacity: content.length > 1 ? [1, 0] : [1, 1], + easing: "easeInExpo", + delay: anime.stagger(speed ? speed : 40, {start: duration - 3000}) + }); + } + + // Fancy text + function FancyTextDefault(item, ftOptions) { + let text_effect = ftOptions.effect, + duration = ftOptions.duration ? ftOptions.duration : 3000, + content = ftOptions.string, + speed = ftOptions.speed, + delay = ftOptions.delay; + + if (content) { + item.innerHTML = `${content[0]}`; + item.querySelector('.anime-text').setAttribute('data-splitting', true); + Splitting(); + + if (getWindowWidth() > animeBreakPoint) { + switch (text_effect) { + case 'wave': + waveTextAnimation(item, ftOptions); + break; + + case 'smooth-wave': + smoothWaveTextAnimation(item, ftOptions); + break; + + case 'curve': + curvedTextAnimation(item, ftOptions); + break; + + case 'rotate': + rotateTextAnimation(item, ftOptions); + break; + + case 'slide': + slideTextAnimation(item, ftOptions); + break; + + case 'jump': + jumpTextAnimation(item, ftOptions); + break; + + case 'zoom': + zoomTextAnimation(item, ftOptions); + break; + + case 'rubber-band': + rubberbandTextAnimation(item, ftOptions); + break; + + case 'fade': + fadeTextAnimation(item, ftOptions); + break; + + default: + } + + if (text_effect === undefined) { + anime({ + targets: item.querySelectorAll('.anime-text > .word > .char'), + ...ftOptions, + delay: anime.stagger(speed ? speed : 0, {start: delay ? delay : 0}) + }) + } + } + + if (content.length > 1) { + let counter = 1; + setInterval(function () { + let new_el = document.createElement('span'); + new_el.classList.add('anime-text'); + new_el.innerHTML = content[counter]; + new_el.setAttribute('data-splitting', true); + + item.querySelector('.anime-text').replaceWith(new_el); + Splitting(); + counter++; + + if (counter === content.length) { + counter = 0; + } + + switch (text_effect) { + case 'wave': + waveTextAnimation(item, ftOptions); + break; + + case 'smooth-wave': + smoothWaveTextAnimation(item, ftOptions); + break; + + case 'curve': + curvedTextAnimation(item, ftOptions); + break; + + case 'rotate': + rotateTextAnimation(item, ftOptions); + break; + + case 'slide': + slideTextAnimation(item, ftOptions); + break; + + case 'jump': + jumpTextAnimation(item, ftOptions); + break; + + case 'zoom': + zoomTextAnimation(item, ftOptions); + break; + + case 'rubber-band': + rubberbandTextAnimation(item, ftOptions); + break; + + case 'fade': + fadeTextAnimation(item, ftOptions); + break; + + default: + } + + if (text_effect === undefined) { + anime({ + targets: item.querySelectorAll('.anime-text > .word > .char'), + ...ftOptions, + delay: anime.stagger(speed ? speed : 0, {start: delay ? delay : 0}) + }); + } + }, duration); + } + } + } + + $('[data-fancy-text]').each(function () { + const _this = $(this); + const ftOptions = _this.data('fancy-text'); + if (ftOptions) { + if (_this.hasClass('swiper-parallax-fancy-text')) { + FancyTextDefault(this, ftOptions); + } else { + _this.on('appear', function () { + if (!_this.hasClass('appear')) { + _this.addClass('appear'); + FancyTextDefault(this, ftOptions); + } + }); + } + } + }); + + /* =================================== + Instagram feed + ====================================== */ + var instagramWrapperItems = document.querySelectorAll('.instafeed-wrapper'); + instagramWrapperItems.forEach(function (instagramWrapperItem) { + var token = 'IGQWRPZA29XcnJtQ3lydUp4dHNvX0cwX1pSMzRlMm5sOGJ0bXpPS3h5dEVIN2ozQVkwb0VGMVNMNlh4eVBVUVN5WnBVR2tVeGdnbER5dWhJUUxCZAGo1TXBuRkxmcWU2dW9fYkJDaVRSM0RCNlFQUTZAmOFJKOUJsTnMZD', + _this = $(instagramWrapperItem), + token = _this.attr('data-token') || token, + total = _this.attr('data-total') || '6', // how much photos do you want to get + slider = _this.attr('data-slider-options'), + _html = _this.html(), + outputHTML = ''; + if (typeof (slider) !== 'undefined' && slider !== null) { + _this.html(''); + } + $.ajax({ + url: 'https://graph.instagram.com/me/media?fields=id,media_type,media_url,timestamp,permalink&access_token=' + token, + type: 'GET', + success: function (response) { + outputHTML += _this.find('.grid-item').length ? '
  • ' : ''; + for (var x in response.data) { + if (x < parseInt(total)) { + if (response.data[x]['media_type'] == 'IMAGE') { + var link = response.data[x]['permalink'] || '', + image = response.data[x]['media_url'] || '', + likes = response.data[x]['like_count'] || '', + comments = response.data[x]['comments_count'] || '', + output = _html; + + output = output.replace(' href="#"', ''); + output = output.replace(' src="#"', ''); + output = output.replace('data-href', 'href'); + output = output.replace('data-src', 'src'); + output = output.replace('{{link}}', link); + output = output.replace('{{image}}', image); + output = output.replace('{{likes}}', likes); + output = output.replace('{{comments}}', comments); + outputHTML += output; + } + } + } + _this.html(outputHTML); + if (typeof (slider) !== 'undefined' && slider !== null) { + // Apply swiper + var sliderOptions = $.parseJSON(slider); + var swiperObj = instagramWrapperItem.parentElement; + if (typeof Swiper === 'function') { + new Swiper(swiperObj, sliderOptions); + } + } else { + // Apply isotope + _this.imagesLoaded(function () { + _this.removeClass('grid-loading'); + if (typeof $.fn.isotope === 'function') { + _this.isotope({ + layoutMode: 'masonry', + itemSelector: '.grid-item', + percentPosition: true, + stagger: 0, + masonry: { + columnWidth: '.grid-sizer', + } + }); + } + isotopeObjs.push(_this); + }); + } + }, + error: function (data) { + var output = '
    No Images Found
    '; + _this.append(output); + } + }); + }); + + /* =================================== + Subscribe popup on page load + ====================================== */ + if (typeof $.fn.magnificPopup === 'function') { + if ($('#subscribe-popup').length > 0) { + let delaySecond = 1.5, + expireDays = 30, + cookieName = 'crafto-promo-popup'; + if (getCookie(cookieName) != 'shown') { + setTimeout(function () { + $.magnificPopup.open({ + showCloseBtn: false, + items: { + src: '#subscribe-popup' + }, + type: 'inline', + mainClass: 'my-mfp-zoom-in', + callbacks: { + close: function () { + if ($('#newsletter-off').is(':checked')) { + setCookie(cookieName, 'shown', expireDays); + } + } + } + }); + }, (delaySecond * 3500)); + } + } + } + + /* =================================== + Magnific popup + ====================================== */ + if (typeof $.fn.magnificPopup === 'function') { + // Modal popup + $('.modal-popup').magnificPopup({ + type: 'inline', + preloader: false, + blackbg: true + }); + + // Modal popup close + $(document).on('click', '.popup-modal-dismiss', function (e) { + e.preventDefault(); + $.magnificPopup.close(); + }); + + // Modal popup - zoom animation + $('.popup-with-zoom-anim').magnificPopup({ + type: 'inline', + fixedContentPos: false, + fixedBgPos: true, + overflowY: 'auto', + closeBtnInside: true, + preloader: false, + midClick: true, + removalDelay: 300, + blackbg: true, + mainClass: 'my-mfp-zoom-in' + }); + + // Modal popup - move animation + $('.popup-with-move-anim').magnificPopup({ + type: 'inline', + fixedContentPos: false, + fixedBgPos: true, + overflowY: 'auto', + closeBtnInside: true, + preloader: false, + midClick: true, + removalDelay: 300, + blackbg: true, + mainClass: 'my-mfp-slide-bottom' + }); + + // Modal popup - slide up animation + $('.slide-up-animation').magnificPopup({ + type: 'inline', + fixedContentPos: false, + fixedBgPos: true, + overflowY: 'auto', + closeBtnInside: true, + preloader: false, + midClick: true, + removalDelay: 300, + blackbg: true, + mainClass: 'my-mfp-slide-up' + }); + + // Popup with form + $('.popup-with-form').magnificPopup({ + type: 'inline', + preloader: false, + fixedContentPos: true, + focus: '#name', + callbacks: { + beforeOpen: function () { + if ($(window).width() < 700) { + this.st.focus = false; + } else { + this.st.focus = '#name'; + } + } + } + }); + + // Video magnific popup + $('.popup-youtube, .popup-vimeo, .popup-googlemap').magnificPopup({ + disableOn: 320, + type: 'iframe', + mainClass: 'mfp-fade', + removalDelay: 160, + preloader: false, + fixedContentPos: true, + closeBtnInside: false + }); + + // Ajax magnific popup + $('.ajax-popup').magnificPopup({ + type: 'ajax', + alignTop: true, + fixedContentPos: true, + closeBtnInside: false, + overflowY: 'scroll', // as we know that popup content is tall we set scroll overflow by default to avoid jump + callbacks: { + open: function () { + $('.navbar .collapse').removeClass('show'); + $('.navbar a.dropdown-toggle').addClass('collapsed'); + } + } + }); + } + + /* =================================== + Contact form validation + ====================================== */ + + // Contact form validation on submit + $(document).on('click', '.submit', function () { + var error = false, + _this = $(this), + formObj = _this.parents('form'), + emailFormat = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/, + urlformat = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/, + telFormat = /[0-9 -()+]+$/, + actionURL = formObj.attr('action'), + resultsObj = formObj.find('.form-results'), + grecaptchav3= _this.attr( 'data-sitekey' ) || '', + redirectVal = formObj.find('[name="redirect"]').val(); + formObj.find('.required').removeClass('is-invalid'); + formObj.find('.required').each(function () { + var __this = $(this), + fieldVal = __this.val(); + if (fieldVal == '' || fieldVal == undefined) { + error = true; + __this.addClass('is-invalid'); + } else if (__this.attr('type') == 'email' && !emailFormat.test(fieldVal)) { + error = true; + __this.addClass('is-invalid'); + } else if (__this.attr('type') == 'url' && !urlformat.test(fieldVal)) { + error = true; + __this.addClass('is-invalid'); + } else if (__this.attr('type') == 'tel' && !telFormat.test(fieldVal)) { + error = true; + __this.addClass('is-invalid'); + } + }); + var termsObj = formObj.find('.terms-condition'); + if (termsObj.length) { + if (!termsObj.is(':checked')) { + error = true; + termsObj.addClass('is-invalid'); + } + } + + // Google reCaptcha verify + if ( typeof ( grecaptcha ) !== 'undefined' && grecaptcha !== null ) { + if (formObj.find('.g-recaptcha').length) { + var gResponse = grecaptcha.getResponse(); + if (!(gResponse.length)) { + error = true; + formObj.find('.g-recaptcha').addClass('is-invalid'); + } + } else if( grecaptchav3 != '' && grecaptchav3 != undefined ) { // For Version 3 + grecaptcha.ready(function() { + grecaptcha.execute(grecaptchav3, {action: 'submit'}).then(function(token) { + }); + }); + } + } + + if (!error && actionURL != '' && actionURL != undefined) { + _this.addClass('loading'); + $.ajax({ + type: 'POST', + url: actionURL, + data: formObj.serialize(), + success: function (result) { + _this.removeClass('loading'); + if (redirectVal != '' && redirectVal != undefined) { + window.location.href = redirectVal; + } else { + if (typeof (result) !== 'undefined' && result !== null) { + result = $.parseJSON(result); + } + formObj.find('input[type=text],input[type=url],input[type=email],input[type=tel],input[type=password],textarea').each(function () { + $(this).val(''); + $(this).removeClass('is-invalid'); + }); + formObj.find('.g-recaptcha').removeClass('is-invalid'); + formObj.find('input[type=checkbox],input[type=radio]').prop('checked', false); + if (formObj.find('.g-recaptcha').length) { + grecaptcha.reset(); + } + resultsObj.removeClass('alert-success').removeClass('alert-danger').hide(); + resultsObj.addClass(result.alert).html(result.message); + resultsObj.removeClass('d-none').fadeIn('slow').delay(4000).fadeOut('slow'); + } + } + }); + } + return false; + }); + + // Contact form validation on blur + $(document).on('blur', '.required', function () { + var emailFormat = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/, + telFormat = /[0-9 -()+]+$/, + urlformat = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/, + fieldVal = $(this).val(); + if (fieldVal == '' || fieldVal == undefined) { + $(this).addClass('is-invalid'); + } else if ($(this).attr('type') == 'email' && !emailFormat.test(fieldVal)) { + $(this).addClass('is-invalid'); + } else if ($(this).attr('type') == 'url' && !urlformat.test(fieldVal)) { + $(this).addClass('is-invalid'); + } else if ($(this).attr('type') == 'tel' && !telFormat.test(fieldVal)) { + $(this).addClass('is-invalid'); + } else { + $(this).removeClass('is-invalid').addClass('is-valid'); + } + }); + + // Validate terms and conditions in form + $(document).on('click', '.terms-condition', function () { + var termsObj = $(this); + if (!termsObj.is(':checked')) { + termsObj.addClass('is-invalid'); + } else { + termsObj.removeClass('is-invalid').addClass('is-valid'); + } + }); + + /* =================================== + Revolution slider + ====================================== */ + + // Reinit skroller after revolution slider loaded + if ($('.rev_slider').length) { + $('.rev_slider').each(function () { + $(this).one('revolution.slide.onloaded', function () { + reInitSkrollr(); + }); + }); + } + + /* =================================== + Window on load + ====================================== */ + + $(window).on('load', function () { + + // Bootstrap tooltip + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl); + }); + + // Parallax + if (typeof $.fn.parallax !== 'undefined' && typeof $.fn.parallax !== null) { + setParallax(); + } + + // Non retina image code + $("img:not([data-at2x])").each(function () { + $(this).attr('data-no-retina', ''); + }); + + // Page loader + if ($('.page-loader').length) { + $('.page-loader').fadeOut(); + } + + // Reset isotope loop + resetIsotopeLayoutLoop(isotopeObjs, false); + + // Top overlap section position + setOverLayerPosition(); + + // Bottom overlap section position + setBottomOverLayerPosition(); + + // Set full screen height & top space + setTimeout(function () { + fullScreenHeight(); + setTopSpaceHeight(); + }, headerTransition); // Header transition effect time + }); + + /* =================================== + Page loader + ====================================== */ + + $(window).on("load", function () { + $('.page-loader').show(); + setTimeout(function () { + $('.page-loader').hide(); + }, 1000); + }); + + /* =================================== + Window resize + ====================================== */ + + $(window).resize(function () { + slideboxstyle(); + setParallax(); + initScrollNavigate(); + setOverLayerPosition(); + setBottomOverLayerPosition(100); + setSpaceInInteractiveBannerStyle(); + + // Update custom scrollbar for full screen & modern menu + if ($('.navbar-collapse-clone').length && typeof $.fn.mCustomScrollbar === 'function') { + $('.navbar-collapse-clone').mCustomScrollbar('update'); + } + + // Reset isotope + if (!isMobile) { + setTimeout(function () { + resetIsotopeLayoutLoop(isotopeObjs, true); + }, 300); + } + + if ($(window).width() <= 1199) { + destroyAtropos(); + destroySkrollr(); + } else { + if (typeof Atropos !== 'undefined' && typeof Atropos !== null) { + initAtropos(); + } + initSkrollr(); + } + }); + + /* =================================== + Window orientation change + ====================================== */ + + $(window).on('orientationchange', function (e) { + + // Top overlap section position + setOverLayerPosition(); + + // Bottom overlap section position + setBottomOverLayerPosition(); + + // Set full screen height & top space + setTimeout(function () { + fullScreenHeight(); + setTopSpaceHeight(); + }, headerTransition); // Header transition effect time + + // Close all menu + $('.navbar-collapse.collapse').collapse('hide'); + // Close push menu + $('html, body').removeClass('show-menu'); + // Close search + $('body').removeClass('show-search-popup'); + // Header color remove + $('header nav').removeClass('submenu-light').removeClass('submenu-dark'); + // Close all dropdown menu + $('.dropdown').trigger('mouseleave'); + // Close left submenu + $('.sub-menu.show').collapse('hide'); + // Close left simple menu + $('.left-sidebar-header').collapse('hide'); + stickyKitRecalc(); + // Close left modern menu + $('.left-modern-header').collapse('hide'); + }); + + /* =================================== + Window scroll + ====================================== */ + + $(window).on('scroll', initScrollNavigate); + + // Window scroll Function + function initScrollNavigate() { + + var scrollPos = $(window).scrollTop(); + + // One page navigation + var menuLinks = $('.navbar-nav li a'); + menuLinks.each(function () { + var _this = $(this); + var hasPos = _this.attr('href').indexOf('#'); + if (hasPos > -1) { + var res = _this.attr('href').substring(hasPos); + if (res != '' && res != '#' && $(res).length) { + var refElement = $(_this.attr('href')); + if (refElement.position().top <= (scrollPos + 60) && refElement.position().top + refElement.height() > (scrollPos + 60)) { + menuLinks.removeClass('active'); + _this.addClass('active'); + } + if (scrollPos < 1) { + _this.removeClass('active'); + } + } + } + }); + + // Sticky nav Start + var navHeight = 0, + miniHeaderHeight = 0; + if ($('header nav.navbar').length) { + navHeight = $('header nav.navbar').outerHeight(); + } + if ($('.header-top-bar').length) { + miniHeaderHeight = $('.header-top-bar').outerHeight(); + } + var headerHeight = navHeight + miniHeaderHeight; + if (!$('header').hasClass('no-sticky')) { + if (scrollPos >= headerHeight) { + $('header').addClass('sticky'); + if (!$('.header-top-bar').is(':hidden')) { + $('.header-top-bar').css({'top': '-' + (miniHeaderHeight) + 'px'}); + $('.header-top-bar + .navbar').css({'top': '0px'}); + } else { + $('.header-top-bar, .header-top-bar + .navbar').css({'top': ''}); + } + } else if (scrollPos <= headerHeight) { + $('header').removeClass('sticky'); + if (!$('.header-top-bar').is(':hidden')) { + $('.header-top-bar').css({'top': '0px'}); + $('.header-top-bar + .navbar').css({'top': (miniHeaderHeight) + 'px'}); + } else { + $('.header-top-bar, .header-top-bar + .navbar').css({'top': ''}); + } + } + } + + // Header sticky + if (scrollPos > (headerHeight + 150)) { + setTimeout(function () { + $('header').addClass('sticky-active'); + }, headerTransition); // Header transition effect time + } + if (scrollPos < headerHeight) { + setTimeout(function () { + $('header').removeClass('sticky-active'); + }, headerTransition); // Header transition effect time + } + + // Hide side menu on scroll + if (scrollPos >= 200 && getWindowWidth() > menuBreakPoint) { + + // Close all dropdown menu + $('.dropdown').trigger('mouseleave'); + } + + // Scroll to top + if (scrollPos > 150) { + $('.scroll-top-arrow').fadeIn('300'); + } else { + $('.scroll-top-arrow').fadeOut('300'); + } + + // Set full screen height & top space + if (scrollPos <= 0) { + setTimeout(function () { + fullScreenHeight(); + setTopSpaceHeight(); + }, headerTransition); // Header transition effect time + } + + lastScroll = scrollPos; + } + + /* =================================== + Utility functions start + ====================================== */ + + // Check formatted number + function pad(d) { + return (d < 10) ? '0' + d.toString() : d.toString(); + } + + // Check IE browser + function isIE() { + var ua = window.navigator.userAgent, + msie = ua.indexOf('MSIE '); + if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) { + return true; + } else { + return false; + } + return false; + } + + // Get window height + function getWindowHeight() { + return $(window).height(); + } + + // Get window width + function getWindowWidth() { + return $(window).width(); + } + + // Full screen + function fullScreenHeight() { + var fullScreenObj = $('.full-screen'), + minHeight = getWindowHeight(), + headerHeight = getHeaderHeight(); + if (!$('header').hasClass('sticky')) { + fullScreenObj.parents('section').imagesLoaded(function () { + if ($('section:first.full-screen, section:first .full-screen').length && ($('.top-space-margin').length || $('.mobile-top-space').length) || $('.ipad-top-space-margin').length) { + if ($('.ipad-top-space-margin').length) { + if (getWindowWidth() <= menuBreakPoint) { + $('section:first.full-screen, section:first .full-screen').css('height', minHeight - headerHeight); + } else { + $('section:first.full-screen, section:first .full-screen').css('height', minHeight); + } + } else { + $('section:first.full-screen, section:first .full-screen').css('height', minHeight - headerHeight); + } + } else if ($('header nav.navbar').hasClass('top-space-margin') || $('header nav.navbar').hasClass('mobile-top-space')) { + if ($('header nav.navbar').hasClass('ipad-top-space-margin')) { + if (getWindowWidth() <= menuBreakPoint) { + minHeight = minHeight - $('header nav.navbar').outerHeight(); + } + } else { + minHeight = minHeight - $('header nav.navbar').outerHeight(); + } + fullScreenObj.css('height', minHeight); + } else { + fullScreenObj.css('height', minHeight); + } + }); + } + } + + // Get cookie + function getCookie(cname) { + var name = cname + "="; + var decodedCookie = decodeURIComponent(document.cookie); + var ca = decodedCookie.split(';'); + for (var i = 0; i < ca.length; i++) { + var c = ca[i]; + while (c.charAt(0) == ' ') { + c = c.substring(1); + } + if (c.indexOf(name) == 0) { + return c.substring(name.length, c.length); + } + } + return ""; + } + + // Set cookie + function setCookie(cname, cvalue, exdays) { + var d = new Date(); + d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); + var expires = (exdays != 0 && exdays != '') ? d.toUTCString() : 0; + document.cookie = cname + "=" + cvalue + ";expires=" + expires + ";path=/"; + } + + /* =================================== + Swiper slider + ====================================== */ + + // Setup swiper slider + function setupSwiper() { + + // Swiper slider using params + var swipers = document.querySelectorAll('[data-slider-options]:not(.instafeed-wrapper)'); + swipers.forEach(function (swiperItem) { + var _this = $(swiperItem), + sliderOptions = _this.attr('data-slider-options'); + if (typeof (sliderOptions) !== 'undefined' && sliderOptions !== null) { + + sliderOptions = $.parseJSON(sliderOptions); + + // If user have provided "data-slide-change-on-click" attribute then below code will execute + var changeOnClick = _this.attr('data-slide-change-on-click'); + if (changeOnClick != '' && changeOnClick != undefined && changeOnClick == '1') { + + sliderOptions['on'] = { + click: function () { + if (this.activeIndex > this.clickedIndex) { + this.slidePrev(); + } else if (this.activeIndex < this.clickedIndex) { + this.slideNext(); + } + } + }; + } + + /* If user have provided "data-thumb-slider-md-direction" attribute then below code will execute */ + if (sliderOptions['thumbs'] != '' && sliderOptions['thumbs'] != undefined) { + + var mdThumbDirection = _this.attr('data-thumb-slider-md-direction'); + if (mdThumbDirection != '' && mdThumbDirection != undefined) { + + var thumbDirection = (sliderOptions['thumbs']['swiper']['direction'] != '' && sliderOptions['thumbs']['swiper']['direction'] != undefined) ? sliderOptions['thumbs']['swiper']['direction'] : mdThumbDirection; + sliderOptions['thumbs']['swiper']['on'] = { + init: function () { + if (getWindowWidth() <= sliderBreakPoint) { + this.changeDirection(mdThumbDirection); + } else { + this.changeDirection(thumbDirection); + } + this.update(); + }, + resize: function () { + if (getWindowWidth() <= sliderBreakPoint) { + this.changeDirection(mdThumbDirection); + } else { + this.changeDirection(thumbDirection); + } + this.update(); + }, + click: function () { + /* Product thumbs automatic next / previous on click slide */ + if (this.activeIndex == this.clickedIndex) { + this.slidePrev(); + } else { + this.slideNext(); + } + } + }; + } + } + + // If user have provided "data-number-pagination" attribute then below code will execute + var numberPagination = _this.attr('data-number-pagination'); + if (numberPagination != '' && numberPagination != undefined && numberPagination == '1' && sliderOptions['pagination'] != '' && sliderOptions['pagination'] != undefined) { + sliderOptions['pagination']['renderBullet'] = function (index, className) { + return '' + pad(index + 1) + ''; + } + } + + // If user have provided "data-thumbs" attribute then below code will execute + var dataThumbs = _this.attr('data-thumbs'); + if (dataThumbs != '' && dataThumbs != undefined && sliderOptions['pagination'] != '' && sliderOptions['pagination'] != undefined) { + dataThumbs = $.parseJSON(dataThumbs); + if (typeof (dataThumbs) !== 'undefined' && dataThumbs !== null) { + sliderOptions['pagination']['renderBullet'] = function (index, className) { + return ''; + } + } + } + + sliderOptions['on'] = { + init: function () { + let slides = this.slides; + let activeIndex = this.activeIndex, + current_slide = this.slides[activeIndex], + anime_el = current_slide.querySelectorAll('[data-anime]'), + fancy_el = current_slide.querySelectorAll('[data-fancy-text]'); + + if (getWindowWidth() > animeBreakPoint) { + if (anime_el) { + anime_el.forEach(element => { + let options = element.getAttribute('data-anime'); + + if (typeof (options) !== 'undefined' && options !== null) { + options = $.parseJSON(options); + + element.classList.add('appear'); + element.style.transition = "none"; + + if (options.el) { + for (let i = 0; i < element.children.length; i++) { + element.children[i].style.transition = "none"; + element.children[i].classList.add('appear'); + } + } + animeAnimation(element, options); + element.classList.remove('appear'); + } + }); + } + } + }, + slideChange: function () { + // Get active slide + let slides = this.slides; + let activeIndex = this.activeIndex, + current_slide = this.slides[activeIndex], + anime_el = current_slide.querySelectorAll('[data-anime]'), + fancy_el = current_slide.querySelectorAll('[data-fancy-text]'); + + if (getWindowWidth() > animeBreakPoint) { + if (fancy_el) { + fancy_el.forEach(element => { + element.classList.add('appear'); + let fancy_options = element.getAttribute('data-fancy-text'); + if (typeof (fancy_options) !== 'undefined' && fancy_options !== null) { + fancy_options = $.parseJSON(fancy_options); + let child = element; + + FancyTextDefault(child, fancy_options); + element.classList.remove('appear'); + } + }); + } + + if (anime_el) { + anime_el.forEach(element => { + let options = element.getAttribute('data-anime'); + + if (typeof (options) !== 'undefined' && options !== null) { + options = $.parseJSON(options); + + element.classList.add('appear'); + element.style.transition = "none"; + + if (options.el) { + for (let i = 0; i < element.children.length; i++) { + element.children[i].style.transition = "none"; + element.children[i].classList.add('appear'); + } + } + animeAnimation(element, options); + element.classList.remove('appear'); + } + }); + } + } + } + }; + + // If swiper has number navigation + var isNumberPagination = _this.attr('data-swiper-number-line-pagination') || false; + var isNumberNavigation = _this.attr('data-swiper-number-navigation') || false; + var isNumberPaginationProgress = _this.attr('data-swiper-number-pagination-progress') || false; + var showProgress = _this.attr('data-swiper-show-progress') || false; + var hasGalleryBox = _this.attr('data-gallery-box') || false; + if (isNumberPagination || isNumberNavigation || isNumberPaginationProgress || hasGalleryBox) { + sliderOptions['on'] = { + init: function () { + if (isNumberPagination || isNumberNavigation || isNumberPaginationProgress) { + if (sliderOptions.hasOwnProperty('loop') && sliderOptions['loop']) { + var slideLength = this.slides.length; + } + var length = slideLength; + if (isNumberPaginationProgress) { + _this.parent().find('.number-next').text('0' + length); + _this.parent().find('.number-prev').text('01'); + _this.parent().find('.swiper-pagination-progress')[0].style.setProperty('--swiper-progress', (100 / length).toFixed(2) + '%'); + } else { + _this.parent().find('.number-next').text('02'); + _this.parent().find('.number-prev').text('0' + length); + if (showProgress) + _this.parent().find('.swiper-pagination-progress')[0].style.setProperty('--swiper-progress', (100 / length).toFixed(2) + '%'); + } + } + if (typeof $.fn.magnificPopup === 'function') { + if (hasGalleryBox) { + _this.magnificPopup({ + delegate: 'a', + type: 'image', + closeOnContentClick: true, + closeBtnInside: false, + gallery: {enabled: true} + }); + } + } + }, + slideChange: function () { + if (isNumberPagination || isNumberNavigation || isNumberPaginationProgress) { + if (sliderOptions.hasOwnProperty('loop') && sliderOptions['loop']) { + var slideLength = this.slides.length; + } + var length = this.slides.length, + active = (this.realIndex) + 1, + next = active + 1, + prev = active - 1; + if (active == 1) { + prev = length; + } + if (active == length) { + next = 1; + } + if (isNumberPaginationProgress) { + _this.parent().find('.number-prev').each(function () { + $(this).text(active < 10 ? '0' + active : active); + }); + _this.parent().find('.swiper-pagination-progress')[0].style.setProperty('--swiper-progress', ((100 / length) * active).toFixed(2) + '%'); + } else { + _this.parent().find('.number-next').each(function () { + $(this).text(next < 10 ? '0' + next : next); + }); + _this.parent().find('.number-prev').each(function () { + $(this).text(prev < 10 ? '0' + prev : prev); + }); + if (showProgress) + _this.parent().find('.swiper-pagination-progress')[0].style.setProperty('--swiper-progress', ((100 / length) * active).toFixed(2) + '%'); + } + } + } + } + } + + // Move thumb slide on click in product page. + var thumbClick = _this.attr('data-swiper-thumb-click') || false; + if (thumbClick && sliderOptions.hasOwnProperty('thumbs')) { + sliderOptions['thumbs']['swiper']['on'] = { + click: function (swiper) { + if (swiper.activeIndex >= swiper.clickedIndex) { + swiper.slidePrev(); + } else if (swiper.activeIndex < swiper.clickedIndex) { + swiper.slideNext(); + } + } + } + } + + if (typeof Swiper === 'function') { + _this.imagesLoaded(function () { + var swiperObj = new Swiper(swiperItem, sliderOptions); + swiperObjs.push(swiperObj); + }); + } + } + }); + } + + /* =================================== + Parallax background + ====================================== */ + + function setParallax() { + if (!isIE()) { + if (typeof $.fn.parallax !== 'undefined' && typeof $.fn.parallax !== null) { + $('[data-parallax-background-ratio]').each(function () { + var ratio = $(this).attr('data-parallax-background-ratio') || 0.5; + $(this).parallax('50%', ratio); + }); + $('[data-parallax-layout-ratio]').each(function () { + var ratio = $(this).attr('data-parallax-layout-ratio') || 1; + $(this).parallaxImg(ratio); + }); + } + + $('[data-parallax-liquid]').each(function () { + var scale = $(this).attr('data-parallax-scale') || 0; + var scaleFraction = parseFloat($(this).attr('data-parallax-scale-fraction')); + var reverse = $(this).attr('data-parallax-reverse') ? $(this).attr('data-parallax-reverse') : false; + var parallaxTransition = parseFloat($(this).attr('data-parallax-transition')) ? parseFloat($(this).attr('data-parallax-transition')) : 1.5; + if (typeof $.fn.parallaxLiquidImg !== 'undefined' && typeof $.fn.parallaxLiquidImg !== null) { + $(this).parallaxLiquidImg(parallaxTransition, parseFloat(scale), scaleFraction, reverse); + } + }); + } + } + + /* =================================== + Overlap section + ====================================== */ + + // Top overlap section position + function setOverLayerPosition() { + if (($('.overlap-section').length > 0 || $('.overlap-section-one-fourth').length > 0 || $('.overlap-section-three-fourth').length > 0)) { + $('.overlap-section, .overlap-section-one-fourth, .overlap-section-three-fourth').each(function () { + let _this = $(this), + overlayBreakpoint = 767; + + if (_this.hasClass('md-overlap-disable')) { + overlayBreakpoint = 991; + } else if (_this.hasClass('sm-overlap-disable')) { + overlayBreakpoint = 767; + } + + if (getWindowWidth() > overlayBreakpoint) { + setTimeout(function () { + _this.imagesLoaded(function () { + var closestSectionObj = _this.closest('section'); + if (_this.closest('footer').length) { + closestSectionObj = _this.closest('footer'); + } + var sectionPaddingTop = parseInt(closestSectionObj.css('padding-top')), + areaHeight = _this.find('*').outerHeight(), + overlayTop = areaHeight + sectionPaddingTop; + if (_this.hasClass('overlap-section-one-fourth')) { + overlayTop = (areaHeight / 4) - overlayTop; + } else if (_this.hasClass('overlap-section-three-fourth')) { + overlayTop = ((areaHeight * 3) / 4) - overlayTop; + } else { + overlayTop = (areaHeight / 2) - overlayTop; + } + _this.css('margin-top', overlayTop); + var parentSectionObj = closestSectionObj.prev('.overlap-height'), + overlapGap = parentSectionObj.find('.overlap-gap-section'); + parentSectionObj.imagesLoaded(function () { + if (overlapGap.length > 0) { + var gapSectionHeight = overlapGap.outerHeight() + (Math.abs(overlayTop) - sectionPaddingTop); + overlapGap.parents('.overlap-height').height(gapSectionHeight); + } + }); + }); + }, 500); + } else { + setTimeout(function () { + $('.overlap-height').height('inherit'); + $('.overlap-section, .overlap-section-one-fourth, .overlap-section-three-fourth').css('margin-top', 'inherit'); + }, 500); + } + }); + } + } + + // Bottom overlap section position + function setBottomOverLayerPosition(delay) { + if (($('.overlap-section-bottom').length > 0) && getWindowWidth() >= 768) { + $('.overlap-section-bottom').each(function () { + var _this = $(this), + timeOut = (_this.find('.instafeed-wrapper').length > 0) ? delay : 10; + setTimeout(function () { + _this.imagesLoaded(function () { + var areaHeight = _this.outerHeight(), + overlayerMargin = ((areaHeight / 2) - areaHeight); + _this.parents('section').next('.overlap-gap-section-bottom').css('margin-top', overlayerMargin); + _this.parents('section').next('.overlap-gap-section-bottom').css('padding-top', areaHeight); + }); + }, timeOut); + }); + } else { + $('.overlap-gap-section-bottom').css('margin-top', ''); + $('.overlap-gap-section-bottom').css('padding-top', ''); + } + } + + /* =================================== + Magic cursor + ====================================== */ + + if ($('.magic-cursor').length > 0) { + $('
    ').clone(false).appendTo('body'); + + if ($('.magic-cursor').hasClass('light')) { + $('.magic-cursor-wrapper').addClass('magic-cursor-light'); + } + if ($('.magic-cursor').hasClass('base-color')) { + $('.magic-cursor-wrapper').addClass('magic-cursor-base-color'); + } + if ($('.magic-cursor').hasClass('view-cursor')) { + $('.magic-cursor-wrapper').addClass('magic-view-cursor'); + } + if ($('.magic-cursor').hasClass('drag-cursor')) { + $('.magic-cursor-wrapper').addClass('magic-drag-cursor'); + } + if ($('.magic-cursor').hasClass('round-cursor')) { + $('.magic-cursor-wrapper').addClass('magic-round-cursor'); + } + + var mouse = { + x: 0, + y: 0 + }, + pos = { + x: 0, + y: 0 + }, + ratio = .65, + active = !1, + ball = document.getElementById('ball-cursor'), + ballloader = document.getElementById('ball-cursor-loader'); + + function mouseMove(e) { + var a = window.pageYOffset || document.documentElement.scrollTop; + mouse.x = e.pageX, mouse.y = e.pageY - a + } + + function updatePosition() { + active || (pos.x += (mouse.x - pos.x) * ratio, pos.y += (mouse.y - pos.y) * ratio, TweenLite.to(ball, .4, { + x: pos.x, + y: pos.y, + })) + } + if (typeof TweenLite !== "undefined") { + TweenLite.set(ball, { + xPercent: -50, + yPercent: -50, + scale: 0, + borderWidth: "0", + opacity: 1 + }); + } + document.addEventListener("mousemove", mouseMove); + if (typeof gsap !== "undefined") { + gsap.ticker.add(updatePosition); + } + + if (typeof TweenMax !== 'undefined' && typeof TweenMax !== null) { + $('.magic-cursor').mouseenter(function (e) { + TweenMax.to('#ball-cursor', 0.3, { + borderWidth: '2px', + scale: 1, + }); + TweenMax.to('#ball-cursor-loader', 0.2, { + borderWidth: '2px', + top: 2, + left: 2 + }); + $('.magic-cursor-wrapper').addClass('sliderhover'); + if ($(this).hasClass('magic-cursor-vertical')) { + $('.magic-cursor-wrapper').addClass('vertical'); + } + }); + } + if (typeof TweenMax !== 'undefined' && typeof TweenMax !== null) { + $('.magic-cursor').mouseleave(function (e) { + TweenMax.to('#ball-cursor', 0.3, { + borderWidth: '2px', + scale: 1, + borderColor: 'transparent', + opacity: 1 + }); + TweenMax.to('#ball-cursor-loader', 0.2, { + borderWidth: '2px', + top: 0, + left: 0 + }); + $('.magic-cursor-wrapper').removeClass('sliderhover'); + }); + } + } + + $(document).on('mouseenter', '.swiper-button-next, .swiper-button-prev, .swiper-pagination, a:not(.force-magic-cursor)', function () { + $('.magic-cursor-wrapper').css({'opacity': 0}); + }).on('mouseleave', '.swiper-button-next, .swiper-button-prev, .swiper-pagination, a:not(.force-magic-cursor)', function () { + $('.magic-cursor-wrapper').css({'opacity': 1}); + }); + + /* =================================== + Box shadow animation + ====================================== */ + + $(window).scroll(function (event) { + $('[data-shadow-animation="true"]').each(function () { + addBoxAnimationClass($(this)) + }); + }); + $('[data-shadow-animation="true"]').removeClass('shadow-in'); + $('[data-shadow-animation="true"]').each(function () { + addBoxAnimationClass($(this)) + }); + function addBoxAnimationClass(boxObj) { + if (boxObj.length) { + var w = boxObj.width(); + var h = boxObj.height(); + var offset = boxObj.offset(); + var right = offset.left + parseInt(boxObj.width()); + var bottom = offset.top + parseInt(boxObj.height()); + var visibleX = Math.max(0, Math.min(w, window.pageXOffset + window.innerWidth - offset.left, right - window.pageXOffset)); + var visibleY = Math.max(0, Math.min(h, window.pageYOffset + window.innerHeight - offset.top, bottom - window.pageYOffset)); + var visible = visibleX * visibleY / (w * h); + if (visible >= 0.5) { + if (typeof boxObj.attr('data-animation-delay') !== 'undefined' && boxObj.attr('data-animation-delay') > 10) { + setTimeout(function () { + boxObj.addClass('shadow-in'); + }, boxObj.attr('data-animation-delay')); + } else { + boxObj.addClass('shadow-in'); + } + } + } + } + + /* =================================== + Skrollr animation + ====================================== */ + + var skroller; + function initSkrollr() { + if (typeof skrollr !== 'undefined' && typeof skrollr !== null) { + skroller = skrollr.init({ + 'forceHeight': false, + 'smoothScrollingDuration': 1000, + 'mobileCheck': function () { + return false; + } + }); + } + } + + function reInitSkrollr() { + destroySkrollr(); + if ($(window).width() >= 1200) { + setTimeout(function () { + initSkrollr(); + }, 1000); + } + } + + function destroySkrollr() { + if (typeof skroller !== typeof undefined && skroller != 'undefined') { + skroller.destroy(); + } + } + + if ($(window).width() >= 1200) { + initSkrollr(); + } + + /* =================================== + Particles + ====================================== */ + + var particleDefaultOptions = { + particles: { + number: { + value: 80, + density: { + enable: !1, + value_area: 800 + } + }, + color: { + value: ["#fdc14c", "#fd5c4c", "#48bb0f"] + }, + shape: { + type: "circle" + }, + size: { + value: 10, + random: !0, + anim: { + enable: !0, + speed: 1 + } + }, + opacity: { + value: 0.5, + random: false + }, + move: { + direction: "right", + attract: { + enable: !0 + } + }, + line_linked: { + enable: !1 + } + }, + interactivity: { + events: { + onhover: { + enable: !1 + }, + onclick: { + enable: !1 + } + } + }, + "retina_detect": true + }; + var particleItems = $('[data-particle="true"]'); + if (typeof particlesJS === 'function' && particleItems.length) { + $.each(particleItems, function (index, particleItem) { + var particleId = $(particleItem).attr('id'); + var particleItemOptions = $(particleItem).attr('data-particle-options'); + if (particleItemOptions != 'undefined' && typeof particleItemOptions !== typeof undefined) { + particleItemOptions = JSON.parse(particleItemOptions); + } else { + particleItemOptions = particleDefaultOptions; + } + particlesJS(particleId, particleItemOptions); + }); + } + + /* =================================== + SVG animated image mask + ====================================== */ + + $('.animatedSvgPath').each(function () { + var animePath = $(this); + var paths = animePath.attr('pathdata:id').split(';'); + paths.splice(paths.length, 0, animePath.attr('d')); + anime({ + targets: animePath[0], + duration: 10000, + easing: 'cubicBezier(0.5, 0, 0.5, 1)', + d: paths, + loop: true + }); + }); + + /* =================================== + Custom cursor + ====================================== */ + + var customCursorInit = false; + handleCustomCursor(); + + // Custom cursor issue + forceHideCustomCursor(); + $(window).resize(function () { + if (!customCursorInit && !(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) { + handleCustomCursor(); + } + forceHideCustomCursor(); + }); + function forceHideCustomCursor() { + setTimeout(function () { + if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { + $('.cursor-page-inner').hide(); + } else { + $('.cursor-page-inner').show(); + } + }, 250); + } + + function handleCustomCursor() { + if ($('body').hasClass('custom-cursor')) { + customCursorInit = true; + const cursorInnerEl = document.querySelector('.circle-cursor-inner'); + const cursorOuterEl = document.querySelector('.circle-cursor-outer'); + let lastY, lastX; + let magneticFlag = false; + let anchorHover = false; + + // Document - mouse move + window.onmousemove = function (event) { + if (!magneticFlag) { + cursorOuterEl.style.transform = 'translate(' + event.clientX + 'px, ' + event.clientY + 'px' + ')'; + } + if (cursorInnerEl.style.opacity = '0') { + cursorInnerEl.style.opacity = '1'; + } + cursorInnerEl.style.transform = 'translate(' + event.clientX + 'px, ' + event.clientY + 'px' + ')'; + lastY = event.clientY; + lastX = event.clientX; + } + + // Link - mouse enter + $('body').on('mouseenter', 'a', function () { + cursorInnerEl.classList.add('cursor-link-hover'); + cursorOuterEl.classList.add('cursor-link-hover'); + anchorHover = true; + }); + + // Disable custom cursor when mouse enter in the magic cursor element + $('body').on('mouseenter', '.magic-cursor', function () { + cursorInnerEl.style.visibility = 'hidden'; + cursorOuterEl.style.visibility = 'hidden'; + }); + + // Enable custom cursor when mouse leave from the magic cursor element + $('body').on('mouseleave', '.magic-cursor', function () { + cursorInnerEl.style.visibility = 'visible'; + cursorOuterEl.style.visibility = 'visible'; + }); + + // Link - mouse leave + $('body').on('mouseleave', 'a', function () { + if ($(this).is('a') && $(this).closest('.cursor-as-pointer').length) { + return; + } + cursorInnerEl.classList.remove('cursor-link-hover'); + cursorOuterEl.classList.remove('cursor-link-hover'); + anchorHover = false; + }); + + // Cursor - mouse enter + $('body').on('mouseenter', '.rounded-box', function () { + const $elem = $(this); + const scrollTop = window.pageYOffset || document.documentElement.scrollTop; + + if (anchorHover) { + cursorInnerEl.classList.remove('cursor-link-hover'); + cursorOuterEl.classList.remove('cursor-link-hover'); + } + + cursorOuterEl.style.transition = 'all .2s ease-out'; + cursorOuterEl.style.transform = 'translate(' + $elem.offset().left + 'px, ' + ($elem.offset().top - scrollTop) + 'px' + ')'; + cursorOuterEl.style.width = $elem.width() + 'px'; + cursorOuterEl.style.height = $elem.height() + 'px'; + cursorOuterEl.style.marginLeft = 0; + cursorOuterEl.style.marginTop = 0; + magneticFlag = true; + }); + + // Cursor - mouse leave + $('body').on('mouseleave', '.rounded-box', function () { + if (anchorHover) { + cursorInnerEl.classList.add('cursor-link-hover'); + cursorOuterEl.classList.add('cursor-link-hover'); + } + + cursorOuterEl.style.transition = null; + cursorOuterEl.style.width = null; + cursorOuterEl.style.height = null; + cursorOuterEl.style.marginLeft = null; + cursorOuterEl.style.marginTop = null; + magneticFlag = false; + }); + + cursorInnerEl.style.visibility = 'visible'; + cursorOuterEl.style.visibility = 'visible'; + } + } + + /* =================================== + Stack animataion + ====================================== */ + + stackAnimation(); + var stackLastScroll = 0; + function stackAnimation() { + windowScrollTop = window.pageYOffset || document.documentElement.scrollTop; + $('.stack-box').each(function () { + if ($(window).width() > 1199) { + var _this = $(this); + var stackItems = _this.find('.stack-item'); + if (stackItems.length) { + if (windowScrollTop > stackLastScroll) { + _this.addClass('forward'); + _this.removeClass('reverse'); + } else { + _this.removeClass('forward'); + _this.addClass('reverse'); + } + + for (let i = 0; i < stackItems.length - 1; i++) { + var stackBoxHeight = (_this.height() / (_this.find('.stack-item').length)) * i; + var stackTopPosition = _this.offset().top; + if ((windowScrollTop - stackTopPosition) > stackBoxHeight) { + var yMove = windowScrollTop - stackTopPosition - stackBoxHeight; + if (yMove > _this.outerHeight()) { + yMove = _this.outerHeight(); + } + $(stackItems[i]).css({'height': 'calc(100vh - ' + yMove + 'px)'}); + $(stackItems[i]).addClass('active'); + } else { + $(stackItems[i]).css({'height': 'calc(100vh - 0px)'}); + $(stackItems[i]).removeClass('active'); + } + } + } + } else { + $('.stack-box .stack-item').css({'height': 'inherit'}); + } + }); + + stackLastScroll = windowScrollTop; + } + $(window).scroll(function () { + stackAnimation(); + }); + + /* =================================== + Image tilt 3d effect using atropos + ====================================== */ + + var atroposItems = document.querySelectorAll('[data-atropos]') + function initAtropos() { + if (atroposItems.length && $(window).width() > 1199) { + atroposItems.forEach(function (atroposItem) { + var myAtropos = Atropos({ + el: atroposItem + }); + }); + } + } + if (typeof Atropos !== 'undefined' && Atropos !== null) { + initAtropos(); + } + function destroyAtropos() { + if (atroposItems.length && $(window).width() > 1199) { + atroposItems.forEach(function (atroposItem) { + if (atroposItem.__atropos__) { + atroposItem.__atropos__.destroy(); + } + }); + } + } + + /* =================================== + Sticky vertical strip - add dark section class + ====================================== */ + + var getElementsInArea = (function (docElm) { + var viewportHeight = docElm.clientHeight; + return function (e, opts) { + var found = [], i; + if (e && e.type == 'resize') { + viewportHeight = docElm.clientHeight; + } + for (i = opts.elements.length; i--; ) { + var elm = opts.elements[i], + pos = elm.getBoundingClientRect(), + topPerc = pos.top / viewportHeight * 100, + bottomPerc = pos.bottom / viewportHeight * 100, + middle = (topPerc + bottomPerc) / 2, + inViewport = middle > opts.zone[1] && middle < (100 - opts.zone[1]); + + elm.classList.toggle(opts.markedClass, inViewport); + + if (inViewport) { + found.push(elm); + } + } + }; + })(document.documentElement); + + $(window).on('scroll resize load', function (e) { + getElementsInArea(e, { + elements: document.querySelectorAll('.section-dark'), + markedClass: 'section-dark-highlight', + zone: [10, 10] + }); + if ($('.section-dark-highlight').length > 0) { + $('.sticky-wrap').addClass('sticky-highlight'); + } else { + $('.sticky-wrap').removeClass('sticky-highlight'); + } + }); + + $(document).on('appear', 'footer', function (e) { + $('.sticky-wrap').addClass('sticky-hidden'); + }).on('disappear', 'footer', function (e) { + $('.sticky-wrap').removeClass('sticky-hidden'); + }); + + /* =================================== + Quantity input + ====================================== */ + + $('.qty-plus').click(function () { + var th = $(this).closest('.quantity').find('.qty-text'); + th.val(+th.val() + 1); + }); + $('.qty-minus').click(function () { + var th = $(this).closest('.quantity').find('.qty-text'); + if (th.val() > 1) + th.val(+th.val() - 1); + }); + + /* =================================== + Infinite looping animation + ====================================== */ + + const wrapperEl = document.querySelector('.looping-wrapper') || false; + const numberOfEls = 100; + const duration = 6000; + const delay = duration / numberOfEls; + + let tl = anime.timeline({ + duration: delay, + complete: function () { + tl.restart(); + } + }); + + function createEl(i) { + let el = document.createElement('div'); + const rotate = (360 / numberOfEls) * i; + const translateY = -50; + el.classList.add('el'); + el.style.transform = 'rotate(' + rotate + 'deg) translateY(' + translateY + '%)'; + tl.add({ + begin: function () { + anime({ + targets: el, + rotate: [rotate + 'deg', rotate + 10 + 'deg'], + translateY: [translateY + '%', translateY + 10 + '%'], + scale: [1, 1.25], + easing: 'easeInOutSine', + direction: 'alternate', + duration: duration * .1 + }); + } + }); + if (wrapperEl) + wrapperEl.appendChild(el); + } + + for (let i = 0; i < numberOfEls; i++) + createEl(i); + + /* =================================== + Background color change on scroll - Adaptive Backgrounds + ====================================== */ + window.sections = [...document.querySelectorAll('[data-background]')]; + window.lastScrollTop = window.pageYOffset; + let activeSection; + + onScroll(); + window.addEventListener('scroll', onScroll); + + function onScroll() { + if (window.sections.length > 0) { + const section = window.sections + .map(section => { + const el = section; + const rect = el.getBoundingClientRect(); + return {el, rect}; + }) + .find(section => section.rect.bottom >= (window.innerHeight * 0.5)); + if (section && section.el !== activeSection) { + activeSection = section.el; + const sectionBg = activeSection.getAttribute('data-background'); + activeSection.closest(".page-content").querySelectorAll("[data-background]").forEach(item => item.classList.remove("active")) + activeSection.classList.add("active") + if (typeof gsap !== "undefined") { + gsap.to(activeSection.closest(".page-content"), {backgroundColor: sectionBg}) + } + } + } + } + + /* =================================== + Cookies set + ====================================== */ + if (typeof $.cookie === 'function') { + if ($('body').find('#cookies-model').length > 0) { + setTimeout(function () { + var cookieModel = $('#cookies-model'), + cookieConsentclosed = $.cookie('cookieConsent'); + + if (cookieConsentclosed == 'closed') { + cookieModel.remove(); + } else { + cookieModel.show(); + } + + cookieModel.find('[data-accept-btn]').on('click', function (e) { + e.preventDefault(); + var expiresDays = 1; + cookieModel.remove(); + $.cookie('cookieConsent', 'closed', {expires: expiresDays, path: '/'}); + }); + }, 1000); + } + } + + /* =================================== + Back to top scroll + ====================================== */ + $(document).on('click', '.scroll-top', function () { + $('html, body').animate({scrollTop: 0}, 800); + return false; + }); + + function scrollIndicator() { + var scrollTop = document.documentElement.scrollTop; + if (scrollTop > 200) { + $('.scroll-progress').addClass('visible'); + } else { + $('.scroll-progress').removeClass('visible'); + } + + var scrollHeight = document.documentElement.scrollHeight; + var windowHeight = document.documentElement.clientHeight; + var maxScrollTop = scrollHeight - windowHeight; + var scrollTop = document.documentElement.scrollTop; + var scrollPercentage = (scrollTop / (maxScrollTop - 200)) * 100; + + $('.scroll-point').css('height', Math.min(scrollPercentage, 100) + '%'); + + /***** Theme demos button scroll to show *****/ + var scrollPos = $(window).scrollTop(); + if (scrollPos > 150) { + $('.theme-demos').fadeIn(600); + } + } + $(window).scroll(function () { + scrollIndicator(); + }); + + /* =================================== + Trusted customers + ====================================== */ + + $('.bg-more-trusted .btn').click(function (e) { + e.preventDefault(); + $(this).parent().parent().addClass('show-trusted-customers'); + }); + + + /* =================================== + Theme demo panel + ====================================== */ + + //var themeDemoHTML = '
    48+ Pre-built sites
    '; + //var themeDemoData = '

    48+ Pre-built websites

    Purchase Crafto
    '; + //$('body:not( .landing-page )').append(themeDemoHTML); + + $(document).on('click', '.all-demo', function () { + var themeDemosObj = $(this).parents('.theme-demos'); + if (!themeDemosObj.hasClass('active')) { + themeDemosObj.append(themeDemoData); + themeDemosObj.addClass('active'); + $('body').addClass('overflow-hidden'); + } else { + themeDemosObj.removeClass('active'); + $('body').removeClass('overflow-hidden'); + } + }); + var timer; + $(document).on('click', '.close-popup', function () { + var themeDemosObj = $(this).parents('.theme-demos'); + themeDemosObj.removeClass('active'); + $('body').removeClass('overflow-hidden'); + clearTimeout(timer); + timer = setTimeout(function () { + $('.theme-demos-main').animate({scrollTop: '0'}, 'slow'); + }, 800); + + }); + + $(document).on('keydown', function (event) { + if (event.key == "Escape") { + var themeDemosObj = $('.theme-demos'); + themeDemosObj.removeClass('active'); + $('body').removeClass('overflow-hidden'); + clearTimeout(timer); + timer = setTimeout(function () { + $('.theme-demos-main').animate({scrollTop: '0'}, 'slow'); + }, 800); + } + }); + + $(".all-demo a").click(function (event) { + event.preventDefault(); + }); + +})(jQuery); + +/* =================================== + Google map + ====================================== */ + +function initMap() { + $('.map').each(function (e) { + let _this = $(this), + mapOptions = _this.attr('data-map-options'); + + // Convert String into the Json + if (typeof (mapOptions) !== 'undefined' && mapOptions !== null) { + mapOptions = $.parseJSON(mapOptions); + } + + let lat = mapOptions.lat ? mapOptions.lat : 19.07, + lng = mapOptions.lng ? mapOptions.lng : 72.87, + marker = mapOptions.marker, + popup = mapOptions.popup; + + switch (mapOptions.style && mapOptions.style.toLowerCase()) { + case 'retro': + map_style = Retro + break; + case 'standard': + map_style = Standard + break; + case 'silver': + map_style = Silver + break; + case 'dark': + map_style = Dark + break; + case 'night': + map_style = Night + break; + case 'aubergine': + map_style = Aubergine + break; + default: + map_style = Silver + } + + // Google Map variable + const gmap = new google.maps.Map(this, { + zoom: 13, + center: new google.maps.LatLng(lat, lng), + mapTypeId: google.maps.MapTypeId.READMAP, + styles: map_style + }); + + // InforWindow variable + const infowindow = new google.maps.InfoWindow({ + content: popup && popup.html, + maxWidth: 300, + }); + infowindow.setPosition(new google.maps.LatLng(lat, lng)); + + // Marker Options + if (marker !== null && marker !== undefined) { + // Custom HTML Marker + if (marker.type.toLowerCase() === 'html') { + + function HTMLMarker(lat, lng) { + this.lat = lat; + this.lng = lng; + this.pos = new google.maps.LatLng(lat, lng); + } + + HTMLMarker.prototype = new google.maps.OverlayView(); + + //init html + HTMLMarker.prototype.onAdd = function () { + div = document.createElement('DIV'); + div.className = `arrow_box ${marker.class ? ' ' + marker.class : ''}`; + div.innerHTML = ``; + div.style.setProperty('background-color', marker.color); + let panes = this.getPanes(); + panes.overlayImage.appendChild(div); + + let flag = false; + + if (popup.defaultOpen === true) { + flag = true; + infowindow.setOptions({pixelOffset: new google.maps.Size(10, -30)}); + infowindow.open(gmap); + } + + google.maps.event.addDomListener(div, "click", function (event) { + if (popup) { + infowindow.setOptions({pixelOffset: new google.maps.Size(10, -30)}); + if (flag === false) { + infowindow.open(gmap); + flag = true; + } else { + infowindow.close(); + flag = false; + } + } + }); + } + + HTMLMarker.prototype.draw = function () { + let overlayProjection = this.getProjection(); + let position = overlayProjection.fromLatLngToDivPixel(this.pos); + let panes = this.getPanes(); + panes.overlayImage.style.left = position.x + 'px'; + panes.overlayImage.style.top = position.y - 30 + 'px'; + } + + let htmlMarker = new HTMLMarker(lat, lng); + htmlMarker.setMap(gmap); + + } else { + // Custom Image Marker + const image_marker = new google.maps.Marker({ + icon: {url: marker.src}, + position: {lat: lat, lng: lng}, + map: gmap, + animation: google.maps.Animation.DROP, + }); + let flag = false; + + if (popup.defaultOpen === true) { + infowindow.open({ + anchor: image_marker, + map: gmap + }); + flag = true; + } + + image_marker.addListener("click", toggleBounce); + + function toggleBounce() { + if (image_marker.getAnimation() !== null) { + image_marker.setAnimation(null); + } else { + image_marker.setAnimation(google.maps.Animation.BOUNCE); + } + + if (popup) { + if (flag === false) { + infowindow.open({ + anchor: image_marker, + map: gmap + }); + flag = true; + } else { + infowindow.close(); + flag = false; + } + } + } + } + } else { + // Default Marker + const marker = new google.maps.Marker({ + position: {lat: lat, lng: lng}, + map: gmap + }); + + let flag = false; + + if (popup.defaultOpen === true) { + infowindow.open({ + anchor: marker, + map: gmap + }); + flag = true; + } + + marker.addListener("click", function () { + if (popup) { + if (flag === false) { + infowindow.open({ + anchor: marker, + map: gmap + }); + flag = true; + } else { + infowindow.close(); + flag = false; + } + } + }); + } + }); +} \ No newline at end of file diff --git a/public/js/home/vendors.js b/public/js/home/vendors.js new file mode 100644 index 0000000..32fa377 --- /dev/null +++ b/public/js/home/vendors.js @@ -0,0 +1,36213 @@ +/*! + Anime + Version: v3.2.2 + Plugin URL: animejs.com + License: Copyright 2023 Julian Garnier | Released under the MIT license +!*/ + +!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):n.anime=e()}(this,function(){"use strict";var i={update:null,begin:null,loopBegin:null,changeBegin:null,change:null,changeComplete:null,loopComplete:null,complete:null,loop:1,direction:"normal",autoplay:!0,timelineOffset:0},M={duration:1e3,delay:0,endDelay:0,easing:"easeOutElastic(1, .5)",round:0},j=["translateX","translateY","translateZ","rotate","rotateX","rotateY","rotateZ","scale","scaleX","scaleY","scaleZ","skew","skewX","skewY","perspective","matrix","matrix3d"],l={CSS:{},springs:{}};function C(n,e,t){return Math.min(Math.max(n,e),t)}function u(n,e){return-1= 25) { + var touchAngle = Math.atan2(Math.abs(diffY), Math.abs(diffX)) * 180 / Math.PI; + isScrolling = params.rotateTouch === 'scroll-y' ? touchAngle > 45 : 90 - touchAngle > 45; + } + if (isScrolling === false) { + el.classList.add('atropos-rotate-touch'); + if (e.cancelable) { + e.preventDefault(); + } + } + } + if (e.pointerType !== 'mouse' && isScrolling) { + return; + } + setElements(clientX, clientY); + }; + var onPointerLeave = function onPointerLeave(e) { + elBoundingClientRect = undefined; + eventsElBoundingClientRect = undefined; + if (!self.isActive) return; + if (e && e.type === 'pointerup' && e.pointerType === 'mouse') return; + if (e && e.type === 'pointerleave' && e.pointerType !== 'mouse') return; + if (typeof params.rotateTouch === 'string' && isScrolling) { + el.classList.remove('atropos-rotate-touch'); + } + if (params.alwaysActive) { + setElements(); + if (typeof params.onRotate === 'function') params.onRotate(0, 0); + if (typeof params.onLeave === 'function') params.onLeave(); + return; + } + queue.push(function () { + return el.classList.remove('atropos-active'); + }); + $setDuration(scaleEl, params.duration + "ms"); + $setEasing(scaleEl, ''); + $setTransform(scaleEl, "translate3d(0,0, " + 0 + "px)"); + if (shadowEl) { + $setDuration(shadowEl, params.duration + "ms"); + $setEasing(shadowEl, ''); + } + if (highlightEl) { + $setDuration(highlightEl, params.duration + "ms"); + $setEasing(highlightEl, ''); + $setTransform(highlightEl, "translate3d(0, 0, 0)"); + $setOpacity(highlightEl, 0); + } + $setDuration(rotateEl, params.duration + "ms"); + $setEasing(rotateEl, ''); + $setTransform(rotateEl, "translate3d(0,0,0) rotateX(0deg) rotateY(0deg)"); + setChildrenOffset({ + duration: params.duration + "ms" + }); + self.isActive = false; + if (typeof params.onRotate === 'function') params.onRotate(0, 0); + if (typeof params.onLeave === 'function') params.onLeave(); + }; + var onDocumentClick = function onDocumentClick(e) { + var clickTarget = e.target; + if (!eventsEl.contains(clickTarget) && clickTarget !== eventsEl && self.isActive) { + onPointerLeave(); + } + }; + var initDOM = function initDOM() { + if (typeof el === 'string') { + el = $(document, el); + } + if (!el) return; + + // eslint-disable-next-line + if (el.__atropos__) return; + if (typeof eventsEl !== 'undefined') { + if (typeof eventsEl === 'string') { + eventsEl = $(document, eventsEl); + } + } else { + eventsEl = el; + } + childrenRootEl = isComponent ? el.parentNode.host : el; + Object.assign(self, { + el: el + }); + rotateEl = $(el, '.atropos-rotate'); + scaleEl = $(el, '.atropos-scale'); + innerEl = $(el, '.atropos-inner'); + + // eslint-disable-next-line + el.__atropos__ = self; + }; + var init = function init() { + initDOM(); + if (!el || !eventsEl) return; + if (params.shadow) { + createShadow(); + } + if (params.highlight) { + createHighlight(); + } + if (params.rotateTouch) { + if (typeof params.rotateTouch === 'string') { + el.classList.add("atropos-rotate-touch-" + params.rotateTouch); + } else { + el.classList.add('atropos-rotate-touch'); + } + } + if ($(childrenRootEl, '[data-atropos-opacity]')) { + setChildrenOffset({ + opacityOnly: true + }); + } + $on(document, 'click', onDocumentClick); + $on(eventsEl, 'pointerdown', onPointerEnter); + $on(eventsEl, 'pointerenter', onPointerEnter); + $on(eventsEl, 'pointermove', onPointerMove); + $on(eventsEl, 'touchmove', onTouchMove); + $on(eventsEl, 'pointerleave', onPointerLeave); + $on(eventsEl, 'pointerup', onPointerLeave); + $on(eventsEl, 'lostpointercapture', onPointerLeave); + if (params.alwaysActive) { + activate(); + setElements(); + } + }; + var destroy = function destroy() { + self.destroyed = true; + cancelAnimationFrame(queueFrameId); + $off(document, 'click', onDocumentClick); + $off(eventsEl, 'pointerdown', onPointerEnter); + $off(eventsEl, 'pointerenter', onPointerEnter); + $off(eventsEl, 'pointermove', onPointerMove); + $off(eventsEl, 'touchmove', onTouchMove); + $off(eventsEl, 'pointerleave', onPointerLeave); + $off(eventsEl, 'pointerup', onPointerLeave); + $off(eventsEl, 'lostpointercapture', onPointerLeave); + // eslint-disable-next-line + delete el.__atropos__; + }; + self.destroy = destroy; + init(); + + // eslint-disable-next-line + return self; + } + + return Atropos; + +})(); +/*! + Bootstrap + Version: 5.3.2 + Plugin URL: https://getbootstrap.com/ + License: Copyright 2011-2024 The Bootstrap Authors | Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) +!*/ +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define(factory) : + (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.bootstrap = factory()); +})(this, (function () { 'use strict'; + + /** + * -------------------------------------------------------------------------- + * Bootstrap dom/data.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + /** + * Constants + */ + + const elementMap = new Map(); + const Data = { + set(element, key, instance) { + if (!elementMap.has(element)) { + elementMap.set(element, new Map()); + } + const instanceMap = elementMap.get(element); + + // make it clear we only want one instance per element + // can be removed later when multiple key/instances are fine to be used + if (!instanceMap.has(key) && instanceMap.size !== 0) { + // eslint-disable-next-line no-console + console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(instanceMap.keys())[0]}.`); + return; + } + instanceMap.set(key, instance); + }, + get(element, key) { + if (elementMap.has(element)) { + return elementMap.get(element).get(key) || null; + } + return null; + }, + remove(element, key) { + if (!elementMap.has(element)) { + return; + } + const instanceMap = elementMap.get(element); + instanceMap.delete(key); + + // free up element references if there are no instances left for an element + if (instanceMap.size === 0) { + elementMap.delete(element); + } + } + }; + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/index.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + const MAX_UID = 1000000; + const MILLISECONDS_MULTIPLIER = 1000; + const TRANSITION_END = 'transitionend'; + + /** + * Properly escape IDs selectors to handle weird IDs + * @param {string} selector + * @returns {string} + */ + const parseSelector = selector => { + if (selector && window.CSS && window.CSS.escape) { + // document.querySelector needs escaping to handle IDs (html5+) containing for instance / + selector = selector.replace(/#([^\s"#']+)/g, (match, id) => `#${CSS.escape(id)}`); + } + return selector; + }; + + // Shout-out Angus Croll (https://goo.gl/pxwQGp) + const toType = object => { + if (object === null || object === undefined) { + return `${object}`; + } + return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase(); + }; + + /** + * Public Util API + */ + + const getUID = prefix => { + do { + prefix += Math.floor(Math.random() * MAX_UID); + } while (document.getElementById(prefix)); + return prefix; + }; + const getTransitionDurationFromElement = element => { + if (!element) { + return 0; + } + + // Get transition-duration of the element + let { + transitionDuration, + transitionDelay + } = window.getComputedStyle(element); + const floatTransitionDuration = Number.parseFloat(transitionDuration); + const floatTransitionDelay = Number.parseFloat(transitionDelay); + + // Return 0 if element or transition duration is not found + if (!floatTransitionDuration && !floatTransitionDelay) { + return 0; + } + + // If multiple durations are defined, take the first + transitionDuration = transitionDuration.split(',')[0]; + transitionDelay = transitionDelay.split(',')[0]; + return (Number.parseFloat(transitionDuration) + Number.parseFloat(transitionDelay)) * MILLISECONDS_MULTIPLIER; + }; + const triggerTransitionEnd = element => { + element.dispatchEvent(new Event(TRANSITION_END)); + }; + const isElement$1 = object => { + if (!object || typeof object !== 'object') { + return false; + } + if (typeof object.jquery !== 'undefined') { + object = object[0]; + } + return typeof object.nodeType !== 'undefined'; + }; + const getElement = object => { + // it's a jQuery object or a node element + if (isElement$1(object)) { + return object.jquery ? object[0] : object; + } + if (typeof object === 'string' && object.length > 0) { + return document.querySelector(parseSelector(object)); + } + return null; + }; + const isVisible = element => { + if (!isElement$1(element) || element.getClientRects().length === 0) { + return false; + } + const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'; + // Handle `details` element as its content may falsie appear visible when it is closed + const closedDetails = element.closest('details:not([open])'); + if (!closedDetails) { + return elementIsVisible; + } + if (closedDetails !== element) { + const summary = element.closest('summary'); + if (summary && summary.parentNode !== closedDetails) { + return false; + } + if (summary === null) { + return false; + } + } + return elementIsVisible; + }; + const isDisabled = element => { + if (!element || element.nodeType !== Node.ELEMENT_NODE) { + return true; + } + if (element.classList.contains('disabled')) { + return true; + } + if (typeof element.disabled !== 'undefined') { + return element.disabled; + } + return element.hasAttribute('disabled') && element.getAttribute('disabled') !== 'false'; + }; + const findShadowRoot = element => { + if (!document.documentElement.attachShadow) { + return null; + } + + // Can find the shadow root otherwise it'll return the document + if (typeof element.getRootNode === 'function') { + const root = element.getRootNode(); + return root instanceof ShadowRoot ? root : null; + } + if (element instanceof ShadowRoot) { + return element; + } + + // when we don't find a shadow root + if (!element.parentNode) { + return null; + } + return findShadowRoot(element.parentNode); + }; + const noop = () => {}; + + /** + * Trick to restart an element's animation + * + * @param {HTMLElement} element + * @return void + * + * @see https://www.charistheo.io/blog/2021/02/restart-a-css-animation-with-javascript/#restarting-a-css-animation + */ + const reflow = element => { + element.offsetHeight; // eslint-disable-line no-unused-expressions + }; + + const getjQuery = () => { + if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) { + return window.jQuery; + } + return null; + }; + const DOMContentLoadedCallbacks = []; + const onDOMContentLoaded = callback => { + if (document.readyState === 'loading') { + // add listener on the first call when the document is in loading state + if (!DOMContentLoadedCallbacks.length) { + document.addEventListener('DOMContentLoaded', () => { + for (const callback of DOMContentLoadedCallbacks) { + callback(); + } + }); + } + DOMContentLoadedCallbacks.push(callback); + } else { + callback(); + } + }; + const isRTL = () => document.documentElement.dir === 'rtl'; + const defineJQueryPlugin = plugin => { + onDOMContentLoaded(() => { + const $ = getjQuery(); + /* istanbul ignore if */ + if ($) { + const name = plugin.NAME; + const JQUERY_NO_CONFLICT = $.fn[name]; + $.fn[name] = plugin.jQueryInterface; + $.fn[name].Constructor = plugin; + $.fn[name].noConflict = () => { + $.fn[name] = JQUERY_NO_CONFLICT; + return plugin.jQueryInterface; + }; + } + }); + }; + const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => { + return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue; + }; + const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => { + if (!waitForTransition) { + execute(callback); + return; + } + const durationPadding = 5; + const emulatedDuration = getTransitionDurationFromElement(transitionElement) + durationPadding; + let called = false; + const handler = ({ + target + }) => { + if (target !== transitionElement) { + return; + } + called = true; + transitionElement.removeEventListener(TRANSITION_END, handler); + execute(callback); + }; + transitionElement.addEventListener(TRANSITION_END, handler); + setTimeout(() => { + if (!called) { + triggerTransitionEnd(transitionElement); + } + }, emulatedDuration); + }; + + /** + * Return the previous/next element of a list. + * + * @param {array} list The list of elements + * @param activeElement The active element + * @param shouldGetNext Choose to get next or previous element + * @param isCycleAllowed + * @return {Element|elem} The proper element + */ + const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => { + const listLength = list.length; + let index = list.indexOf(activeElement); + + // if the element does not exist in the list return an element + // depending on the direction and if cycle is allowed + if (index === -1) { + return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0]; + } + index += shouldGetNext ? 1 : -1; + if (isCycleAllowed) { + index = (index + listLength) % listLength; + } + return list[Math.max(0, Math.min(index, listLength - 1))]; + }; + + /** + * -------------------------------------------------------------------------- + * Bootstrap dom/event-handler.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const namespaceRegex = /[^.]*(?=\..*)\.|.*/; + const stripNameRegex = /\..*/; + const stripUidRegex = /::\d+$/; + const eventRegistry = {}; // Events storage + let uidEvent = 1; + const customEvents = { + mouseenter: 'mouseover', + mouseleave: 'mouseout' + }; + const nativeEvents = new Set(['click', 'dblclick', 'mouseup', 'mousedown', 'contextmenu', 'mousewheel', 'DOMMouseScroll', 'mouseover', 'mouseout', 'mousemove', 'selectstart', 'selectend', 'keydown', 'keypress', 'keyup', 'orientationchange', 'touchstart', 'touchmove', 'touchend', 'touchcancel', 'pointerdown', 'pointermove', 'pointerup', 'pointerleave', 'pointercancel', 'gesturestart', 'gesturechange', 'gestureend', 'focus', 'blur', 'change', 'reset', 'select', 'submit', 'focusin', 'focusout', 'load', 'unload', 'beforeunload', 'resize', 'move', 'DOMContentLoaded', 'readystatechange', 'error', 'abort', 'scroll']); + + /** + * Private methods + */ + + function makeEventUid(element, uid) { + return uid && `${uid}::${uidEvent++}` || element.uidEvent || uidEvent++; + } + function getElementEvents(element) { + const uid = makeEventUid(element); + element.uidEvent = uid; + eventRegistry[uid] = eventRegistry[uid] || {}; + return eventRegistry[uid]; + } + function bootstrapHandler(element, fn) { + return function handler(event) { + hydrateObj(event, { + delegateTarget: element + }); + if (handler.oneOff) { + EventHandler.off(element, event.type, fn); + } + return fn.apply(element, [event]); + }; + } + function bootstrapDelegationHandler(element, selector, fn) { + return function handler(event) { + const domElements = element.querySelectorAll(selector); + for (let { + target + } = event; target && target !== this; target = target.parentNode) { + for (const domElement of domElements) { + if (domElement !== target) { + continue; + } + hydrateObj(event, { + delegateTarget: target + }); + if (handler.oneOff) { + EventHandler.off(element, event.type, selector, fn); + } + return fn.apply(target, [event]); + } + } + }; + } + function findHandler(events, callable, delegationSelector = null) { + return Object.values(events).find(event => event.callable === callable && event.delegationSelector === delegationSelector); + } + function normalizeParameters(originalTypeEvent, handler, delegationFunction) { + const isDelegated = typeof handler === 'string'; + // TODO: tooltip passes `false` instead of selector, so we need to check + const callable = isDelegated ? delegationFunction : handler || delegationFunction; + let typeEvent = getTypeEvent(originalTypeEvent); + if (!nativeEvents.has(typeEvent)) { + typeEvent = originalTypeEvent; + } + return [isDelegated, callable, typeEvent]; + } + function addHandler(element, originalTypeEvent, handler, delegationFunction, oneOff) { + if (typeof originalTypeEvent !== 'string' || !element) { + return; + } + let [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction); + + // in case of mouseenter or mouseleave wrap the handler within a function that checks for its DOM position + // this prevents the handler from being dispatched the same way as mouseover or mouseout does + if (originalTypeEvent in customEvents) { + const wrapFunction = fn => { + return function (event) { + if (!event.relatedTarget || event.relatedTarget !== event.delegateTarget && !event.delegateTarget.contains(event.relatedTarget)) { + return fn.call(this, event); + } + }; + }; + callable = wrapFunction(callable); + } + const events = getElementEvents(element); + const handlers = events[typeEvent] || (events[typeEvent] = {}); + const previousFunction = findHandler(handlers, callable, isDelegated ? handler : null); + if (previousFunction) { + previousFunction.oneOff = previousFunction.oneOff && oneOff; + return; + } + const uid = makeEventUid(callable, originalTypeEvent.replace(namespaceRegex, '')); + const fn = isDelegated ? bootstrapDelegationHandler(element, handler, callable) : bootstrapHandler(element, callable); + fn.delegationSelector = isDelegated ? handler : null; + fn.callable = callable; + fn.oneOff = oneOff; + fn.uidEvent = uid; + handlers[uid] = fn; + element.addEventListener(typeEvent, fn, isDelegated); + } + function removeHandler(element, events, typeEvent, handler, delegationSelector) { + const fn = findHandler(events[typeEvent], handler, delegationSelector); + if (!fn) { + return; + } + element.removeEventListener(typeEvent, fn, Boolean(delegationSelector)); + delete events[typeEvent][fn.uidEvent]; + } + function removeNamespacedHandlers(element, events, typeEvent, namespace) { + const storeElementEvent = events[typeEvent] || {}; + for (const [handlerKey, event] of Object.entries(storeElementEvent)) { + if (handlerKey.includes(namespace)) { + removeHandler(element, events, typeEvent, event.callable, event.delegationSelector); + } + } + } + function getTypeEvent(event) { + // allow to get the native events from namespaced events ('click.bs.button' --> 'click') + event = event.replace(stripNameRegex, ''); + return customEvents[event] || event; + } + const EventHandler = { + on(element, event, handler, delegationFunction) { + addHandler(element, event, handler, delegationFunction, false); + }, + one(element, event, handler, delegationFunction) { + addHandler(element, event, handler, delegationFunction, true); + }, + off(element, originalTypeEvent, handler, delegationFunction) { + if (typeof originalTypeEvent !== 'string' || !element) { + return; + } + const [isDelegated, callable, typeEvent] = normalizeParameters(originalTypeEvent, handler, delegationFunction); + const inNamespace = typeEvent !== originalTypeEvent; + const events = getElementEvents(element); + const storeElementEvent = events[typeEvent] || {}; + const isNamespace = originalTypeEvent.startsWith('.'); + if (typeof callable !== 'undefined') { + // Simplest case: handler is passed, remove that listener ONLY. + if (!Object.keys(storeElementEvent).length) { + return; + } + removeHandler(element, events, typeEvent, callable, isDelegated ? handler : null); + return; + } + if (isNamespace) { + for (const elementEvent of Object.keys(events)) { + removeNamespacedHandlers(element, events, elementEvent, originalTypeEvent.slice(1)); + } + } + for (const [keyHandlers, event] of Object.entries(storeElementEvent)) { + const handlerKey = keyHandlers.replace(stripUidRegex, ''); + if (!inNamespace || originalTypeEvent.includes(handlerKey)) { + removeHandler(element, events, typeEvent, event.callable, event.delegationSelector); + } + } + }, + trigger(element, event, args) { + if (typeof event !== 'string' || !element) { + return null; + } + const $ = getjQuery(); + const typeEvent = getTypeEvent(event); + const inNamespace = event !== typeEvent; + let jQueryEvent = null; + let bubbles = true; + let nativeDispatch = true; + let defaultPrevented = false; + if (inNamespace && $) { + jQueryEvent = $.Event(event, args); + $(element).trigger(jQueryEvent); + bubbles = !jQueryEvent.isPropagationStopped(); + nativeDispatch = !jQueryEvent.isImmediatePropagationStopped(); + defaultPrevented = jQueryEvent.isDefaultPrevented(); + } + const evt = hydrateObj(new Event(event, { + bubbles, + cancelable: true + }), args); + if (defaultPrevented) { + evt.preventDefault(); + } + if (nativeDispatch) { + element.dispatchEvent(evt); + } + if (evt.defaultPrevented && jQueryEvent) { + jQueryEvent.preventDefault(); + } + return evt; + } + }; + function hydrateObj(obj, meta = {}) { + for (const [key, value] of Object.entries(meta)) { + try { + obj[key] = value; + } catch (_unused) { + Object.defineProperty(obj, key, { + configurable: true, + get() { + return value; + } + }); + } + } + return obj; + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap dom/manipulator.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + function normalizeData(value) { + if (value === 'true') { + return true; + } + if (value === 'false') { + return false; + } + if (value === Number(value).toString()) { + return Number(value); + } + if (value === '' || value === 'null') { + return null; + } + if (typeof value !== 'string') { + return value; + } + try { + return JSON.parse(decodeURIComponent(value)); + } catch (_unused) { + return value; + } + } + function normalizeDataKey(key) { + return key.replace(/[A-Z]/g, chr => `-${chr.toLowerCase()}`); + } + const Manipulator = { + setDataAttribute(element, key, value) { + element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value); + }, + removeDataAttribute(element, key) { + element.removeAttribute(`data-bs-${normalizeDataKey(key)}`); + }, + getDataAttributes(element) { + if (!element) { + return {}; + } + const attributes = {}; + const bsKeys = Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig')); + for (const key of bsKeys) { + let pureKey = key.replace(/^bs/, ''); + pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length); + attributes[pureKey] = normalizeData(element.dataset[key]); + } + return attributes; + }, + getDataAttribute(element, key) { + return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`)); + } + }; + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/config.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Class definition + */ + + class Config { + // Getters + static get Default() { + return {}; + } + static get DefaultType() { + return {}; + } + static get NAME() { + throw new Error('You have to implement the static method "NAME", for each component!'); + } + _getConfig(config) { + config = this._mergeConfigObj(config); + config = this._configAfterMerge(config); + this._typeCheckConfig(config); + return config; + } + _configAfterMerge(config) { + return config; + } + _mergeConfigObj(config, element) { + const jsonConfig = isElement$1(element) ? Manipulator.getDataAttribute(element, 'config') : {}; // try to parse + + return { + ...this.constructor.Default, + ...(typeof jsonConfig === 'object' ? jsonConfig : {}), + ...(isElement$1(element) ? Manipulator.getDataAttributes(element) : {}), + ...(typeof config === 'object' ? config : {}) + }; + } + _typeCheckConfig(config, configTypes = this.constructor.DefaultType) { + for (const [property, expectedTypes] of Object.entries(configTypes)) { + const value = config[property]; + const valueType = isElement$1(value) ? 'element' : toType(value); + if (!new RegExp(expectedTypes).test(valueType)) { + throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${property}" provided type "${valueType}" but expected type "${expectedTypes}".`); + } + } + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap base-component.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const VERSION = '5.3.2'; + + /** + * Class definition + */ + + class BaseComponent extends Config { + constructor(element, config) { + super(); + element = getElement(element); + if (!element) { + return; + } + this._element = element; + this._config = this._getConfig(config); + Data.set(this._element, this.constructor.DATA_KEY, this); + } + + // Public + dispose() { + Data.remove(this._element, this.constructor.DATA_KEY); + EventHandler.off(this._element, this.constructor.EVENT_KEY); + for (const propertyName of Object.getOwnPropertyNames(this)) { + this[propertyName] = null; + } + } + _queueCallback(callback, element, isAnimated = true) { + executeAfterTransition(callback, element, isAnimated); + } + _getConfig(config) { + config = this._mergeConfigObj(config, this._element); + config = this._configAfterMerge(config); + this._typeCheckConfig(config); + return config; + } + + // Static + static getInstance(element) { + return Data.get(getElement(element), this.DATA_KEY); + } + static getOrCreateInstance(element, config = {}) { + return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null); + } + static get VERSION() { + return VERSION; + } + static get DATA_KEY() { + return `bs.${this.NAME}`; + } + static get EVENT_KEY() { + return `.${this.DATA_KEY}`; + } + static eventName(name) { + return `${name}${this.EVENT_KEY}`; + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap dom/selector-engine.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + const getSelector = element => { + let selector = element.getAttribute('data-bs-target'); + if (!selector || selector === '#') { + let hrefAttribute = element.getAttribute('href'); + + // The only valid content that could double as a selector are IDs or classes, + // so everything starting with `#` or `.`. If a "real" URL is used as the selector, + // `document.querySelector` will rightfully complain it is invalid. + // See https://github.com/twbs/bootstrap/issues/32273 + if (!hrefAttribute || !hrefAttribute.includes('#') && !hrefAttribute.startsWith('.')) { + return null; + } + + // Just in case some CMS puts out a full URL with the anchor appended + if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) { + hrefAttribute = `#${hrefAttribute.split('#')[1]}`; + } + selector = hrefAttribute && hrefAttribute !== '#' ? parseSelector(hrefAttribute.trim()) : null; + } + return selector; + }; + const SelectorEngine = { + find(selector, element = document.documentElement) { + return [].concat(...Element.prototype.querySelectorAll.call(element, selector)); + }, + findOne(selector, element = document.documentElement) { + return Element.prototype.querySelector.call(element, selector); + }, + children(element, selector) { + return [].concat(...element.children).filter(child => child.matches(selector)); + }, + parents(element, selector) { + const parents = []; + let ancestor = element.parentNode.closest(selector); + while (ancestor) { + parents.push(ancestor); + ancestor = ancestor.parentNode.closest(selector); + } + return parents; + }, + prev(element, selector) { + let previous = element.previousElementSibling; + while (previous) { + if (previous.matches(selector)) { + return [previous]; + } + previous = previous.previousElementSibling; + } + return []; + }, + // TODO: this is now unused; remove later along with prev() + next(element, selector) { + let next = element.nextElementSibling; + while (next) { + if (next.matches(selector)) { + return [next]; + } + next = next.nextElementSibling; + } + return []; + }, + focusableChildren(element) { + const focusables = ['a', 'button', 'input', 'textarea', 'select', 'details', '[tabindex]', '[contenteditable="true"]'].map(selector => `${selector}:not([tabindex^="-"])`).join(','); + return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el)); + }, + getSelectorFromElement(element) { + const selector = getSelector(element); + if (selector) { + return SelectorEngine.findOne(selector) ? selector : null; + } + return null; + }, + getElementFromSelector(element) { + const selector = getSelector(element); + return selector ? SelectorEngine.findOne(selector) : null; + }, + getMultipleElementsFromSelector(element) { + const selector = getSelector(element); + return selector ? SelectorEngine.find(selector) : []; + } + }; + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/component-functions.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + const enableDismissTrigger = (component, method = 'hide') => { + const clickEvent = `click.dismiss${component.EVENT_KEY}`; + const name = component.NAME; + EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) { + if (['A', 'AREA'].includes(this.tagName)) { + event.preventDefault(); + } + if (isDisabled(this)) { + return; + } + const target = SelectorEngine.getElementFromSelector(this) || this.closest(`.${name}`); + const instance = component.getOrCreateInstance(target); + + // Method argument is left, for Alert and only, as it doesn't implement the 'hide' method + instance[method](); + }); + }; + + /** + * -------------------------------------------------------------------------- + * Bootstrap alert.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$f = 'alert'; + const DATA_KEY$a = 'bs.alert'; + const EVENT_KEY$b = `.${DATA_KEY$a}`; + const EVENT_CLOSE = `close${EVENT_KEY$b}`; + const EVENT_CLOSED = `closed${EVENT_KEY$b}`; + const CLASS_NAME_FADE$5 = 'fade'; + const CLASS_NAME_SHOW$8 = 'show'; + + /** + * Class definition + */ + + class Alert extends BaseComponent { + // Getters + static get NAME() { + return NAME$f; + } + + // Public + close() { + const closeEvent = EventHandler.trigger(this._element, EVENT_CLOSE); + if (closeEvent.defaultPrevented) { + return; + } + this._element.classList.remove(CLASS_NAME_SHOW$8); + const isAnimated = this._element.classList.contains(CLASS_NAME_FADE$5); + this._queueCallback(() => this._destroyElement(), this._element, isAnimated); + } + + // Private + _destroyElement() { + this._element.remove(); + EventHandler.trigger(this._element, EVENT_CLOSED); + this.dispose(); + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Alert.getOrCreateInstance(this); + if (typeof config !== 'string') { + return; + } + if (data[config] === undefined || config.startsWith('_') || config === 'constructor') { + throw new TypeError(`No method named "${config}"`); + } + data[config](this); + }); + } + } + + /** + * Data API implementation + */ + + enableDismissTrigger(Alert, 'close'); + + /** + * jQuery + */ + + defineJQueryPlugin(Alert); + + /** + * -------------------------------------------------------------------------- + * Bootstrap button.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$e = 'button'; + const DATA_KEY$9 = 'bs.button'; + const EVENT_KEY$a = `.${DATA_KEY$9}`; + const DATA_API_KEY$6 = '.data-api'; + const CLASS_NAME_ACTIVE$3 = 'active'; + const SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle="button"]'; + const EVENT_CLICK_DATA_API$6 = `click${EVENT_KEY$a}${DATA_API_KEY$6}`; + + /** + * Class definition + */ + + class Button extends BaseComponent { + // Getters + static get NAME() { + return NAME$e; + } + + // Public + toggle() { + // Toggle class and sync the `aria-pressed` attribute with the return value of the `.toggle()` method + this._element.setAttribute('aria-pressed', this._element.classList.toggle(CLASS_NAME_ACTIVE$3)); + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Button.getOrCreateInstance(this); + if (config === 'toggle') { + data[config](); + } + }); + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_CLICK_DATA_API$6, SELECTOR_DATA_TOGGLE$5, event => { + event.preventDefault(); + const button = event.target.closest(SELECTOR_DATA_TOGGLE$5); + const data = Button.getOrCreateInstance(button); + data.toggle(); + }); + + /** + * jQuery + */ + + defineJQueryPlugin(Button); + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/swipe.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$d = 'swipe'; + const EVENT_KEY$9 = '.bs.swipe'; + const EVENT_TOUCHSTART = `touchstart${EVENT_KEY$9}`; + const EVENT_TOUCHMOVE = `touchmove${EVENT_KEY$9}`; + const EVENT_TOUCHEND = `touchend${EVENT_KEY$9}`; + const EVENT_POINTERDOWN = `pointerdown${EVENT_KEY$9}`; + const EVENT_POINTERUP = `pointerup${EVENT_KEY$9}`; + const POINTER_TYPE_TOUCH = 'touch'; + const POINTER_TYPE_PEN = 'pen'; + const CLASS_NAME_POINTER_EVENT = 'pointer-event'; + const SWIPE_THRESHOLD = 40; + const Default$c = { + endCallback: null, + leftCallback: null, + rightCallback: null + }; + const DefaultType$c = { + endCallback: '(function|null)', + leftCallback: '(function|null)', + rightCallback: '(function|null)' + }; + + /** + * Class definition + */ + + class Swipe extends Config { + constructor(element, config) { + super(); + this._element = element; + if (!element || !Swipe.isSupported()) { + return; + } + this._config = this._getConfig(config); + this._deltaX = 0; + this._supportPointerEvents = Boolean(window.PointerEvent); + this._initEvents(); + } + + // Getters + static get Default() { + return Default$c; + } + static get DefaultType() { + return DefaultType$c; + } + static get NAME() { + return NAME$d; + } + + // Public + dispose() { + EventHandler.off(this._element, EVENT_KEY$9); + } + + // Private + _start(event) { + if (!this._supportPointerEvents) { + this._deltaX = event.touches[0].clientX; + return; + } + if (this._eventIsPointerPenTouch(event)) { + this._deltaX = event.clientX; + } + } + _end(event) { + if (this._eventIsPointerPenTouch(event)) { + this._deltaX = event.clientX - this._deltaX; + } + this._handleSwipe(); + execute(this._config.endCallback); + } + _move(event) { + this._deltaX = event.touches && event.touches.length > 1 ? 0 : event.touches[0].clientX - this._deltaX; + } + _handleSwipe() { + const absDeltaX = Math.abs(this._deltaX); + if (absDeltaX <= SWIPE_THRESHOLD) { + return; + } + const direction = absDeltaX / this._deltaX; + this._deltaX = 0; + if (!direction) { + return; + } + execute(direction > 0 ? this._config.rightCallback : this._config.leftCallback); + } + _initEvents() { + if (this._supportPointerEvents) { + EventHandler.on(this._element, EVENT_POINTERDOWN, event => this._start(event)); + EventHandler.on(this._element, EVENT_POINTERUP, event => this._end(event)); + this._element.classList.add(CLASS_NAME_POINTER_EVENT); + } else { + EventHandler.on(this._element, EVENT_TOUCHSTART, event => this._start(event)); + EventHandler.on(this._element, EVENT_TOUCHMOVE, event => this._move(event)); + EventHandler.on(this._element, EVENT_TOUCHEND, event => this._end(event)); + } + } + _eventIsPointerPenTouch(event) { + return this._supportPointerEvents && (event.pointerType === POINTER_TYPE_PEN || event.pointerType === POINTER_TYPE_TOUCH); + } + + // Static + static isSupported() { + return 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0; + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap carousel.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$c = 'carousel'; + const DATA_KEY$8 = 'bs.carousel'; + const EVENT_KEY$8 = `.${DATA_KEY$8}`; + const DATA_API_KEY$5 = '.data-api'; + const ARROW_LEFT_KEY$1 = 'ArrowLeft'; + const ARROW_RIGHT_KEY$1 = 'ArrowRight'; + const TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch + + const ORDER_NEXT = 'next'; + const ORDER_PREV = 'prev'; + const DIRECTION_LEFT = 'left'; + const DIRECTION_RIGHT = 'right'; + const EVENT_SLIDE = `slide${EVENT_KEY$8}`; + const EVENT_SLID = `slid${EVENT_KEY$8}`; + const EVENT_KEYDOWN$1 = `keydown${EVENT_KEY$8}`; + const EVENT_MOUSEENTER$1 = `mouseenter${EVENT_KEY$8}`; + const EVENT_MOUSELEAVE$1 = `mouseleave${EVENT_KEY$8}`; + const EVENT_DRAG_START = `dragstart${EVENT_KEY$8}`; + const EVENT_LOAD_DATA_API$3 = `load${EVENT_KEY$8}${DATA_API_KEY$5}`; + const EVENT_CLICK_DATA_API$5 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`; + const CLASS_NAME_CAROUSEL = 'carousel'; + const CLASS_NAME_ACTIVE$2 = 'active'; + const CLASS_NAME_SLIDE = 'slide'; + const CLASS_NAME_END = 'carousel-item-end'; + const CLASS_NAME_START = 'carousel-item-start'; + const CLASS_NAME_NEXT = 'carousel-item-next'; + const CLASS_NAME_PREV = 'carousel-item-prev'; + const SELECTOR_ACTIVE = '.active'; + const SELECTOR_ITEM = '.carousel-item'; + const SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM; + const SELECTOR_ITEM_IMG = '.carousel-item img'; + const SELECTOR_INDICATORS = '.carousel-indicators'; + const SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]'; + const SELECTOR_DATA_RIDE = '[data-bs-ride="carousel"]'; + const KEY_TO_DIRECTION = { + [ARROW_LEFT_KEY$1]: DIRECTION_RIGHT, + [ARROW_RIGHT_KEY$1]: DIRECTION_LEFT + }; + const Default$b = { + interval: 5000, + keyboard: true, + pause: 'hover', + ride: false, + touch: true, + wrap: true + }; + const DefaultType$b = { + interval: '(number|boolean)', + // TODO:v6 remove boolean support + keyboard: 'boolean', + pause: '(string|boolean)', + ride: '(boolean|string)', + touch: 'boolean', + wrap: 'boolean' + }; + + /** + * Class definition + */ + + class Carousel extends BaseComponent { + constructor(element, config) { + super(element, config); + this._interval = null; + this._activeElement = null; + this._isSliding = false; + this.touchTimeout = null; + this._swipeHelper = null; + this._indicatorsElement = SelectorEngine.findOne(SELECTOR_INDICATORS, this._element); + this._addEventListeners(); + if (this._config.ride === CLASS_NAME_CAROUSEL) { + this.cycle(); + } + } + + // Getters + static get Default() { + return Default$b; + } + static get DefaultType() { + return DefaultType$b; + } + static get NAME() { + return NAME$c; + } + + // Public + next() { + this._slide(ORDER_NEXT); + } + nextWhenVisible() { + // FIXME TODO use `document.visibilityState` + // Don't call next when the page isn't visible + // or the carousel or its parent isn't visible + if (!document.hidden && isVisible(this._element)) { + this.next(); + } + } + prev() { + this._slide(ORDER_PREV); + } + pause() { + if (this._isSliding) { + triggerTransitionEnd(this._element); + } + this._clearInterval(); + } + cycle() { + this._clearInterval(); + this._updateInterval(); + this._interval = setInterval(() => this.nextWhenVisible(), this._config.interval); + } + _maybeEnableCycle() { + if (!this._config.ride) { + return; + } + if (this._isSliding) { + EventHandler.one(this._element, EVENT_SLID, () => this.cycle()); + return; + } + this.cycle(); + } + to(index) { + const items = this._getItems(); + if (index > items.length - 1 || index < 0) { + return; + } + if (this._isSliding) { + EventHandler.one(this._element, EVENT_SLID, () => this.to(index)); + return; + } + const activeIndex = this._getItemIndex(this._getActive()); + if (activeIndex === index) { + return; + } + const order = index > activeIndex ? ORDER_NEXT : ORDER_PREV; + this._slide(order, items[index]); + } + dispose() { + if (this._swipeHelper) { + this._swipeHelper.dispose(); + } + super.dispose(); + } + + // Private + _configAfterMerge(config) { + config.defaultInterval = config.interval; + return config; + } + _addEventListeners() { + if (this._config.keyboard) { + EventHandler.on(this._element, EVENT_KEYDOWN$1, event => this._keydown(event)); + } + if (this._config.pause === 'hover') { + EventHandler.on(this._element, EVENT_MOUSEENTER$1, () => this.pause()); + EventHandler.on(this._element, EVENT_MOUSELEAVE$1, () => this._maybeEnableCycle()); + } + if (this._config.touch && Swipe.isSupported()) { + this._addTouchEventListeners(); + } + } + _addTouchEventListeners() { + for (const img of SelectorEngine.find(SELECTOR_ITEM_IMG, this._element)) { + EventHandler.on(img, EVENT_DRAG_START, event => event.preventDefault()); + } + const endCallBack = () => { + if (this._config.pause !== 'hover') { + return; + } + + // If it's a touch-enabled device, mouseenter/leave are fired as + // part of the mouse compatibility events on first tap - the carousel + // would stop cycling until user tapped out of it; + // here, we listen for touchend, explicitly pause the carousel + // (as if it's the second time we tap on it, mouseenter compat event + // is NOT fired) and after a timeout (to allow for mouse compatibility + // events to fire) we explicitly restart cycling + + this.pause(); + if (this.touchTimeout) { + clearTimeout(this.touchTimeout); + } + this.touchTimeout = setTimeout(() => this._maybeEnableCycle(), TOUCHEVENT_COMPAT_WAIT + this._config.interval); + }; + const swipeConfig = { + leftCallback: () => this._slide(this._directionToOrder(DIRECTION_LEFT)), + rightCallback: () => this._slide(this._directionToOrder(DIRECTION_RIGHT)), + endCallback: endCallBack + }; + this._swipeHelper = new Swipe(this._element, swipeConfig); + } + _keydown(event) { + if (/input|textarea/i.test(event.target.tagName)) { + return; + } + const direction = KEY_TO_DIRECTION[event.key]; + if (direction) { + event.preventDefault(); + this._slide(this._directionToOrder(direction)); + } + } + _getItemIndex(element) { + return this._getItems().indexOf(element); + } + _setActiveIndicatorElement(index) { + if (!this._indicatorsElement) { + return; + } + const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement); + activeIndicator.classList.remove(CLASS_NAME_ACTIVE$2); + activeIndicator.removeAttribute('aria-current'); + const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to="${index}"]`, this._indicatorsElement); + if (newActiveIndicator) { + newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$2); + newActiveIndicator.setAttribute('aria-current', 'true'); + } + } + _updateInterval() { + const element = this._activeElement || this._getActive(); + if (!element) { + return; + } + const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10); + this._config.interval = elementInterval || this._config.defaultInterval; + } + _slide(order, element = null) { + if (this._isSliding) { + return; + } + const activeElement = this._getActive(); + const isNext = order === ORDER_NEXT; + const nextElement = element || getNextActiveElement(this._getItems(), activeElement, isNext, this._config.wrap); + if (nextElement === activeElement) { + return; + } + const nextElementIndex = this._getItemIndex(nextElement); + const triggerEvent = eventName => { + return EventHandler.trigger(this._element, eventName, { + relatedTarget: nextElement, + direction: this._orderToDirection(order), + from: this._getItemIndex(activeElement), + to: nextElementIndex + }); + }; + const slideEvent = triggerEvent(EVENT_SLIDE); + if (slideEvent.defaultPrevented) { + return; + } + if (!activeElement || !nextElement) { + // Some weirdness is happening, so we bail + // TODO: change tests that use empty divs to avoid this check + return; + } + const isCycling = Boolean(this._interval); + this.pause(); + this._isSliding = true; + this._setActiveIndicatorElement(nextElementIndex); + this._activeElement = nextElement; + const directionalClassName = isNext ? CLASS_NAME_START : CLASS_NAME_END; + const orderClassName = isNext ? CLASS_NAME_NEXT : CLASS_NAME_PREV; + nextElement.classList.add(orderClassName); + reflow(nextElement); + activeElement.classList.add(directionalClassName); + nextElement.classList.add(directionalClassName); + const completeCallBack = () => { + nextElement.classList.remove(directionalClassName, orderClassName); + nextElement.classList.add(CLASS_NAME_ACTIVE$2); + activeElement.classList.remove(CLASS_NAME_ACTIVE$2, orderClassName, directionalClassName); + this._isSliding = false; + triggerEvent(EVENT_SLID); + }; + this._queueCallback(completeCallBack, activeElement, this._isAnimated()); + if (isCycling) { + this.cycle(); + } + } + _isAnimated() { + return this._element.classList.contains(CLASS_NAME_SLIDE); + } + _getActive() { + return SelectorEngine.findOne(SELECTOR_ACTIVE_ITEM, this._element); + } + _getItems() { + return SelectorEngine.find(SELECTOR_ITEM, this._element); + } + _clearInterval() { + if (this._interval) { + clearInterval(this._interval); + this._interval = null; + } + } + _directionToOrder(direction) { + if (isRTL()) { + return direction === DIRECTION_LEFT ? ORDER_PREV : ORDER_NEXT; + } + return direction === DIRECTION_LEFT ? ORDER_NEXT : ORDER_PREV; + } + _orderToDirection(order) { + if (isRTL()) { + return order === ORDER_PREV ? DIRECTION_LEFT : DIRECTION_RIGHT; + } + return order === ORDER_PREV ? DIRECTION_RIGHT : DIRECTION_LEFT; + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Carousel.getOrCreateInstance(this, config); + if (typeof config === 'number') { + data.to(config); + return; + } + if (typeof config === 'string') { + if (data[config] === undefined || config.startsWith('_') || config === 'constructor') { + throw new TypeError(`No method named "${config}"`); + } + data[config](); + } + }); + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_CLICK_DATA_API$5, SELECTOR_DATA_SLIDE, function (event) { + const target = SelectorEngine.getElementFromSelector(this); + if (!target || !target.classList.contains(CLASS_NAME_CAROUSEL)) { + return; + } + event.preventDefault(); + const carousel = Carousel.getOrCreateInstance(target); + const slideIndex = this.getAttribute('data-bs-slide-to'); + if (slideIndex) { + carousel.to(slideIndex); + carousel._maybeEnableCycle(); + return; + } + if (Manipulator.getDataAttribute(this, 'slide') === 'next') { + carousel.next(); + carousel._maybeEnableCycle(); + return; + } + carousel.prev(); + carousel._maybeEnableCycle(); + }); + EventHandler.on(window, EVENT_LOAD_DATA_API$3, () => { + const carousels = SelectorEngine.find(SELECTOR_DATA_RIDE); + for (const carousel of carousels) { + Carousel.getOrCreateInstance(carousel); + } + }); + + /** + * jQuery + */ + + defineJQueryPlugin(Carousel); + + /** + * -------------------------------------------------------------------------- + * Bootstrap collapse.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$b = 'collapse'; + const DATA_KEY$7 = 'bs.collapse'; + const EVENT_KEY$7 = `.${DATA_KEY$7}`; + const DATA_API_KEY$4 = '.data-api'; + const EVENT_SHOW$6 = `show${EVENT_KEY$7}`; + const EVENT_SHOWN$6 = `shown${EVENT_KEY$7}`; + const EVENT_HIDE$6 = `hide${EVENT_KEY$7}`; + const EVENT_HIDDEN$6 = `hidden${EVENT_KEY$7}`; + const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$7}${DATA_API_KEY$4}`; + const CLASS_NAME_SHOW$7 = 'show'; + const CLASS_NAME_COLLAPSE = 'collapse'; + const CLASS_NAME_COLLAPSING = 'collapsing'; + const CLASS_NAME_COLLAPSED = 'collapsed'; + const CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`; + const CLASS_NAME_HORIZONTAL = 'collapse-horizontal'; + const WIDTH = 'width'; + const HEIGHT = 'height'; + const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing'; + const SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle="collapse"]'; + const Default$a = { + parent: null, + toggle: true + }; + const DefaultType$a = { + parent: '(null|element)', + toggle: 'boolean' + }; + + /** + * Class definition + */ + + class Collapse extends BaseComponent { + constructor(element, config) { + super(element, config); + this._isTransitioning = false; + this._triggerArray = []; + const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE$4); + for (const elem of toggleList) { + const selector = SelectorEngine.getSelectorFromElement(elem); + const filterElement = SelectorEngine.find(selector).filter(foundElement => foundElement === this._element); + if (selector !== null && filterElement.length) { + this._triggerArray.push(elem); + } + } + this._initializeChildren(); + if (!this._config.parent) { + this._addAriaAndCollapsedClass(this._triggerArray, this._isShown()); + } + if (this._config.toggle) { + this.toggle(); + } + } + + // Getters + static get Default() { + return Default$a; + } + static get DefaultType() { + return DefaultType$a; + } + static get NAME() { + return NAME$b; + } + + // Public + toggle() { + if (this._isShown()) { + this.hide(); + } else { + this.show(); + } + } + show() { + if (this._isTransitioning || this._isShown()) { + return; + } + let activeChildren = []; + + // find active children + if (this._config.parent) { + activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES).filter(element => element !== this._element).map(element => Collapse.getOrCreateInstance(element, { + toggle: false + })); + } + if (activeChildren.length && activeChildren[0]._isTransitioning) { + return; + } + const startEvent = EventHandler.trigger(this._element, EVENT_SHOW$6); + if (startEvent.defaultPrevented) { + return; + } + for (const activeInstance of activeChildren) { + activeInstance.hide(); + } + const dimension = this._getDimension(); + this._element.classList.remove(CLASS_NAME_COLLAPSE); + this._element.classList.add(CLASS_NAME_COLLAPSING); + this._element.style[dimension] = 0; + this._addAriaAndCollapsedClass(this._triggerArray, true); + this._isTransitioning = true; + const complete = () => { + this._isTransitioning = false; + this._element.classList.remove(CLASS_NAME_COLLAPSING); + this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7); + this._element.style[dimension] = ''; + EventHandler.trigger(this._element, EVENT_SHOWN$6); + }; + const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1); + const scrollSize = `scroll${capitalizedDimension}`; + this._queueCallback(complete, this._element, true); + this._element.style[dimension] = `${this._element[scrollSize]}px`; + } + hide() { + if (this._isTransitioning || !this._isShown()) { + return; + } + const startEvent = EventHandler.trigger(this._element, EVENT_HIDE$6); + if (startEvent.defaultPrevented) { + return; + } + const dimension = this._getDimension(); + this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`; + reflow(this._element); + this._element.classList.add(CLASS_NAME_COLLAPSING); + this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW$7); + for (const trigger of this._triggerArray) { + const element = SelectorEngine.getElementFromSelector(trigger); + if (element && !this._isShown(element)) { + this._addAriaAndCollapsedClass([trigger], false); + } + } + this._isTransitioning = true; + const complete = () => { + this._isTransitioning = false; + this._element.classList.remove(CLASS_NAME_COLLAPSING); + this._element.classList.add(CLASS_NAME_COLLAPSE); + EventHandler.trigger(this._element, EVENT_HIDDEN$6); + }; + this._element.style[dimension] = ''; + this._queueCallback(complete, this._element, true); + } + _isShown(element = this._element) { + return element.classList.contains(CLASS_NAME_SHOW$7); + } + + // Private + _configAfterMerge(config) { + config.toggle = Boolean(config.toggle); // Coerce string values + config.parent = getElement(config.parent); + return config; + } + _getDimension() { + return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT; + } + _initializeChildren() { + if (!this._config.parent) { + return; + } + const children = this._getFirstLevelChildren(SELECTOR_DATA_TOGGLE$4); + for (const element of children) { + const selected = SelectorEngine.getElementFromSelector(element); + if (selected) { + this._addAriaAndCollapsedClass([element], this._isShown(selected)); + } + } + } + _getFirstLevelChildren(selector) { + const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent); + // remove children if greater depth + return SelectorEngine.find(selector, this._config.parent).filter(element => !children.includes(element)); + } + _addAriaAndCollapsedClass(triggerArray, isOpen) { + if (!triggerArray.length) { + return; + } + for (const element of triggerArray) { + element.classList.toggle(CLASS_NAME_COLLAPSED, !isOpen); + element.setAttribute('aria-expanded', isOpen); + } + } + + // Static + static jQueryInterface(config) { + const _config = {}; + if (typeof config === 'string' && /show|hide/.test(config)) { + _config.toggle = false; + } + return this.each(function () { + const data = Collapse.getOrCreateInstance(this, _config); + if (typeof config === 'string') { + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`); + } + data[config](); + } + }); + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_CLICK_DATA_API$4, SELECTOR_DATA_TOGGLE$4, function (event) { + // preventDefault only for elements (which change the URL) not inside the collapsible element + if (event.target.tagName === 'A' || event.delegateTarget && event.delegateTarget.tagName === 'A') { + event.preventDefault(); + } + for (const element of SelectorEngine.getMultipleElementsFromSelector(this)) { + Collapse.getOrCreateInstance(element, { + toggle: false + }).toggle(); + } + }); + + /** + * jQuery + */ + + defineJQueryPlugin(Collapse); + + var top = 'top'; + var bottom = 'bottom'; + var right = 'right'; + var left = 'left'; + var auto = 'auto'; + var basePlacements = [top, bottom, right, left]; + var start = 'start'; + var end = 'end'; + var clippingParents = 'clippingParents'; + var viewport = 'viewport'; + var popper = 'popper'; + var reference = 'reference'; + var variationPlacements = /*#__PURE__*/basePlacements.reduce(function (acc, placement) { + return acc.concat([placement + "-" + start, placement + "-" + end]); + }, []); + var placements = /*#__PURE__*/[].concat(basePlacements, [auto]).reduce(function (acc, placement) { + return acc.concat([placement, placement + "-" + start, placement + "-" + end]); + }, []); // modifiers that need to read the DOM + + var beforeRead = 'beforeRead'; + var read = 'read'; + var afterRead = 'afterRead'; // pure-logic modifiers + + var beforeMain = 'beforeMain'; + var main = 'main'; + var afterMain = 'afterMain'; // modifier with the purpose to write to the DOM (or write into a framework state) + + var beforeWrite = 'beforeWrite'; + var write = 'write'; + var afterWrite = 'afterWrite'; + var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite]; + + function getNodeName(element) { + return element ? (element.nodeName || '').toLowerCase() : null; + } + + function getWindow(node) { + if (node == null) { + return window; + } + + if (node.toString() !== '[object Window]') { + var ownerDocument = node.ownerDocument; + return ownerDocument ? ownerDocument.defaultView || window : window; + } + + return node; + } + + function isElement(node) { + var OwnElement = getWindow(node).Element; + return node instanceof OwnElement || node instanceof Element; + } + + function isHTMLElement(node) { + var OwnElement = getWindow(node).HTMLElement; + return node instanceof OwnElement || node instanceof HTMLElement; + } + + function isShadowRoot(node) { + // IE 11 has no ShadowRoot + if (typeof ShadowRoot === 'undefined') { + return false; + } + + var OwnElement = getWindow(node).ShadowRoot; + return node instanceof OwnElement || node instanceof ShadowRoot; + } + + // and applies them to the HTMLElements such as popper and arrow + + function applyStyles(_ref) { + var state = _ref.state; + Object.keys(state.elements).forEach(function (name) { + var style = state.styles[name] || {}; + var attributes = state.attributes[name] || {}; + var element = state.elements[name]; // arrow is optional + virtual elements + + if (!isHTMLElement(element) || !getNodeName(element)) { + return; + } // Flow doesn't support to extend this property, but it's the most + // effective way to apply styles to an HTMLElement + // $FlowFixMe[cannot-write] + + + Object.assign(element.style, style); + Object.keys(attributes).forEach(function (name) { + var value = attributes[name]; + + if (value === false) { + element.removeAttribute(name); + } else { + element.setAttribute(name, value === true ? '' : value); + } + }); + }); + } + + function effect$2(_ref2) { + var state = _ref2.state; + var initialStyles = { + popper: { + position: state.options.strategy, + left: '0', + top: '0', + margin: '0' + }, + arrow: { + position: 'absolute' + }, + reference: {} + }; + Object.assign(state.elements.popper.style, initialStyles.popper); + state.styles = initialStyles; + + if (state.elements.arrow) { + Object.assign(state.elements.arrow.style, initialStyles.arrow); + } + + return function () { + Object.keys(state.elements).forEach(function (name) { + var element = state.elements[name]; + var attributes = state.attributes[name] || {}; + var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them + + var style = styleProperties.reduce(function (style, property) { + style[property] = ''; + return style; + }, {}); // arrow is optional + virtual elements + + if (!isHTMLElement(element) || !getNodeName(element)) { + return; + } + + Object.assign(element.style, style); + Object.keys(attributes).forEach(function (attribute) { + element.removeAttribute(attribute); + }); + }); + }; + } // eslint-disable-next-line import/no-unused-modules + + + const applyStyles$1 = { + name: 'applyStyles', + enabled: true, + phase: 'write', + fn: applyStyles, + effect: effect$2, + requires: ['computeStyles'] + }; + + function getBasePlacement(placement) { + return placement.split('-')[0]; + } + + var max = Math.max; + var min = Math.min; + var round = Math.round; + + function getUAString() { + var uaData = navigator.userAgentData; + + if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) { + return uaData.brands.map(function (item) { + return item.brand + "/" + item.version; + }).join(' '); + } + + return navigator.userAgent; + } + + function isLayoutViewport() { + return !/^((?!chrome|android).)*safari/i.test(getUAString()); + } + + function getBoundingClientRect(element, includeScale, isFixedStrategy) { + if (includeScale === void 0) { + includeScale = false; + } + + if (isFixedStrategy === void 0) { + isFixedStrategy = false; + } + + var clientRect = element.getBoundingClientRect(); + var scaleX = 1; + var scaleY = 1; + + if (includeScale && isHTMLElement(element)) { + scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1; + scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1; + } + + var _ref = isElement(element) ? getWindow(element) : window, + visualViewport = _ref.visualViewport; + + var addVisualOffsets = !isLayoutViewport() && isFixedStrategy; + var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX; + var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY; + var width = clientRect.width / scaleX; + var height = clientRect.height / scaleY; + return { + width: width, + height: height, + top: y, + right: x + width, + bottom: y + height, + left: x, + x: x, + y: y + }; + } + + // means it doesn't take into account transforms. + + function getLayoutRect(element) { + var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed. + // Fixes https://github.com/popperjs/popper-core/issues/1223 + + var width = element.offsetWidth; + var height = element.offsetHeight; + + if (Math.abs(clientRect.width - width) <= 1) { + width = clientRect.width; + } + + if (Math.abs(clientRect.height - height) <= 1) { + height = clientRect.height; + } + + return { + x: element.offsetLeft, + y: element.offsetTop, + width: width, + height: height + }; + } + + function contains(parent, child) { + var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method + + if (parent.contains(child)) { + return true; + } // then fallback to custom implementation with Shadow DOM support + else if (rootNode && isShadowRoot(rootNode)) { + var next = child; + + do { + if (next && parent.isSameNode(next)) { + return true; + } // $FlowFixMe[prop-missing]: need a better way to handle this... + + + next = next.parentNode || next.host; + } while (next); + } // Give up, the result is false + + + return false; + } + + function getComputedStyle$1(element) { + return getWindow(element).getComputedStyle(element); + } + + function isTableElement(element) { + return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0; + } + + function getDocumentElement(element) { + // $FlowFixMe[incompatible-return]: assume body is always available + return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing] + element.document) || window.document).documentElement; + } + + function getParentNode(element) { + if (getNodeName(element) === 'html') { + return element; + } + + return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle + // $FlowFixMe[incompatible-return] + // $FlowFixMe[prop-missing] + element.assignedSlot || // step into the shadow DOM of the parent of a slotted node + element.parentNode || ( // DOM Element detected + isShadowRoot(element) ? element.host : null) || // ShadowRoot detected + // $FlowFixMe[incompatible-call]: HTMLElement is a Node + getDocumentElement(element) // fallback + + ); + } + + function getTrueOffsetParent(element) { + if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837 + getComputedStyle$1(element).position === 'fixed') { + return null; + } + + return element.offsetParent; + } // `.offsetParent` reports `null` for fixed elements, while absolute elements + // return the containing block + + + function getContainingBlock(element) { + var isFirefox = /firefox/i.test(getUAString()); + var isIE = /Trident/i.test(getUAString()); + + if (isIE && isHTMLElement(element)) { + // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport + var elementCss = getComputedStyle$1(element); + + if (elementCss.position === 'fixed') { + return null; + } + } + + var currentNode = getParentNode(element); + + if (isShadowRoot(currentNode)) { + currentNode = currentNode.host; + } + + while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) { + var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that + // create a containing block. + // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block + + if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') { + return currentNode; + } else { + currentNode = currentNode.parentNode; + } + } + + return null; + } // Gets the closest ancestor positioned element. Handles some edge cases, + // such as table ancestors and cross browser bugs. + + + function getOffsetParent(element) { + var window = getWindow(element); + var offsetParent = getTrueOffsetParent(element); + + while (offsetParent && isTableElement(offsetParent) && getComputedStyle$1(offsetParent).position === 'static') { + offsetParent = getTrueOffsetParent(offsetParent); + } + + if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle$1(offsetParent).position === 'static')) { + return window; + } + + return offsetParent || getContainingBlock(element) || window; + } + + function getMainAxisFromPlacement(placement) { + return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y'; + } + + function within(min$1, value, max$1) { + return max(min$1, min(value, max$1)); + } + function withinMaxClamp(min, value, max) { + var v = within(min, value, max); + return v > max ? max : v; + } + + function getFreshSideObject() { + return { + top: 0, + right: 0, + bottom: 0, + left: 0 + }; + } + + function mergePaddingObject(paddingObject) { + return Object.assign({}, getFreshSideObject(), paddingObject); + } + + function expandToHashMap(value, keys) { + return keys.reduce(function (hashMap, key) { + hashMap[key] = value; + return hashMap; + }, {}); + } + + var toPaddingObject = function toPaddingObject(padding, state) { + padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, { + placement: state.placement + })) : padding; + return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); + }; + + function arrow(_ref) { + var _state$modifiersData$; + + var state = _ref.state, + name = _ref.name, + options = _ref.options; + var arrowElement = state.elements.arrow; + var popperOffsets = state.modifiersData.popperOffsets; + var basePlacement = getBasePlacement(state.placement); + var axis = getMainAxisFromPlacement(basePlacement); + var isVertical = [left, right].indexOf(basePlacement) >= 0; + var len = isVertical ? 'height' : 'width'; + + if (!arrowElement || !popperOffsets) { + return; + } + + var paddingObject = toPaddingObject(options.padding, state); + var arrowRect = getLayoutRect(arrowElement); + var minProp = axis === 'y' ? top : left; + var maxProp = axis === 'y' ? bottom : right; + var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len]; + var startDiff = popperOffsets[axis] - state.rects.reference[axis]; + var arrowOffsetParent = getOffsetParent(arrowElement); + var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0; + var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is + // outside of the popper bounds + + var min = paddingObject[minProp]; + var max = clientSize - arrowRect[len] - paddingObject[maxProp]; + var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference; + var offset = within(min, center, max); // Prevents breaking syntax highlighting... + + var axisProp = axis; + state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$); + } + + function effect$1(_ref2) { + var state = _ref2.state, + options = _ref2.options; + var _options$element = options.element, + arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element; + + if (arrowElement == null) { + return; + } // CSS selector + + + if (typeof arrowElement === 'string') { + arrowElement = state.elements.popper.querySelector(arrowElement); + + if (!arrowElement) { + return; + } + } + + if (!contains(state.elements.popper, arrowElement)) { + return; + } + + state.elements.arrow = arrowElement; + } // eslint-disable-next-line import/no-unused-modules + + + const arrow$1 = { + name: 'arrow', + enabled: true, + phase: 'main', + fn: arrow, + effect: effect$1, + requires: ['popperOffsets'], + requiresIfExists: ['preventOverflow'] + }; + + function getVariation(placement) { + return placement.split('-')[1]; + } + + var unsetSides = { + top: 'auto', + right: 'auto', + bottom: 'auto', + left: 'auto' + }; // Round the offsets to the nearest suitable subpixel based on the DPR. + // Zooming can change the DPR, but it seems to report a value that will + // cleanly divide the values into the appropriate subpixels. + + function roundOffsetsByDPR(_ref, win) { + var x = _ref.x, + y = _ref.y; + var dpr = win.devicePixelRatio || 1; + return { + x: round(x * dpr) / dpr || 0, + y: round(y * dpr) / dpr || 0 + }; + } + + function mapToStyles(_ref2) { + var _Object$assign2; + + var popper = _ref2.popper, + popperRect = _ref2.popperRect, + placement = _ref2.placement, + variation = _ref2.variation, + offsets = _ref2.offsets, + position = _ref2.position, + gpuAcceleration = _ref2.gpuAcceleration, + adaptive = _ref2.adaptive, + roundOffsets = _ref2.roundOffsets, + isFixed = _ref2.isFixed; + var _offsets$x = offsets.x, + x = _offsets$x === void 0 ? 0 : _offsets$x, + _offsets$y = offsets.y, + y = _offsets$y === void 0 ? 0 : _offsets$y; + + var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({ + x: x, + y: y + }) : { + x: x, + y: y + }; + + x = _ref3.x; + y = _ref3.y; + var hasX = offsets.hasOwnProperty('x'); + var hasY = offsets.hasOwnProperty('y'); + var sideX = left; + var sideY = top; + var win = window; + + if (adaptive) { + var offsetParent = getOffsetParent(popper); + var heightProp = 'clientHeight'; + var widthProp = 'clientWidth'; + + if (offsetParent === getWindow(popper)) { + offsetParent = getDocumentElement(popper); + + if (getComputedStyle$1(offsetParent).position !== 'static' && position === 'absolute') { + heightProp = 'scrollHeight'; + widthProp = 'scrollWidth'; + } + } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it + + + offsetParent = offsetParent; + + if (placement === top || (placement === left || placement === right) && variation === end) { + sideY = bottom; + var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing] + offsetParent[heightProp]; + y -= offsetY - popperRect.height; + y *= gpuAcceleration ? 1 : -1; + } + + if (placement === left || (placement === top || placement === bottom) && variation === end) { + sideX = right; + var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing] + offsetParent[widthProp]; + x -= offsetX - popperRect.width; + x *= gpuAcceleration ? 1 : -1; + } + } + + var commonStyles = Object.assign({ + position: position + }, adaptive && unsetSides); + + var _ref4 = roundOffsets === true ? roundOffsetsByDPR({ + x: x, + y: y + }, getWindow(popper)) : { + x: x, + y: y + }; + + x = _ref4.x; + y = _ref4.y; + + if (gpuAcceleration) { + var _Object$assign; + + return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign)); + } + + return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2)); + } + + function computeStyles(_ref5) { + var state = _ref5.state, + options = _ref5.options; + var _options$gpuAccelerat = options.gpuAcceleration, + gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, + _options$adaptive = options.adaptive, + adaptive = _options$adaptive === void 0 ? true : _options$adaptive, + _options$roundOffsets = options.roundOffsets, + roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets; + var commonStyles = { + placement: getBasePlacement(state.placement), + variation: getVariation(state.placement), + popper: state.elements.popper, + popperRect: state.rects.popper, + gpuAcceleration: gpuAcceleration, + isFixed: state.options.strategy === 'fixed' + }; + + if (state.modifiersData.popperOffsets != null) { + state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, { + offsets: state.modifiersData.popperOffsets, + position: state.options.strategy, + adaptive: adaptive, + roundOffsets: roundOffsets + }))); + } + + if (state.modifiersData.arrow != null) { + state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, { + offsets: state.modifiersData.arrow, + position: 'absolute', + adaptive: false, + roundOffsets: roundOffsets + }))); + } + + state.attributes.popper = Object.assign({}, state.attributes.popper, { + 'data-popper-placement': state.placement + }); + } // eslint-disable-next-line import/no-unused-modules + + + const computeStyles$1 = { + name: 'computeStyles', + enabled: true, + phase: 'beforeWrite', + fn: computeStyles, + data: {} + }; + + var passive = { + passive: true + }; + + function effect(_ref) { + var state = _ref.state, + instance = _ref.instance, + options = _ref.options; + var _options$scroll = options.scroll, + scroll = _options$scroll === void 0 ? true : _options$scroll, + _options$resize = options.resize, + resize = _options$resize === void 0 ? true : _options$resize; + var window = getWindow(state.elements.popper); + var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper); + + if (scroll) { + scrollParents.forEach(function (scrollParent) { + scrollParent.addEventListener('scroll', instance.update, passive); + }); + } + + if (resize) { + window.addEventListener('resize', instance.update, passive); + } + + return function () { + if (scroll) { + scrollParents.forEach(function (scrollParent) { + scrollParent.removeEventListener('scroll', instance.update, passive); + }); + } + + if (resize) { + window.removeEventListener('resize', instance.update, passive); + } + }; + } // eslint-disable-next-line import/no-unused-modules + + + const eventListeners = { + name: 'eventListeners', + enabled: true, + phase: 'write', + fn: function fn() {}, + effect: effect, + data: {} + }; + + var hash$1 = { + left: 'right', + right: 'left', + bottom: 'top', + top: 'bottom' + }; + function getOppositePlacement(placement) { + return placement.replace(/left|right|bottom|top/g, function (matched) { + return hash$1[matched]; + }); + } + + var hash = { + start: 'end', + end: 'start' + }; + function getOppositeVariationPlacement(placement) { + return placement.replace(/start|end/g, function (matched) { + return hash[matched]; + }); + } + + function getWindowScroll(node) { + var win = getWindow(node); + var scrollLeft = win.pageXOffset; + var scrollTop = win.pageYOffset; + return { + scrollLeft: scrollLeft, + scrollTop: scrollTop + }; + } + + function getWindowScrollBarX(element) { + // If has a CSS width greater than the viewport, then this will be + // incorrect for RTL. + // Popper 1 is broken in this case and never had a bug report so let's assume + // it's not an issue. I don't think anyone ever specifies width on + // anyway. + // Browsers where the left scrollbar doesn't cause an issue report `0` for + // this (e.g. Edge 2019, IE11, Safari) + return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft; + } + + function getViewportRect(element, strategy) { + var win = getWindow(element); + var html = getDocumentElement(element); + var visualViewport = win.visualViewport; + var width = html.clientWidth; + var height = html.clientHeight; + var x = 0; + var y = 0; + + if (visualViewport) { + width = visualViewport.width; + height = visualViewport.height; + var layoutViewport = isLayoutViewport(); + + if (layoutViewport || !layoutViewport && strategy === 'fixed') { + x = visualViewport.offsetLeft; + y = visualViewport.offsetTop; + } + } + + return { + width: width, + height: height, + x: x + getWindowScrollBarX(element), + y: y + }; + } + + // of the `` and `` rect bounds if horizontally scrollable + + function getDocumentRect(element) { + var _element$ownerDocumen; + + var html = getDocumentElement(element); + var winScroll = getWindowScroll(element); + var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body; + var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0); + var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0); + var x = -winScroll.scrollLeft + getWindowScrollBarX(element); + var y = -winScroll.scrollTop; + + if (getComputedStyle$1(body || html).direction === 'rtl') { + x += max(html.clientWidth, body ? body.clientWidth : 0) - width; + } + + return { + width: width, + height: height, + x: x, + y: y + }; + } + + function isScrollParent(element) { + // Firefox wants us to check `-x` and `-y` variations as well + var _getComputedStyle = getComputedStyle$1(element), + overflow = _getComputedStyle.overflow, + overflowX = _getComputedStyle.overflowX, + overflowY = _getComputedStyle.overflowY; + + return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX); + } + + function getScrollParent(node) { + if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) { + // $FlowFixMe[incompatible-return]: assume body is always available + return node.ownerDocument.body; + } + + if (isHTMLElement(node) && isScrollParent(node)) { + return node; + } + + return getScrollParent(getParentNode(node)); + } + + /* + given a DOM element, return the list of all scroll parents, up the list of ancesors + until we get to the top window object. This list is what we attach scroll listeners + to, because if any of these parent elements scroll, we'll need to re-calculate the + reference element's position. + */ + + function listScrollParents(element, list) { + var _element$ownerDocumen; + + if (list === void 0) { + list = []; + } + + var scrollParent = getScrollParent(element); + var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body); + var win = getWindow(scrollParent); + var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent; + var updatedList = list.concat(target); + return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here + updatedList.concat(listScrollParents(getParentNode(target))); + } + + function rectToClientRect(rect) { + return Object.assign({}, rect, { + left: rect.x, + top: rect.y, + right: rect.x + rect.width, + bottom: rect.y + rect.height + }); + } + + function getInnerBoundingClientRect(element, strategy) { + var rect = getBoundingClientRect(element, false, strategy === 'fixed'); + rect.top = rect.top + element.clientTop; + rect.left = rect.left + element.clientLeft; + rect.bottom = rect.top + element.clientHeight; + rect.right = rect.left + element.clientWidth; + rect.width = element.clientWidth; + rect.height = element.clientHeight; + rect.x = rect.left; + rect.y = rect.top; + return rect; + } + + function getClientRectFromMixedType(element, clippingParent, strategy) { + return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element))); + } // A "clipping parent" is an overflowable container with the characteristic of + // clipping (or hiding) overflowing elements with a position different from + // `initial` + + + function getClippingParents(element) { + var clippingParents = listScrollParents(getParentNode(element)); + var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle$1(element).position) >= 0; + var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element; + + if (!isElement(clipperElement)) { + return []; + } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414 + + + return clippingParents.filter(function (clippingParent) { + return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body'; + }); + } // Gets the maximum area that the element is visible in due to any number of + // clipping parents + + + function getClippingRect(element, boundary, rootBoundary, strategy) { + var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary); + var clippingParents = [].concat(mainClippingParents, [rootBoundary]); + var firstClippingParent = clippingParents[0]; + var clippingRect = clippingParents.reduce(function (accRect, clippingParent) { + var rect = getClientRectFromMixedType(element, clippingParent, strategy); + accRect.top = max(rect.top, accRect.top); + accRect.right = min(rect.right, accRect.right); + accRect.bottom = min(rect.bottom, accRect.bottom); + accRect.left = max(rect.left, accRect.left); + return accRect; + }, getClientRectFromMixedType(element, firstClippingParent, strategy)); + clippingRect.width = clippingRect.right - clippingRect.left; + clippingRect.height = clippingRect.bottom - clippingRect.top; + clippingRect.x = clippingRect.left; + clippingRect.y = clippingRect.top; + return clippingRect; + } + + function computeOffsets(_ref) { + var reference = _ref.reference, + element = _ref.element, + placement = _ref.placement; + var basePlacement = placement ? getBasePlacement(placement) : null; + var variation = placement ? getVariation(placement) : null; + var commonX = reference.x + reference.width / 2 - element.width / 2; + var commonY = reference.y + reference.height / 2 - element.height / 2; + var offsets; + + switch (basePlacement) { + case top: + offsets = { + x: commonX, + y: reference.y - element.height + }; + break; + + case bottom: + offsets = { + x: commonX, + y: reference.y + reference.height + }; + break; + + case right: + offsets = { + x: reference.x + reference.width, + y: commonY + }; + break; + + case left: + offsets = { + x: reference.x - element.width, + y: commonY + }; + break; + + default: + offsets = { + x: reference.x, + y: reference.y + }; + } + + var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null; + + if (mainAxis != null) { + var len = mainAxis === 'y' ? 'height' : 'width'; + + switch (variation) { + case start: + offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2); + break; + + case end: + offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2); + break; + } + } + + return offsets; + } + + function detectOverflow(state, options) { + if (options === void 0) { + options = {}; + } + + var _options = options, + _options$placement = _options.placement, + placement = _options$placement === void 0 ? state.placement : _options$placement, + _options$strategy = _options.strategy, + strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, + _options$boundary = _options.boundary, + boundary = _options$boundary === void 0 ? clippingParents : _options$boundary, + _options$rootBoundary = _options.rootBoundary, + rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary, + _options$elementConte = _options.elementContext, + elementContext = _options$elementConte === void 0 ? popper : _options$elementConte, + _options$altBoundary = _options.altBoundary, + altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, + _options$padding = _options.padding, + padding = _options$padding === void 0 ? 0 : _options$padding; + var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements)); + var altContext = elementContext === popper ? reference : popper; + var popperRect = state.rects.popper; + var element = state.elements[altBoundary ? altContext : elementContext]; + var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy); + var referenceClientRect = getBoundingClientRect(state.elements.reference); + var popperOffsets = computeOffsets({ + reference: referenceClientRect, + element: popperRect, + strategy: 'absolute', + placement: placement + }); + var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets)); + var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect + // 0 or negative = within the clipping rect + + var overflowOffsets = { + top: clippingClientRect.top - elementClientRect.top + paddingObject.top, + bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom, + left: clippingClientRect.left - elementClientRect.left + paddingObject.left, + right: elementClientRect.right - clippingClientRect.right + paddingObject.right + }; + var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element + + if (elementContext === popper && offsetData) { + var offset = offsetData[placement]; + Object.keys(overflowOffsets).forEach(function (key) { + var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1; + var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x'; + overflowOffsets[key] += offset[axis] * multiply; + }); + } + + return overflowOffsets; + } + + function computeAutoPlacement(state, options) { + if (options === void 0) { + options = {}; + } + + var _options = options, + placement = _options.placement, + boundary = _options.boundary, + rootBoundary = _options.rootBoundary, + padding = _options.padding, + flipVariations = _options.flipVariations, + _options$allowedAutoP = _options.allowedAutoPlacements, + allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP; + var variation = getVariation(placement); + var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) { + return getVariation(placement) === variation; + }) : basePlacements; + var allowedPlacements = placements$1.filter(function (placement) { + return allowedAutoPlacements.indexOf(placement) >= 0; + }); + + if (allowedPlacements.length === 0) { + allowedPlacements = placements$1; + } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions... + + + var overflows = allowedPlacements.reduce(function (acc, placement) { + acc[placement] = detectOverflow(state, { + placement: placement, + boundary: boundary, + rootBoundary: rootBoundary, + padding: padding + })[getBasePlacement(placement)]; + return acc; + }, {}); + return Object.keys(overflows).sort(function (a, b) { + return overflows[a] - overflows[b]; + }); + } + + function getExpandedFallbackPlacements(placement) { + if (getBasePlacement(placement) === auto) { + return []; + } + + var oppositePlacement = getOppositePlacement(placement); + return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)]; + } + + function flip(_ref) { + var state = _ref.state, + options = _ref.options, + name = _ref.name; + + if (state.modifiersData[name]._skip) { + return; + } + + var _options$mainAxis = options.mainAxis, + checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, + _options$altAxis = options.altAxis, + checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis, + specifiedFallbackPlacements = options.fallbackPlacements, + padding = options.padding, + boundary = options.boundary, + rootBoundary = options.rootBoundary, + altBoundary = options.altBoundary, + _options$flipVariatio = options.flipVariations, + flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio, + allowedAutoPlacements = options.allowedAutoPlacements; + var preferredPlacement = state.options.placement; + var basePlacement = getBasePlacement(preferredPlacement); + var isBasePlacement = basePlacement === preferredPlacement; + var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement)); + var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) { + return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, { + placement: placement, + boundary: boundary, + rootBoundary: rootBoundary, + padding: padding, + flipVariations: flipVariations, + allowedAutoPlacements: allowedAutoPlacements + }) : placement); + }, []); + var referenceRect = state.rects.reference; + var popperRect = state.rects.popper; + var checksMap = new Map(); + var makeFallbackChecks = true; + var firstFittingPlacement = placements[0]; + + for (var i = 0; i < placements.length; i++) { + var placement = placements[i]; + + var _basePlacement = getBasePlacement(placement); + + var isStartVariation = getVariation(placement) === start; + var isVertical = [top, bottom].indexOf(_basePlacement) >= 0; + var len = isVertical ? 'width' : 'height'; + var overflow = detectOverflow(state, { + placement: placement, + boundary: boundary, + rootBoundary: rootBoundary, + altBoundary: altBoundary, + padding: padding + }); + var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top; + + if (referenceRect[len] > popperRect[len]) { + mainVariationSide = getOppositePlacement(mainVariationSide); + } + + var altVariationSide = getOppositePlacement(mainVariationSide); + var checks = []; + + if (checkMainAxis) { + checks.push(overflow[_basePlacement] <= 0); + } + + if (checkAltAxis) { + checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0); + } + + if (checks.every(function (check) { + return check; + })) { + firstFittingPlacement = placement; + makeFallbackChecks = false; + break; + } + + checksMap.set(placement, checks); + } + + if (makeFallbackChecks) { + // `2` may be desired in some cases – research later + var numberOfChecks = flipVariations ? 3 : 1; + + var _loop = function _loop(_i) { + var fittingPlacement = placements.find(function (placement) { + var checks = checksMap.get(placement); + + if (checks) { + return checks.slice(0, _i).every(function (check) { + return check; + }); + } + }); + + if (fittingPlacement) { + firstFittingPlacement = fittingPlacement; + return "break"; + } + }; + + for (var _i = numberOfChecks; _i > 0; _i--) { + var _ret = _loop(_i); + + if (_ret === "break") break; + } + } + + if (state.placement !== firstFittingPlacement) { + state.modifiersData[name]._skip = true; + state.placement = firstFittingPlacement; + state.reset = true; + } + } // eslint-disable-next-line import/no-unused-modules + + + const flip$1 = { + name: 'flip', + enabled: true, + phase: 'main', + fn: flip, + requiresIfExists: ['offset'], + data: { + _skip: false + } + }; + + function getSideOffsets(overflow, rect, preventedOffsets) { + if (preventedOffsets === void 0) { + preventedOffsets = { + x: 0, + y: 0 + }; + } + + return { + top: overflow.top - rect.height - preventedOffsets.y, + right: overflow.right - rect.width + preventedOffsets.x, + bottom: overflow.bottom - rect.height + preventedOffsets.y, + left: overflow.left - rect.width - preventedOffsets.x + }; + } + + function isAnySideFullyClipped(overflow) { + return [top, right, bottom, left].some(function (side) { + return overflow[side] >= 0; + }); + } + + function hide(_ref) { + var state = _ref.state, + name = _ref.name; + var referenceRect = state.rects.reference; + var popperRect = state.rects.popper; + var preventedOffsets = state.modifiersData.preventOverflow; + var referenceOverflow = detectOverflow(state, { + elementContext: 'reference' + }); + var popperAltOverflow = detectOverflow(state, { + altBoundary: true + }); + var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect); + var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets); + var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets); + var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets); + state.modifiersData[name] = { + referenceClippingOffsets: referenceClippingOffsets, + popperEscapeOffsets: popperEscapeOffsets, + isReferenceHidden: isReferenceHidden, + hasPopperEscaped: hasPopperEscaped + }; + state.attributes.popper = Object.assign({}, state.attributes.popper, { + 'data-popper-reference-hidden': isReferenceHidden, + 'data-popper-escaped': hasPopperEscaped + }); + } // eslint-disable-next-line import/no-unused-modules + + + const hide$1 = { + name: 'hide', + enabled: true, + phase: 'main', + requiresIfExists: ['preventOverflow'], + fn: hide + }; + + function distanceAndSkiddingToXY(placement, rects, offset) { + var basePlacement = getBasePlacement(placement); + var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1; + + var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, { + placement: placement + })) : offset, + skidding = _ref[0], + distance = _ref[1]; + + skidding = skidding || 0; + distance = (distance || 0) * invertDistance; + return [left, right].indexOf(basePlacement) >= 0 ? { + x: distance, + y: skidding + } : { + x: skidding, + y: distance + }; + } + + function offset(_ref2) { + var state = _ref2.state, + options = _ref2.options, + name = _ref2.name; + var _options$offset = options.offset, + offset = _options$offset === void 0 ? [0, 0] : _options$offset; + var data = placements.reduce(function (acc, placement) { + acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset); + return acc; + }, {}); + var _data$state$placement = data[state.placement], + x = _data$state$placement.x, + y = _data$state$placement.y; + + if (state.modifiersData.popperOffsets != null) { + state.modifiersData.popperOffsets.x += x; + state.modifiersData.popperOffsets.y += y; + } + + state.modifiersData[name] = data; + } // eslint-disable-next-line import/no-unused-modules + + + const offset$1 = { + name: 'offset', + enabled: true, + phase: 'main', + requires: ['popperOffsets'], + fn: offset + }; + + function popperOffsets(_ref) { + var state = _ref.state, + name = _ref.name; + // Offsets are the actual position the popper needs to have to be + // properly positioned near its reference element + // This is the most basic placement, and will be adjusted by + // the modifiers in the next step + state.modifiersData[name] = computeOffsets({ + reference: state.rects.reference, + element: state.rects.popper, + strategy: 'absolute', + placement: state.placement + }); + } // eslint-disable-next-line import/no-unused-modules + + + const popperOffsets$1 = { + name: 'popperOffsets', + enabled: true, + phase: 'read', + fn: popperOffsets, + data: {} + }; + + function getAltAxis(axis) { + return axis === 'x' ? 'y' : 'x'; + } + + function preventOverflow(_ref) { + var state = _ref.state, + options = _ref.options, + name = _ref.name; + var _options$mainAxis = options.mainAxis, + checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis, + _options$altAxis = options.altAxis, + checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis, + boundary = options.boundary, + rootBoundary = options.rootBoundary, + altBoundary = options.altBoundary, + padding = options.padding, + _options$tether = options.tether, + tether = _options$tether === void 0 ? true : _options$tether, + _options$tetherOffset = options.tetherOffset, + tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset; + var overflow = detectOverflow(state, { + boundary: boundary, + rootBoundary: rootBoundary, + padding: padding, + altBoundary: altBoundary + }); + var basePlacement = getBasePlacement(state.placement); + var variation = getVariation(state.placement); + var isBasePlacement = !variation; + var mainAxis = getMainAxisFromPlacement(basePlacement); + var altAxis = getAltAxis(mainAxis); + var popperOffsets = state.modifiersData.popperOffsets; + var referenceRect = state.rects.reference; + var popperRect = state.rects.popper; + var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, { + placement: state.placement + })) : tetherOffset; + var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? { + mainAxis: tetherOffsetValue, + altAxis: tetherOffsetValue + } : Object.assign({ + mainAxis: 0, + altAxis: 0 + }, tetherOffsetValue); + var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null; + var data = { + x: 0, + y: 0 + }; + + if (!popperOffsets) { + return; + } + + if (checkMainAxis) { + var _offsetModifierState$; + + var mainSide = mainAxis === 'y' ? top : left; + var altSide = mainAxis === 'y' ? bottom : right; + var len = mainAxis === 'y' ? 'height' : 'width'; + var offset = popperOffsets[mainAxis]; + var min$1 = offset + overflow[mainSide]; + var max$1 = offset - overflow[altSide]; + var additive = tether ? -popperRect[len] / 2 : 0; + var minLen = variation === start ? referenceRect[len] : popperRect[len]; + var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go + // outside the reference bounds + + var arrowElement = state.elements.arrow; + var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : { + width: 0, + height: 0 + }; + var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject(); + var arrowPaddingMin = arrowPaddingObject[mainSide]; + var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want + // to include its full size in the calculation. If the reference is small + // and near the edge of a boundary, the popper can overflow even if the + // reference is not overflowing as well (e.g. virtual elements with no + // width or height) + + var arrowLen = within(0, referenceRect[len], arrowRect[len]); + var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis; + var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis; + var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow); + var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0; + var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0; + var tetherMin = offset + minOffset - offsetModifierValue - clientOffset; + var tetherMax = offset + maxOffset - offsetModifierValue; + var preventedOffset = within(tether ? min(min$1, tetherMin) : min$1, offset, tether ? max(max$1, tetherMax) : max$1); + popperOffsets[mainAxis] = preventedOffset; + data[mainAxis] = preventedOffset - offset; + } + + if (checkAltAxis) { + var _offsetModifierState$2; + + var _mainSide = mainAxis === 'x' ? top : left; + + var _altSide = mainAxis === 'x' ? bottom : right; + + var _offset = popperOffsets[altAxis]; + + var _len = altAxis === 'y' ? 'height' : 'width'; + + var _min = _offset + overflow[_mainSide]; + + var _max = _offset - overflow[_altSide]; + + var isOriginSide = [top, left].indexOf(basePlacement) !== -1; + + var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0; + + var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis; + + var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max; + + var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max); + + popperOffsets[altAxis] = _preventedOffset; + data[altAxis] = _preventedOffset - _offset; + } + + state.modifiersData[name] = data; + } // eslint-disable-next-line import/no-unused-modules + + + const preventOverflow$1 = { + name: 'preventOverflow', + enabled: true, + phase: 'main', + fn: preventOverflow, + requiresIfExists: ['offset'] + }; + + function getHTMLElementScroll(element) { + return { + scrollLeft: element.scrollLeft, + scrollTop: element.scrollTop + }; + } + + function getNodeScroll(node) { + if (node === getWindow(node) || !isHTMLElement(node)) { + return getWindowScroll(node); + } else { + return getHTMLElementScroll(node); + } + } + + function isElementScaled(element) { + var rect = element.getBoundingClientRect(); + var scaleX = round(rect.width) / element.offsetWidth || 1; + var scaleY = round(rect.height) / element.offsetHeight || 1; + return scaleX !== 1 || scaleY !== 1; + } // Returns the composite rect of an element relative to its offsetParent. + // Composite means it takes into account transforms as well as layout. + + + function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) { + if (isFixed === void 0) { + isFixed = false; + } + + var isOffsetParentAnElement = isHTMLElement(offsetParent); + var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent); + var documentElement = getDocumentElement(offsetParent); + var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed); + var scroll = { + scrollLeft: 0, + scrollTop: 0 + }; + var offsets = { + x: 0, + y: 0 + }; + + if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) { + if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078 + isScrollParent(documentElement)) { + scroll = getNodeScroll(offsetParent); + } + + if (isHTMLElement(offsetParent)) { + offsets = getBoundingClientRect(offsetParent, true); + offsets.x += offsetParent.clientLeft; + offsets.y += offsetParent.clientTop; + } else if (documentElement) { + offsets.x = getWindowScrollBarX(documentElement); + } + } + + return { + x: rect.left + scroll.scrollLeft - offsets.x, + y: rect.top + scroll.scrollTop - offsets.y, + width: rect.width, + height: rect.height + }; + } + + function order(modifiers) { + var map = new Map(); + var visited = new Set(); + var result = []; + modifiers.forEach(function (modifier) { + map.set(modifier.name, modifier); + }); // On visiting object, check for its dependencies and visit them recursively + + function sort(modifier) { + visited.add(modifier.name); + var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []); + requires.forEach(function (dep) { + if (!visited.has(dep)) { + var depModifier = map.get(dep); + + if (depModifier) { + sort(depModifier); + } + } + }); + result.push(modifier); + } + + modifiers.forEach(function (modifier) { + if (!visited.has(modifier.name)) { + // check for visited object + sort(modifier); + } + }); + return result; + } + + function orderModifiers(modifiers) { + // order based on dependencies + var orderedModifiers = order(modifiers); // order based on phase + + return modifierPhases.reduce(function (acc, phase) { + return acc.concat(orderedModifiers.filter(function (modifier) { + return modifier.phase === phase; + })); + }, []); + } + + function debounce(fn) { + var pending; + return function () { + if (!pending) { + pending = new Promise(function (resolve) { + Promise.resolve().then(function () { + pending = undefined; + resolve(fn()); + }); + }); + } + + return pending; + }; + } + + function mergeByName(modifiers) { + var merged = modifiers.reduce(function (merged, current) { + var existing = merged[current.name]; + merged[current.name] = existing ? Object.assign({}, existing, current, { + options: Object.assign({}, existing.options, current.options), + data: Object.assign({}, existing.data, current.data) + }) : current; + return merged; + }, {}); // IE11 does not support Object.values + + return Object.keys(merged).map(function (key) { + return merged[key]; + }); + } + + var DEFAULT_OPTIONS = { + placement: 'bottom', + modifiers: [], + strategy: 'absolute' + }; + + function areValidElements() { + for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { + args[_key] = arguments[_key]; + } + + return !args.some(function (element) { + return !(element && typeof element.getBoundingClientRect === 'function'); + }); + } + + function popperGenerator(generatorOptions) { + if (generatorOptions === void 0) { + generatorOptions = {}; + } + + var _generatorOptions = generatorOptions, + _generatorOptions$def = _generatorOptions.defaultModifiers, + defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, + _generatorOptions$def2 = _generatorOptions.defaultOptions, + defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2; + return function createPopper(reference, popper, options) { + if (options === void 0) { + options = defaultOptions; + } + + var state = { + placement: 'bottom', + orderedModifiers: [], + options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions), + modifiersData: {}, + elements: { + reference: reference, + popper: popper + }, + attributes: {}, + styles: {} + }; + var effectCleanupFns = []; + var isDestroyed = false; + var instance = { + state: state, + setOptions: function setOptions(setOptionsAction) { + var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction; + cleanupModifierEffects(); + state.options = Object.assign({}, defaultOptions, state.options, options); + state.scrollParents = { + reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [], + popper: listScrollParents(popper) + }; // Orders the modifiers based on their dependencies and `phase` + // properties + + var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers + + state.orderedModifiers = orderedModifiers.filter(function (m) { + return m.enabled; + }); + runModifierEffects(); + return instance.update(); + }, + // Sync update – it will always be executed, even if not necessary. This + // is useful for low frequency updates where sync behavior simplifies the + // logic. + // For high frequency updates (e.g. `resize` and `scroll` events), always + // prefer the async Popper#update method + forceUpdate: function forceUpdate() { + if (isDestroyed) { + return; + } + + var _state$elements = state.elements, + reference = _state$elements.reference, + popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements + // anymore + + if (!areValidElements(reference, popper)) { + return; + } // Store the reference and popper rects to be read by modifiers + + + state.rects = { + reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'), + popper: getLayoutRect(popper) + }; // Modifiers have the ability to reset the current update cycle. The + // most common use case for this is the `flip` modifier changing the + // placement, which then needs to re-run all the modifiers, because the + // logic was previously ran for the previous placement and is therefore + // stale/incorrect + + state.reset = false; + state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier + // is filled with the initial data specified by the modifier. This means + // it doesn't persist and is fresh on each update. + // To ensure persistent data, use `${name}#persistent` + + state.orderedModifiers.forEach(function (modifier) { + return state.modifiersData[modifier.name] = Object.assign({}, modifier.data); + }); + + for (var index = 0; index < state.orderedModifiers.length; index++) { + if (state.reset === true) { + state.reset = false; + index = -1; + continue; + } + + var _state$orderedModifie = state.orderedModifiers[index], + fn = _state$orderedModifie.fn, + _state$orderedModifie2 = _state$orderedModifie.options, + _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, + name = _state$orderedModifie.name; + + if (typeof fn === 'function') { + state = fn({ + state: state, + options: _options, + name: name, + instance: instance + }) || state; + } + } + }, + // Async and optimistically optimized update – it will not be executed if + // not necessary (debounced to run at most once-per-tick) + update: debounce(function () { + return new Promise(function (resolve) { + instance.forceUpdate(); + resolve(state); + }); + }), + destroy: function destroy() { + cleanupModifierEffects(); + isDestroyed = true; + } + }; + + if (!areValidElements(reference, popper)) { + return instance; + } + + instance.setOptions(options).then(function (state) { + if (!isDestroyed && options.onFirstUpdate) { + options.onFirstUpdate(state); + } + }); // Modifiers have the ability to execute arbitrary code before the first + // update cycle runs. They will be executed in the same order as the update + // cycle. This is useful when a modifier adds some persistent data that + // other modifiers need to use, but the modifier is run after the dependent + // one. + + function runModifierEffects() { + state.orderedModifiers.forEach(function (_ref) { + var name = _ref.name, + _ref$options = _ref.options, + options = _ref$options === void 0 ? {} : _ref$options, + effect = _ref.effect; + + if (typeof effect === 'function') { + var cleanupFn = effect({ + state: state, + name: name, + instance: instance, + options: options + }); + + var noopFn = function noopFn() {}; + + effectCleanupFns.push(cleanupFn || noopFn); + } + }); + } + + function cleanupModifierEffects() { + effectCleanupFns.forEach(function (fn) { + return fn(); + }); + effectCleanupFns = []; + } + + return instance; + }; + } + var createPopper$2 = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules + + var defaultModifiers$1 = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1]; + var createPopper$1 = /*#__PURE__*/popperGenerator({ + defaultModifiers: defaultModifiers$1 + }); // eslint-disable-next-line import/no-unused-modules + + var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$1, flip$1, preventOverflow$1, arrow$1, hide$1]; + var createPopper = /*#__PURE__*/popperGenerator({ + defaultModifiers: defaultModifiers + }); // eslint-disable-next-line import/no-unused-modules + + const Popper = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({ + __proto__: null, + afterMain, + afterRead, + afterWrite, + applyStyles: applyStyles$1, + arrow: arrow$1, + auto, + basePlacements, + beforeMain, + beforeRead, + beforeWrite, + bottom, + clippingParents, + computeStyles: computeStyles$1, + createPopper, + createPopperBase: createPopper$2, + createPopperLite: createPopper$1, + detectOverflow, + end, + eventListeners, + flip: flip$1, + hide: hide$1, + left, + main, + modifierPhases, + offset: offset$1, + placements, + popper, + popperGenerator, + popperOffsets: popperOffsets$1, + preventOverflow: preventOverflow$1, + read, + reference, + right, + start, + top, + variationPlacements, + viewport, + write + }, Symbol.toStringTag, { value: 'Module' })); + + /** + * -------------------------------------------------------------------------- + * Bootstrap dropdown.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$a = 'dropdown'; + const DATA_KEY$6 = 'bs.dropdown'; + const EVENT_KEY$6 = `.${DATA_KEY$6}`; + const DATA_API_KEY$3 = '.data-api'; + const ESCAPE_KEY$2 = 'Escape'; + const TAB_KEY$1 = 'Tab'; + const ARROW_UP_KEY$1 = 'ArrowUp'; + const ARROW_DOWN_KEY$1 = 'ArrowDown'; + const RIGHT_MOUSE_BUTTON = 2; // MouseEvent.button value for the secondary button, usually the right button + + const EVENT_HIDE$5 = `hide${EVENT_KEY$6}`; + const EVENT_HIDDEN$5 = `hidden${EVENT_KEY$6}`; + const EVENT_SHOW$5 = `show${EVENT_KEY$6}`; + const EVENT_SHOWN$5 = `shown${EVENT_KEY$6}`; + const EVENT_CLICK_DATA_API$3 = `click${EVENT_KEY$6}${DATA_API_KEY$3}`; + const EVENT_KEYDOWN_DATA_API = `keydown${EVENT_KEY$6}${DATA_API_KEY$3}`; + const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY$6}${DATA_API_KEY$3}`; + const CLASS_NAME_SHOW$6 = 'show'; + const CLASS_NAME_DROPUP = 'dropup'; + const CLASS_NAME_DROPEND = 'dropend'; + const CLASS_NAME_DROPSTART = 'dropstart'; + const CLASS_NAME_DROPUP_CENTER = 'dropup-center'; + const CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center'; + const SELECTOR_DATA_TOGGLE$3 = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)'; + const SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE$3}.${CLASS_NAME_SHOW$6}`; + const SELECTOR_MENU = '.dropdown-menu'; + const SELECTOR_NAVBAR = '.navbar'; + const SELECTOR_NAVBAR_NAV = '.navbar-nav'; + const SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'; + const PLACEMENT_TOP = isRTL() ? 'top-end' : 'top-start'; + const PLACEMENT_TOPEND = isRTL() ? 'top-start' : 'top-end'; + const PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start'; + const PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end'; + const PLACEMENT_RIGHT = isRTL() ? 'left-start' : 'right-start'; + const PLACEMENT_LEFT = isRTL() ? 'right-start' : 'left-start'; + const PLACEMENT_TOPCENTER = 'top'; + const PLACEMENT_BOTTOMCENTER = 'bottom'; + const Default$9 = { + autoClose: true, + boundary: 'clippingParents', + display: 'dynamic', + offset: [0, 2], + popperConfig: null, + reference: 'toggle' + }; + const DefaultType$9 = { + autoClose: '(boolean|string)', + boundary: '(string|element)', + display: 'string', + offset: '(array|string|function)', + popperConfig: '(null|object|function)', + reference: '(string|element|object)' + }; + + /** + * Class definition + */ + + class Dropdown extends BaseComponent { + constructor(element, config) { + super(element, config); + this._popper = null; + this._parent = this._element.parentNode; // dropdown wrapper + // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/ + this._menu = SelectorEngine.next(this._element, SELECTOR_MENU)[0] || SelectorEngine.prev(this._element, SELECTOR_MENU)[0] || SelectorEngine.findOne(SELECTOR_MENU, this._parent); + this._inNavbar = this._detectNavbar(); + } + + // Getters + static get Default() { + return Default$9; + } + static get DefaultType() { + return DefaultType$9; + } + static get NAME() { + return NAME$a; + } + + // Public + toggle() { + return this._isShown() ? this.hide() : this.show(); + } + show() { + if (isDisabled(this._element) || this._isShown()) { + return; + } + const relatedTarget = { + relatedTarget: this._element + }; + const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$5, relatedTarget); + if (showEvent.defaultPrevented) { + return; + } + this._createPopper(); + + // If this is a touch-enabled device we add extra + // empty mouseover listeners to the body's immediate children; + // only needed because of broken event delegation on iOS + // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html + if ('ontouchstart' in document.documentElement && !this._parent.closest(SELECTOR_NAVBAR_NAV)) { + for (const element of [].concat(...document.body.children)) { + EventHandler.on(element, 'mouseover', noop); + } + } + this._element.focus(); + this._element.setAttribute('aria-expanded', true); + this._menu.classList.add(CLASS_NAME_SHOW$6); + this._element.classList.add(CLASS_NAME_SHOW$6); + EventHandler.trigger(this._element, EVENT_SHOWN$5, relatedTarget); + } + hide() { + if (isDisabled(this._element) || !this._isShown()) { + return; + } + const relatedTarget = { + relatedTarget: this._element + }; + this._completeHide(relatedTarget); + } + dispose() { + if (this._popper) { + this._popper.destroy(); + } + super.dispose(); + } + update() { + this._inNavbar = this._detectNavbar(); + if (this._popper) { + this._popper.update(); + } + } + + // Private + _completeHide(relatedTarget) { + const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$5, relatedTarget); + if (hideEvent.defaultPrevented) { + return; + } + + // If this is a touch-enabled device we remove the extra + // empty mouseover listeners we added for iOS support + if ('ontouchstart' in document.documentElement) { + for (const element of [].concat(...document.body.children)) { + EventHandler.off(element, 'mouseover', noop); + } + } + if (this._popper) { + this._popper.destroy(); + } + this._menu.classList.remove(CLASS_NAME_SHOW$6); + this._element.classList.remove(CLASS_NAME_SHOW$6); + this._element.setAttribute('aria-expanded', 'false'); + Manipulator.removeDataAttribute(this._menu, 'popper'); + EventHandler.trigger(this._element, EVENT_HIDDEN$5, relatedTarget); + } + _getConfig(config) { + config = super._getConfig(config); + if (typeof config.reference === 'object' && !isElement$1(config.reference) && typeof config.reference.getBoundingClientRect !== 'function') { + // Popper virtual elements require a getBoundingClientRect method + throw new TypeError(`${NAME$a.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`); + } + return config; + } + _createPopper() { + if (typeof Popper === 'undefined') { + throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)'); + } + let referenceElement = this._element; + if (this._config.reference === 'parent') { + referenceElement = this._parent; + } else if (isElement$1(this._config.reference)) { + referenceElement = getElement(this._config.reference); + } else if (typeof this._config.reference === 'object') { + referenceElement = this._config.reference; + } + const popperConfig = this._getPopperConfig(); + this._popper = createPopper(referenceElement, this._menu, popperConfig); + } + _isShown() { + return this._menu.classList.contains(CLASS_NAME_SHOW$6); + } + _getPlacement() { + const parentDropdown = this._parent; + if (parentDropdown.classList.contains(CLASS_NAME_DROPEND)) { + return PLACEMENT_RIGHT; + } + if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) { + return PLACEMENT_LEFT; + } + if (parentDropdown.classList.contains(CLASS_NAME_DROPUP_CENTER)) { + return PLACEMENT_TOPCENTER; + } + if (parentDropdown.classList.contains(CLASS_NAME_DROPDOWN_CENTER)) { + return PLACEMENT_BOTTOMCENTER; + } + + // We need to trim the value because custom properties can also include spaces + const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end'; + if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) { + return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP; + } + return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM; + } + _detectNavbar() { + return this._element.closest(SELECTOR_NAVBAR) !== null; + } + _getOffset() { + const { + offset + } = this._config; + if (typeof offset === 'string') { + return offset.split(',').map(value => Number.parseInt(value, 10)); + } + if (typeof offset === 'function') { + return popperData => offset(popperData, this._element); + } + return offset; + } + _getPopperConfig() { + const defaultBsPopperConfig = { + placement: this._getPlacement(), + modifiers: [{ + name: 'preventOverflow', + options: { + boundary: this._config.boundary + } + }, { + name: 'offset', + options: { + offset: this._getOffset() + } + }] + }; + + // Disable Popper if we have a static display or Dropdown is in Navbar + if (this._inNavbar || this._config.display === 'static') { + Manipulator.setDataAttribute(this._menu, 'popper', 'static'); // TODO: v6 remove + defaultBsPopperConfig.modifiers = [{ + name: 'applyStyles', + enabled: false + }]; + } + return { + ...defaultBsPopperConfig, + ...execute(this._config.popperConfig, [defaultBsPopperConfig]) + }; + } + _selectMenuItem({ + key, + target + }) { + const items = SelectorEngine.find(SELECTOR_VISIBLE_ITEMS, this._menu).filter(element => isVisible(element)); + if (!items.length) { + return; + } + + // if target isn't included in items (e.g. when expanding the dropdown) + // allow cycling to get the last item in case key equals ARROW_UP_KEY + getNextActiveElement(items, target, key === ARROW_DOWN_KEY$1, !items.includes(target)).focus(); + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Dropdown.getOrCreateInstance(this, config); + if (typeof config !== 'string') { + return; + } + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`); + } + data[config](); + }); + } + static clearMenus(event) { + if (event.button === RIGHT_MOUSE_BUTTON || event.type === 'keyup' && event.key !== TAB_KEY$1) { + return; + } + const openToggles = SelectorEngine.find(SELECTOR_DATA_TOGGLE_SHOWN); + for (const toggle of openToggles) { + const context = Dropdown.getInstance(toggle); + if (!context || context._config.autoClose === false) { + continue; + } + const composedPath = event.composedPath(); + const isMenuTarget = composedPath.includes(context._menu); + if (composedPath.includes(context._element) || context._config.autoClose === 'inside' && !isMenuTarget || context._config.autoClose === 'outside' && isMenuTarget) { + continue; + } + + // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu + if (context._menu.contains(event.target) && (event.type === 'keyup' && event.key === TAB_KEY$1 || /input|select|option|textarea|form/i.test(event.target.tagName))) { + continue; + } + const relatedTarget = { + relatedTarget: context._element + }; + if (event.type === 'click') { + relatedTarget.clickEvent = event; + } + context._completeHide(relatedTarget); + } + } + static dataApiKeydownHandler(event) { + // If not an UP | DOWN | ESCAPE key => not a dropdown command + // If input/textarea && if key is other than ESCAPE => not a dropdown command + + const isInput = /input|textarea/i.test(event.target.tagName); + const isEscapeEvent = event.key === ESCAPE_KEY$2; + const isUpOrDownEvent = [ARROW_UP_KEY$1, ARROW_DOWN_KEY$1].includes(event.key); + if (!isUpOrDownEvent && !isEscapeEvent) { + return; + } + if (isInput && !isEscapeEvent) { + return; + } + event.preventDefault(); + + // TODO: v6 revert #37011 & change markup https://getbootstrap.com/docs/5.3/forms/input-group/ + const getToggleButton = this.matches(SELECTOR_DATA_TOGGLE$3) ? this : SelectorEngine.prev(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.next(this, SELECTOR_DATA_TOGGLE$3)[0] || SelectorEngine.findOne(SELECTOR_DATA_TOGGLE$3, event.delegateTarget.parentNode); + const instance = Dropdown.getOrCreateInstance(getToggleButton); + if (isUpOrDownEvent) { + event.stopPropagation(); + instance.show(); + instance._selectMenuItem(event); + return; + } + if (instance._isShown()) { + // else is escape and we check if it is shown + event.stopPropagation(); + instance.hide(); + getToggleButton.focus(); + } + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_DATA_TOGGLE$3, Dropdown.dataApiKeydownHandler); + EventHandler.on(document, EVENT_KEYDOWN_DATA_API, SELECTOR_MENU, Dropdown.dataApiKeydownHandler); + EventHandler.on(document, EVENT_CLICK_DATA_API$3, Dropdown.clearMenus); + EventHandler.on(document, EVENT_KEYUP_DATA_API, Dropdown.clearMenus); + EventHandler.on(document, EVENT_CLICK_DATA_API$3, SELECTOR_DATA_TOGGLE$3, function (event) { + event.preventDefault(); + Dropdown.getOrCreateInstance(this).toggle(); + }); + + /** + * jQuery + */ + + defineJQueryPlugin(Dropdown); + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/backdrop.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$9 = 'backdrop'; + const CLASS_NAME_FADE$4 = 'fade'; + const CLASS_NAME_SHOW$5 = 'show'; + const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$9}`; + const Default$8 = { + className: 'modal-backdrop', + clickCallback: null, + isAnimated: false, + isVisible: true, + // if false, we use the backdrop helper without adding any element to the dom + rootElement: 'body' // give the choice to place backdrop under different elements + }; + + const DefaultType$8 = { + className: 'string', + clickCallback: '(function|null)', + isAnimated: 'boolean', + isVisible: 'boolean', + rootElement: '(element|string)' + }; + + /** + * Class definition + */ + + class Backdrop extends Config { + constructor(config) { + super(); + this._config = this._getConfig(config); + this._isAppended = false; + this._element = null; + } + + // Getters + static get Default() { + return Default$8; + } + static get DefaultType() { + return DefaultType$8; + } + static get NAME() { + return NAME$9; + } + + // Public + show(callback) { + if (!this._config.isVisible) { + execute(callback); + return; + } + this._append(); + const element = this._getElement(); + if (this._config.isAnimated) { + reflow(element); + } + element.classList.add(CLASS_NAME_SHOW$5); + this._emulateAnimation(() => { + execute(callback); + }); + } + hide(callback) { + if (!this._config.isVisible) { + execute(callback); + return; + } + this._getElement().classList.remove(CLASS_NAME_SHOW$5); + this._emulateAnimation(() => { + this.dispose(); + execute(callback); + }); + } + dispose() { + if (!this._isAppended) { + return; + } + EventHandler.off(this._element, EVENT_MOUSEDOWN); + this._element.remove(); + this._isAppended = false; + } + + // Private + _getElement() { + if (!this._element) { + const backdrop = document.createElement('div'); + backdrop.className = this._config.className; + if (this._config.isAnimated) { + backdrop.classList.add(CLASS_NAME_FADE$4); + } + this._element = backdrop; + } + return this._element; + } + _configAfterMerge(config) { + // use getElement() with the default "body" to get a fresh Element on each instantiation + config.rootElement = getElement(config.rootElement); + return config; + } + _append() { + if (this._isAppended) { + return; + } + const element = this._getElement(); + this._config.rootElement.append(element); + EventHandler.on(element, EVENT_MOUSEDOWN, () => { + execute(this._config.clickCallback); + }); + this._isAppended = true; + } + _emulateAnimation(callback) { + executeAfterTransition(callback, this._getElement(), this._config.isAnimated); + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/focustrap.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$8 = 'focustrap'; + const DATA_KEY$5 = 'bs.focustrap'; + const EVENT_KEY$5 = `.${DATA_KEY$5}`; + const EVENT_FOCUSIN$2 = `focusin${EVENT_KEY$5}`; + const EVENT_KEYDOWN_TAB = `keydown.tab${EVENT_KEY$5}`; + const TAB_KEY = 'Tab'; + const TAB_NAV_FORWARD = 'forward'; + const TAB_NAV_BACKWARD = 'backward'; + const Default$7 = { + autofocus: true, + trapElement: null // The element to trap focus inside of + }; + + const DefaultType$7 = { + autofocus: 'boolean', + trapElement: 'element' + }; + + /** + * Class definition + */ + + class FocusTrap extends Config { + constructor(config) { + super(); + this._config = this._getConfig(config); + this._isActive = false; + this._lastTabNavDirection = null; + } + + // Getters + static get Default() { + return Default$7; + } + static get DefaultType() { + return DefaultType$7; + } + static get NAME() { + return NAME$8; + } + + // Public + activate() { + if (this._isActive) { + return; + } + if (this._config.autofocus) { + this._config.trapElement.focus(); + } + EventHandler.off(document, EVENT_KEY$5); // guard against infinite focus loop + EventHandler.on(document, EVENT_FOCUSIN$2, event => this._handleFocusin(event)); + EventHandler.on(document, EVENT_KEYDOWN_TAB, event => this._handleKeydown(event)); + this._isActive = true; + } + deactivate() { + if (!this._isActive) { + return; + } + this._isActive = false; + EventHandler.off(document, EVENT_KEY$5); + } + + // Private + _handleFocusin(event) { + const { + trapElement + } = this._config; + if (event.target === document || event.target === trapElement || trapElement.contains(event.target)) { + return; + } + const elements = SelectorEngine.focusableChildren(trapElement); + if (elements.length === 0) { + trapElement.focus(); + } else if (this._lastTabNavDirection === TAB_NAV_BACKWARD) { + elements[elements.length - 1].focus(); + } else { + elements[0].focus(); + } + } + _handleKeydown(event) { + if (event.key !== TAB_KEY) { + return; + } + this._lastTabNavDirection = event.shiftKey ? TAB_NAV_BACKWARD : TAB_NAV_FORWARD; + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/scrollBar.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'; + const SELECTOR_STICKY_CONTENT = '.sticky-top'; + const PROPERTY_PADDING = 'padding-right'; + const PROPERTY_MARGIN = 'margin-right'; + + /** + * Class definition + */ + + class ScrollBarHelper { + constructor() { + this._element = document.body; + } + + // Public + getWidth() { + // https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth#usage_notes + const documentWidth = document.documentElement.clientWidth; + return Math.abs(window.innerWidth - documentWidth); + } + hide() { + const width = this.getWidth(); + this._disableOverFlow(); + // give padding to element to balance the hidden scrollbar width + this._setElementAttributes(this._element, PROPERTY_PADDING, calculatedValue => calculatedValue + width); + // trick: We adjust positive paddingRight and negative marginRight to sticky-top elements to keep showing fullwidth + this._setElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING, calculatedValue => calculatedValue + width); + this._setElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN, calculatedValue => calculatedValue - width); + } + reset() { + this._resetElementAttributes(this._element, 'overflow'); + this._resetElementAttributes(this._element, PROPERTY_PADDING); + this._resetElementAttributes(SELECTOR_FIXED_CONTENT, PROPERTY_PADDING); + this._resetElementAttributes(SELECTOR_STICKY_CONTENT, PROPERTY_MARGIN); + } + isOverflowing() { + return this.getWidth() > 0; + } + + // Private + _disableOverFlow() { + this._saveInitialAttribute(this._element, 'overflow'); + this._element.style.overflow = 'hidden'; + } + _setElementAttributes(selector, styleProperty, callback) { + const scrollbarWidth = this.getWidth(); + const manipulationCallBack = element => { + if (element !== this._element && window.innerWidth > element.clientWidth + scrollbarWidth) { + return; + } + this._saveInitialAttribute(element, styleProperty); + const calculatedValue = window.getComputedStyle(element).getPropertyValue(styleProperty); + element.style.setProperty(styleProperty, `${callback(Number.parseFloat(calculatedValue))}px`); + }; + this._applyManipulationCallback(selector, manipulationCallBack); + } + _saveInitialAttribute(element, styleProperty) { + const actualValue = element.style.getPropertyValue(styleProperty); + if (actualValue) { + Manipulator.setDataAttribute(element, styleProperty, actualValue); + } + } + _resetElementAttributes(selector, styleProperty) { + const manipulationCallBack = element => { + const value = Manipulator.getDataAttribute(element, styleProperty); + // We only want to remove the property if the value is `null`; the value can also be zero + if (value === null) { + element.style.removeProperty(styleProperty); + return; + } + Manipulator.removeDataAttribute(element, styleProperty); + element.style.setProperty(styleProperty, value); + }; + this._applyManipulationCallback(selector, manipulationCallBack); + } + _applyManipulationCallback(selector, callBack) { + if (isElement$1(selector)) { + callBack(selector); + return; + } + for (const sel of SelectorEngine.find(selector, this._element)) { + callBack(sel); + } + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap modal.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$7 = 'modal'; + const DATA_KEY$4 = 'bs.modal'; + const EVENT_KEY$4 = `.${DATA_KEY$4}`; + const DATA_API_KEY$2 = '.data-api'; + const ESCAPE_KEY$1 = 'Escape'; + const EVENT_HIDE$4 = `hide${EVENT_KEY$4}`; + const EVENT_HIDE_PREVENTED$1 = `hidePrevented${EVENT_KEY$4}`; + const EVENT_HIDDEN$4 = `hidden${EVENT_KEY$4}`; + const EVENT_SHOW$4 = `show${EVENT_KEY$4}`; + const EVENT_SHOWN$4 = `shown${EVENT_KEY$4}`; + const EVENT_RESIZE$1 = `resize${EVENT_KEY$4}`; + const EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY$4}`; + const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$4}`; + const EVENT_KEYDOWN_DISMISS$1 = `keydown.dismiss${EVENT_KEY$4}`; + const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`; + const CLASS_NAME_OPEN = 'modal-open'; + const CLASS_NAME_FADE$3 = 'fade'; + const CLASS_NAME_SHOW$4 = 'show'; + const CLASS_NAME_STATIC = 'modal-static'; + const OPEN_SELECTOR$1 = '.modal.show'; + const SELECTOR_DIALOG = '.modal-dialog'; + const SELECTOR_MODAL_BODY = '.modal-body'; + const SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle="modal"]'; + const Default$6 = { + backdrop: true, + focus: true, + keyboard: true + }; + const DefaultType$6 = { + backdrop: '(boolean|string)', + focus: 'boolean', + keyboard: 'boolean' + }; + + /** + * Class definition + */ + + class Modal extends BaseComponent { + constructor(element, config) { + super(element, config); + this._dialog = SelectorEngine.findOne(SELECTOR_DIALOG, this._element); + this._backdrop = this._initializeBackDrop(); + this._focustrap = this._initializeFocusTrap(); + this._isShown = false; + this._isTransitioning = false; + this._scrollBar = new ScrollBarHelper(); + this._addEventListeners(); + } + + // Getters + static get Default() { + return Default$6; + } + static get DefaultType() { + return DefaultType$6; + } + static get NAME() { + return NAME$7; + } + + // Public + toggle(relatedTarget) { + return this._isShown ? this.hide() : this.show(relatedTarget); + } + show(relatedTarget) { + if (this._isShown || this._isTransitioning) { + return; + } + const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$4, { + relatedTarget + }); + if (showEvent.defaultPrevented) { + return; + } + this._isShown = true; + this._isTransitioning = true; + this._scrollBar.hide(); + document.body.classList.add(CLASS_NAME_OPEN); + this._adjustDialog(); + this._backdrop.show(() => this._showElement(relatedTarget)); + } + hide() { + if (!this._isShown || this._isTransitioning) { + return; + } + const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$4); + if (hideEvent.defaultPrevented) { + return; + } + this._isShown = false; + this._isTransitioning = true; + this._focustrap.deactivate(); + this._element.classList.remove(CLASS_NAME_SHOW$4); + this._queueCallback(() => this._hideModal(), this._element, this._isAnimated()); + } + dispose() { + EventHandler.off(window, EVENT_KEY$4); + EventHandler.off(this._dialog, EVENT_KEY$4); + this._backdrop.dispose(); + this._focustrap.deactivate(); + super.dispose(); + } + handleUpdate() { + this._adjustDialog(); + } + + // Private + _initializeBackDrop() { + return new Backdrop({ + isVisible: Boolean(this._config.backdrop), + // 'static' option will be translated to true, and booleans will keep their value, + isAnimated: this._isAnimated() + }); + } + _initializeFocusTrap() { + return new FocusTrap({ + trapElement: this._element + }); + } + _showElement(relatedTarget) { + // try to append dynamic modal + if (!document.body.contains(this._element)) { + document.body.append(this._element); + } + this._element.style.display = 'block'; + this._element.removeAttribute('aria-hidden'); + this._element.setAttribute('aria-modal', true); + this._element.setAttribute('role', 'dialog'); + this._element.scrollTop = 0; + const modalBody = SelectorEngine.findOne(SELECTOR_MODAL_BODY, this._dialog); + if (modalBody) { + modalBody.scrollTop = 0; + } + reflow(this._element); + this._element.classList.add(CLASS_NAME_SHOW$4); + const transitionComplete = () => { + if (this._config.focus) { + this._focustrap.activate(); + } + this._isTransitioning = false; + EventHandler.trigger(this._element, EVENT_SHOWN$4, { + relatedTarget + }); + }; + this._queueCallback(transitionComplete, this._dialog, this._isAnimated()); + } + _addEventListeners() { + EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS$1, event => { + if (event.key !== ESCAPE_KEY$1) { + return; + } + if (this._config.keyboard) { + this.hide(); + return; + } + this._triggerBackdropTransition(); + }); + EventHandler.on(window, EVENT_RESIZE$1, () => { + if (this._isShown && !this._isTransitioning) { + this._adjustDialog(); + } + }); + EventHandler.on(this._element, EVENT_MOUSEDOWN_DISMISS, event => { + // a bad trick to segregate clicks that may start inside dialog but end outside, and avoid listen to scrollbar clicks + EventHandler.one(this._element, EVENT_CLICK_DISMISS, event2 => { + if (this._element !== event.target || this._element !== event2.target) { + return; + } + if (this._config.backdrop === 'static') { + this._triggerBackdropTransition(); + return; + } + if (this._config.backdrop) { + this.hide(); + } + }); + }); + } + _hideModal() { + this._element.style.display = 'none'; + this._element.setAttribute('aria-hidden', true); + this._element.removeAttribute('aria-modal'); + this._element.removeAttribute('role'); + this._isTransitioning = false; + this._backdrop.hide(() => { + document.body.classList.remove(CLASS_NAME_OPEN); + this._resetAdjustments(); + this._scrollBar.reset(); + EventHandler.trigger(this._element, EVENT_HIDDEN$4); + }); + } + _isAnimated() { + return this._element.classList.contains(CLASS_NAME_FADE$3); + } + _triggerBackdropTransition() { + const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED$1); + if (hideEvent.defaultPrevented) { + return; + } + const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; + const initialOverflowY = this._element.style.overflowY; + // return if the following background transition hasn't yet completed + if (initialOverflowY === 'hidden' || this._element.classList.contains(CLASS_NAME_STATIC)) { + return; + } + if (!isModalOverflowing) { + this._element.style.overflowY = 'hidden'; + } + this._element.classList.add(CLASS_NAME_STATIC); + this._queueCallback(() => { + this._element.classList.remove(CLASS_NAME_STATIC); + this._queueCallback(() => { + this._element.style.overflowY = initialOverflowY; + }, this._dialog); + }, this._dialog); + this._element.focus(); + } + + /** + * The following methods are used to handle overflowing modals + */ + + _adjustDialog() { + const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight; + const scrollbarWidth = this._scrollBar.getWidth(); + const isBodyOverflowing = scrollbarWidth > 0; + if (isBodyOverflowing && !isModalOverflowing) { + const property = isRTL() ? 'paddingLeft' : 'paddingRight'; + this._element.style[property] = `${scrollbarWidth}px`; + } + if (!isBodyOverflowing && isModalOverflowing) { + const property = isRTL() ? 'paddingRight' : 'paddingLeft'; + this._element.style[property] = `${scrollbarWidth}px`; + } + } + _resetAdjustments() { + this._element.style.paddingLeft = ''; + this._element.style.paddingRight = ''; + } + + // Static + static jQueryInterface(config, relatedTarget) { + return this.each(function () { + const data = Modal.getOrCreateInstance(this, config); + if (typeof config !== 'string') { + return; + } + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`); + } + data[config](relatedTarget); + }); + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_CLICK_DATA_API$2, SELECTOR_DATA_TOGGLE$2, function (event) { + const target = SelectorEngine.getElementFromSelector(this); + if (['A', 'AREA'].includes(this.tagName)) { + event.preventDefault(); + } + EventHandler.one(target, EVENT_SHOW$4, showEvent => { + if (showEvent.defaultPrevented) { + // only register focus restorer if modal will actually get shown + return; + } + EventHandler.one(target, EVENT_HIDDEN$4, () => { + if (isVisible(this)) { + this.focus(); + } + }); + }); + + // avoid conflict when clicking modal toggler while another one is open + const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR$1); + if (alreadyOpen) { + Modal.getInstance(alreadyOpen).hide(); + } + const data = Modal.getOrCreateInstance(target); + data.toggle(this); + }); + enableDismissTrigger(Modal); + + /** + * jQuery + */ + + defineJQueryPlugin(Modal); + + /** + * -------------------------------------------------------------------------- + * Bootstrap offcanvas.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$6 = 'offcanvas'; + const DATA_KEY$3 = 'bs.offcanvas'; + const EVENT_KEY$3 = `.${DATA_KEY$3}`; + const DATA_API_KEY$1 = '.data-api'; + const EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$3}${DATA_API_KEY$1}`; + const ESCAPE_KEY = 'Escape'; + const CLASS_NAME_SHOW$3 = 'show'; + const CLASS_NAME_SHOWING$1 = 'showing'; + const CLASS_NAME_HIDING = 'hiding'; + const CLASS_NAME_BACKDROP = 'offcanvas-backdrop'; + const OPEN_SELECTOR = '.offcanvas.show'; + const EVENT_SHOW$3 = `show${EVENT_KEY$3}`; + const EVENT_SHOWN$3 = `shown${EVENT_KEY$3}`; + const EVENT_HIDE$3 = `hide${EVENT_KEY$3}`; + const EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY$3}`; + const EVENT_HIDDEN$3 = `hidden${EVENT_KEY$3}`; + const EVENT_RESIZE = `resize${EVENT_KEY$3}`; + const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$3}${DATA_API_KEY$1}`; + const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$3}`; + const SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle="offcanvas"]'; + const Default$5 = { + backdrop: true, + keyboard: true, + scroll: false + }; + const DefaultType$5 = { + backdrop: '(boolean|string)', + keyboard: 'boolean', + scroll: 'boolean' + }; + + /** + * Class definition + */ + + class Offcanvas extends BaseComponent { + constructor(element, config) { + super(element, config); + this._isShown = false; + this._backdrop = this._initializeBackDrop(); + this._focustrap = this._initializeFocusTrap(); + this._addEventListeners(); + } + + // Getters + static get Default() { + return Default$5; + } + static get DefaultType() { + return DefaultType$5; + } + static get NAME() { + return NAME$6; + } + + // Public + toggle(relatedTarget) { + return this._isShown ? this.hide() : this.show(relatedTarget); + } + show(relatedTarget) { + if (this._isShown) { + return; + } + const showEvent = EventHandler.trigger(this._element, EVENT_SHOW$3, { + relatedTarget + }); + if (showEvent.defaultPrevented) { + return; + } + this._isShown = true; + this._backdrop.show(); + if (!this._config.scroll) { + new ScrollBarHelper().hide(); + } + this._element.setAttribute('aria-modal', true); + this._element.setAttribute('role', 'dialog'); + this._element.classList.add(CLASS_NAME_SHOWING$1); + const completeCallBack = () => { + if (!this._config.scroll || this._config.backdrop) { + this._focustrap.activate(); + } + this._element.classList.add(CLASS_NAME_SHOW$3); + this._element.classList.remove(CLASS_NAME_SHOWING$1); + EventHandler.trigger(this._element, EVENT_SHOWN$3, { + relatedTarget + }); + }; + this._queueCallback(completeCallBack, this._element, true); + } + hide() { + if (!this._isShown) { + return; + } + const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE$3); + if (hideEvent.defaultPrevented) { + return; + } + this._focustrap.deactivate(); + this._element.blur(); + this._isShown = false; + this._element.classList.add(CLASS_NAME_HIDING); + this._backdrop.hide(); + const completeCallback = () => { + this._element.classList.remove(CLASS_NAME_SHOW$3, CLASS_NAME_HIDING); + this._element.removeAttribute('aria-modal'); + this._element.removeAttribute('role'); + if (!this._config.scroll) { + new ScrollBarHelper().reset(); + } + EventHandler.trigger(this._element, EVENT_HIDDEN$3); + }; + this._queueCallback(completeCallback, this._element, true); + } + dispose() { + this._backdrop.dispose(); + this._focustrap.deactivate(); + super.dispose(); + } + + // Private + _initializeBackDrop() { + const clickCallback = () => { + if (this._config.backdrop === 'static') { + EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED); + return; + } + this.hide(); + }; + + // 'static' option will be translated to true, and booleans will keep their value + const isVisible = Boolean(this._config.backdrop); + return new Backdrop({ + className: CLASS_NAME_BACKDROP, + isVisible, + isAnimated: true, + rootElement: this._element.parentNode, + clickCallback: isVisible ? clickCallback : null + }); + } + _initializeFocusTrap() { + return new FocusTrap({ + trapElement: this._element + }); + } + _addEventListeners() { + EventHandler.on(this._element, EVENT_KEYDOWN_DISMISS, event => { + if (event.key !== ESCAPE_KEY) { + return; + } + if (this._config.keyboard) { + this.hide(); + return; + } + EventHandler.trigger(this._element, EVENT_HIDE_PREVENTED); + }); + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Offcanvas.getOrCreateInstance(this, config); + if (typeof config !== 'string') { + return; + } + if (data[config] === undefined || config.startsWith('_') || config === 'constructor') { + throw new TypeError(`No method named "${config}"`); + } + data[config](this); + }); + } + } + + /** + * Data API implementation + */ + + EventHandler.on(document, EVENT_CLICK_DATA_API$1, SELECTOR_DATA_TOGGLE$1, function (event) { + const target = SelectorEngine.getElementFromSelector(this); + if (['A', 'AREA'].includes(this.tagName)) { + event.preventDefault(); + } + if (isDisabled(this)) { + return; + } + EventHandler.one(target, EVENT_HIDDEN$3, () => { + // focus on trigger when it is closed + if (isVisible(this)) { + this.focus(); + } + }); + + // avoid conflict when clicking a toggler of an offcanvas, while another is open + const alreadyOpen = SelectorEngine.findOne(OPEN_SELECTOR); + if (alreadyOpen && alreadyOpen !== target) { + Offcanvas.getInstance(alreadyOpen).hide(); + } + const data = Offcanvas.getOrCreateInstance(target); + data.toggle(this); + }); + EventHandler.on(window, EVENT_LOAD_DATA_API$2, () => { + for (const selector of SelectorEngine.find(OPEN_SELECTOR)) { + Offcanvas.getOrCreateInstance(selector).show(); + } + }); + EventHandler.on(window, EVENT_RESIZE, () => { + for (const element of SelectorEngine.find('[aria-modal][class*=show][class*=offcanvas-]')) { + if (getComputedStyle(element).position !== 'fixed') { + Offcanvas.getOrCreateInstance(element).hide(); + } + } + }); + enableDismissTrigger(Offcanvas); + + /** + * jQuery + */ + + defineJQueryPlugin(Offcanvas); + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/sanitizer.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + // js-docs-start allow-list + const ARIA_ATTRIBUTE_PATTERN = /^aria-[\w-]*$/i; + const DefaultAllowlist = { + // Global attributes allowed on any supplied element below. + '*': ['class', 'dir', 'id', 'lang', 'role', ARIA_ATTRIBUTE_PATTERN], + a: ['target', 'href', 'title', 'rel'], + area: [], + b: [], + br: [], + col: [], + code: [], + div: [], + em: [], + hr: [], + h1: [], + h2: [], + h3: [], + h4: [], + h5: [], + h6: [], + i: [], + img: ['src', 'srcset', 'alt', 'title', 'width', 'height'], + li: [], + ol: [], + p: [], + pre: [], + s: [], + small: [], + span: [], + sub: [], + sup: [], + strong: [], + u: [], + ul: [] + }; + // js-docs-end allow-list + + const uriAttributes = new Set(['background', 'cite', 'href', 'itemtype', 'longdesc', 'poster', 'src', 'xlink:href']); + + /** + * A pattern that recognizes URLs that are safe wrt. XSS in URL navigation + * contexts. + * + * Shout-out to Angular https://github.com/angular/angular/blob/15.2.8/packages/core/src/sanitization/url_sanitizer.ts#L38 + */ + // eslint-disable-next-line unicorn/better-regex + const SAFE_URL_PATTERN = /^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i; + const allowedAttribute = (attribute, allowedAttributeList) => { + const attributeName = attribute.nodeName.toLowerCase(); + if (allowedAttributeList.includes(attributeName)) { + if (uriAttributes.has(attributeName)) { + return Boolean(SAFE_URL_PATTERN.test(attribute.nodeValue)); + } + return true; + } + + // Check if a regular expression validates the attribute. + return allowedAttributeList.filter(attributeRegex => attributeRegex instanceof RegExp).some(regex => regex.test(attributeName)); + }; + function sanitizeHtml(unsafeHtml, allowList, sanitizeFunction) { + if (!unsafeHtml.length) { + return unsafeHtml; + } + if (sanitizeFunction && typeof sanitizeFunction === 'function') { + return sanitizeFunction(unsafeHtml); + } + const domParser = new window.DOMParser(); + const createdDocument = domParser.parseFromString(unsafeHtml, 'text/html'); + const elements = [].concat(...createdDocument.body.querySelectorAll('*')); + for (const element of elements) { + const elementName = element.nodeName.toLowerCase(); + if (!Object.keys(allowList).includes(elementName)) { + element.remove(); + continue; + } + const attributeList = [].concat(...element.attributes); + const allowedAttributes = [].concat(allowList['*'] || [], allowList[elementName] || []); + for (const attribute of attributeList) { + if (!allowedAttribute(attribute, allowedAttributes)) { + element.removeAttribute(attribute.nodeName); + } + } + } + return createdDocument.body.innerHTML; + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap util/template-factory.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$5 = 'TemplateFactory'; + const Default$4 = { + allowList: DefaultAllowlist, + content: {}, + // { selector : text , selector2 : text2 , } + extraClass: '', + html: false, + sanitize: true, + sanitizeFn: null, + template: '
    ' + }; + const DefaultType$4 = { + allowList: 'object', + content: 'object', + extraClass: '(string|function)', + html: 'boolean', + sanitize: 'boolean', + sanitizeFn: '(null|function)', + template: 'string' + }; + const DefaultContentType = { + entry: '(string|element|function|null)', + selector: '(string|element)' + }; + + /** + * Class definition + */ + + class TemplateFactory extends Config { + constructor(config) { + super(); + this._config = this._getConfig(config); + } + + // Getters + static get Default() { + return Default$4; + } + static get DefaultType() { + return DefaultType$4; + } + static get NAME() { + return NAME$5; + } + + // Public + getContent() { + return Object.values(this._config.content).map(config => this._resolvePossibleFunction(config)).filter(Boolean); + } + hasContent() { + return this.getContent().length > 0; + } + changeContent(content) { + this._checkContent(content); + this._config.content = { + ...this._config.content, + ...content + }; + return this; + } + toHtml() { + const templateWrapper = document.createElement('div'); + templateWrapper.innerHTML = this._maybeSanitize(this._config.template); + for (const [selector, text] of Object.entries(this._config.content)) { + this._setContent(templateWrapper, text, selector); + } + const template = templateWrapper.children[0]; + const extraClass = this._resolvePossibleFunction(this._config.extraClass); + if (extraClass) { + template.classList.add(...extraClass.split(' ')); + } + return template; + } + + // Private + _typeCheckConfig(config) { + super._typeCheckConfig(config); + this._checkContent(config.content); + } + _checkContent(arg) { + for (const [selector, content] of Object.entries(arg)) { + super._typeCheckConfig({ + selector, + entry: content + }, DefaultContentType); + } + } + _setContent(template, content, selector) { + const templateElement = SelectorEngine.findOne(selector, template); + if (!templateElement) { + return; + } + content = this._resolvePossibleFunction(content); + if (!content) { + templateElement.remove(); + return; + } + if (isElement$1(content)) { + this._putElementInTemplate(getElement(content), templateElement); + return; + } + if (this._config.html) { + templateElement.innerHTML = this._maybeSanitize(content); + return; + } + templateElement.textContent = content; + } + _maybeSanitize(arg) { + return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg; + } + _resolvePossibleFunction(arg) { + return execute(arg, [this]); + } + _putElementInTemplate(element, templateElement) { + if (this._config.html) { + templateElement.innerHTML = ''; + templateElement.append(element); + return; + } + templateElement.textContent = element.textContent; + } + } + + /** + * -------------------------------------------------------------------------- + * Bootstrap tooltip.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$4 = 'tooltip'; + const DISALLOWED_ATTRIBUTES = new Set(['sanitize', 'allowList', 'sanitizeFn']); + const CLASS_NAME_FADE$2 = 'fade'; + const CLASS_NAME_MODAL = 'modal'; + const CLASS_NAME_SHOW$2 = 'show'; + const SELECTOR_TOOLTIP_INNER = '.tooltip-inner'; + const SELECTOR_MODAL = `.${CLASS_NAME_MODAL}`; + const EVENT_MODAL_HIDE = 'hide.bs.modal'; + const TRIGGER_HOVER = 'hover'; + const TRIGGER_FOCUS = 'focus'; + const TRIGGER_CLICK = 'click'; + const TRIGGER_MANUAL = 'manual'; + const EVENT_HIDE$2 = 'hide'; + const EVENT_HIDDEN$2 = 'hidden'; + const EVENT_SHOW$2 = 'show'; + const EVENT_SHOWN$2 = 'shown'; + const EVENT_INSERTED = 'inserted'; + const EVENT_CLICK$1 = 'click'; + const EVENT_FOCUSIN$1 = 'focusin'; + const EVENT_FOCUSOUT$1 = 'focusout'; + const EVENT_MOUSEENTER = 'mouseenter'; + const EVENT_MOUSELEAVE = 'mouseleave'; + const AttachmentMap = { + AUTO: 'auto', + TOP: 'top', + RIGHT: isRTL() ? 'left' : 'right', + BOTTOM: 'bottom', + LEFT: isRTL() ? 'right' : 'left' + }; + const Default$3 = { + allowList: DefaultAllowlist, + animation: true, + boundary: 'clippingParents', + container: false, + customClass: '', + delay: 0, + fallbackPlacements: ['top', 'right', 'bottom', 'left'], + html: false, + offset: [0, 6], + placement: 'top', + popperConfig: null, + sanitize: true, + sanitizeFn: null, + selector: false, + template: '', + title: '', + trigger: 'hover focus' + }; + const DefaultType$3 = { + allowList: 'object', + animation: 'boolean', + boundary: '(string|element)', + container: '(string|element|boolean)', + customClass: '(string|function)', + delay: '(number|object)', + fallbackPlacements: 'array', + html: 'boolean', + offset: '(array|string|function)', + placement: '(string|function)', + popperConfig: '(null|object|function)', + sanitize: 'boolean', + sanitizeFn: '(null|function)', + selector: '(string|boolean)', + template: 'string', + title: '(string|element|function)', + trigger: 'string' + }; + + /** + * Class definition + */ + + class Tooltip extends BaseComponent { + constructor(element, config) { + if (typeof Popper === 'undefined') { + throw new TypeError('Bootstrap\'s tooltips require Popper (https://popper.js.org)'); + } + super(element, config); + + // Private + this._isEnabled = true; + this._timeout = 0; + this._isHovered = null; + this._activeTrigger = {}; + this._popper = null; + this._templateFactory = null; + this._newContent = null; + + // Protected + this.tip = null; + this._setListeners(); + if (!this._config.selector) { + this._fixTitle(); + } + } + + // Getters + static get Default() { + return Default$3; + } + static get DefaultType() { + return DefaultType$3; + } + static get NAME() { + return NAME$4; + } + + // Public + enable() { + this._isEnabled = true; + } + disable() { + this._isEnabled = false; + } + toggleEnabled() { + this._isEnabled = !this._isEnabled; + } + toggle() { + if (!this._isEnabled) { + return; + } + this._activeTrigger.click = !this._activeTrigger.click; + if (this._isShown()) { + this._leave(); + return; + } + this._enter(); + } + dispose() { + clearTimeout(this._timeout); + EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler); + if (this._element.getAttribute('data-bs-original-title')) { + this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title')); + } + this._disposePopper(); + super.dispose(); + } + show() { + if (this._element.style.display === 'none') { + throw new Error('Please use show on visible elements'); + } + if (!(this._isWithContent() && this._isEnabled)) { + return; + } + const showEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOW$2)); + const shadowRoot = findShadowRoot(this._element); + const isInTheDom = (shadowRoot || this._element.ownerDocument.documentElement).contains(this._element); + if (showEvent.defaultPrevented || !isInTheDom) { + return; + } + + // TODO: v6 remove this or make it optional + this._disposePopper(); + const tip = this._getTipElement(); + this._element.setAttribute('aria-describedby', tip.getAttribute('id')); + const { + container + } = this._config; + if (!this._element.ownerDocument.documentElement.contains(this.tip)) { + container.append(tip); + EventHandler.trigger(this._element, this.constructor.eventName(EVENT_INSERTED)); + } + this._popper = this._createPopper(tip); + tip.classList.add(CLASS_NAME_SHOW$2); + + // If this is a touch-enabled device we add extra + // empty mouseover listeners to the body's immediate children; + // only needed because of broken event delegation on iOS + // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html + if ('ontouchstart' in document.documentElement) { + for (const element of [].concat(...document.body.children)) { + EventHandler.on(element, 'mouseover', noop); + } + } + const complete = () => { + EventHandler.trigger(this._element, this.constructor.eventName(EVENT_SHOWN$2)); + if (this._isHovered === false) { + this._leave(); + } + this._isHovered = false; + }; + this._queueCallback(complete, this.tip, this._isAnimated()); + } + hide() { + if (!this._isShown()) { + return; + } + const hideEvent = EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDE$2)); + if (hideEvent.defaultPrevented) { + return; + } + const tip = this._getTipElement(); + tip.classList.remove(CLASS_NAME_SHOW$2); + + // If this is a touch-enabled device we remove the extra + // empty mouseover listeners we added for iOS support + if ('ontouchstart' in document.documentElement) { + for (const element of [].concat(...document.body.children)) { + EventHandler.off(element, 'mouseover', noop); + } + } + this._activeTrigger[TRIGGER_CLICK] = false; + this._activeTrigger[TRIGGER_FOCUS] = false; + this._activeTrigger[TRIGGER_HOVER] = false; + this._isHovered = null; // it is a trick to support manual triggering + + const complete = () => { + if (this._isWithActiveTrigger()) { + return; + } + if (!this._isHovered) { + this._disposePopper(); + } + this._element.removeAttribute('aria-describedby'); + EventHandler.trigger(this._element, this.constructor.eventName(EVENT_HIDDEN$2)); + }; + this._queueCallback(complete, this.tip, this._isAnimated()); + } + update() { + if (this._popper) { + this._popper.update(); + } + } + + // Protected + _isWithContent() { + return Boolean(this._getTitle()); + } + _getTipElement() { + if (!this.tip) { + this.tip = this._createTipElement(this._newContent || this._getContentForTemplate()); + } + return this.tip; + } + _createTipElement(content) { + const tip = this._getTemplateFactory(content).toHtml(); + + // TODO: remove this check in v6 + if (!tip) { + return null; + } + tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$2); + // TODO: v6 the following can be achieved with CSS only + tip.classList.add(`bs-${this.constructor.NAME}-auto`); + const tipId = getUID(this.constructor.NAME).toString(); + tip.setAttribute('id', tipId); + if (this._isAnimated()) { + tip.classList.add(CLASS_NAME_FADE$2); + } + return tip; + } + setContent(content) { + this._newContent = content; + if (this._isShown()) { + this._disposePopper(); + this.show(); + } + } + _getTemplateFactory(content) { + if (this._templateFactory) { + this._templateFactory.changeContent(content); + } else { + this._templateFactory = new TemplateFactory({ + ...this._config, + // the `content` var has to be after `this._config` + // to override config.content in case of popover + content, + extraClass: this._resolvePossibleFunction(this._config.customClass) + }); + } + return this._templateFactory; + } + _getContentForTemplate() { + return { + [SELECTOR_TOOLTIP_INNER]: this._getTitle() + }; + } + _getTitle() { + return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title'); + } + + // Private + _initializeOnDelegatedTarget(event) { + return this.constructor.getOrCreateInstance(event.delegateTarget, this._getDelegateConfig()); + } + _isAnimated() { + return this._config.animation || this.tip && this.tip.classList.contains(CLASS_NAME_FADE$2); + } + _isShown() { + return this.tip && this.tip.classList.contains(CLASS_NAME_SHOW$2); + } + _createPopper(tip) { + const placement = execute(this._config.placement, [this, tip, this._element]); + const attachment = AttachmentMap[placement.toUpperCase()]; + return createPopper(this._element, tip, this._getPopperConfig(attachment)); + } + _getOffset() { + const { + offset + } = this._config; + if (typeof offset === 'string') { + return offset.split(',').map(value => Number.parseInt(value, 10)); + } + if (typeof offset === 'function') { + return popperData => offset(popperData, this._element); + } + return offset; + } + _resolvePossibleFunction(arg) { + return execute(arg, [this._element]); + } + _getPopperConfig(attachment) { + const defaultBsPopperConfig = { + placement: attachment, + modifiers: [{ + name: 'flip', + options: { + fallbackPlacements: this._config.fallbackPlacements + } + }, { + name: 'offset', + options: { + offset: this._getOffset() + } + }, { + name: 'preventOverflow', + options: { + boundary: this._config.boundary + } + }, { + name: 'arrow', + options: { + element: `.${this.constructor.NAME}-arrow` + } + }, { + name: 'preSetPlacement', + enabled: true, + phase: 'beforeMain', + fn: data => { + // Pre-set Popper's placement attribute in order to read the arrow sizes properly. + // Otherwise, Popper mixes up the width and height dimensions since the initial arrow style is for top placement + this._getTipElement().setAttribute('data-popper-placement', data.state.placement); + } + }] + }; + return { + ...defaultBsPopperConfig, + ...execute(this._config.popperConfig, [defaultBsPopperConfig]) + }; + } + _setListeners() { + const triggers = this._config.trigger.split(' '); + for (const trigger of triggers) { + if (trigger === 'click') { + EventHandler.on(this._element, this.constructor.eventName(EVENT_CLICK$1), this._config.selector, event => { + const context = this._initializeOnDelegatedTarget(event); + context.toggle(); + }); + } else if (trigger !== TRIGGER_MANUAL) { + const eventIn = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSEENTER) : this.constructor.eventName(EVENT_FOCUSIN$1); + const eventOut = trigger === TRIGGER_HOVER ? this.constructor.eventName(EVENT_MOUSELEAVE) : this.constructor.eventName(EVENT_FOCUSOUT$1); + EventHandler.on(this._element, eventIn, this._config.selector, event => { + const context = this._initializeOnDelegatedTarget(event); + context._activeTrigger[event.type === 'focusin' ? TRIGGER_FOCUS : TRIGGER_HOVER] = true; + context._enter(); + }); + EventHandler.on(this._element, eventOut, this._config.selector, event => { + const context = this._initializeOnDelegatedTarget(event); + context._activeTrigger[event.type === 'focusout' ? TRIGGER_FOCUS : TRIGGER_HOVER] = context._element.contains(event.relatedTarget); + context._leave(); + }); + } + } + this._hideModalHandler = () => { + if (this._element) { + this.hide(); + } + }; + EventHandler.on(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler); + } + _fixTitle() { + const title = this._element.getAttribute('title'); + if (!title) { + return; + } + if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) { + this._element.setAttribute('aria-label', title); + } + this._element.setAttribute('data-bs-original-title', title); // DO NOT USE IT. Is only for backwards compatibility + this._element.removeAttribute('title'); + } + _enter() { + if (this._isShown() || this._isHovered) { + this._isHovered = true; + return; + } + this._isHovered = true; + this._setTimeout(() => { + if (this._isHovered) { + this.show(); + } + }, this._config.delay.show); + } + _leave() { + if (this._isWithActiveTrigger()) { + return; + } + this._isHovered = false; + this._setTimeout(() => { + if (!this._isHovered) { + this.hide(); + } + }, this._config.delay.hide); + } + _setTimeout(handler, timeout) { + clearTimeout(this._timeout); + this._timeout = setTimeout(handler, timeout); + } + _isWithActiveTrigger() { + return Object.values(this._activeTrigger).includes(true); + } + _getConfig(config) { + const dataAttributes = Manipulator.getDataAttributes(this._element); + for (const dataAttribute of Object.keys(dataAttributes)) { + if (DISALLOWED_ATTRIBUTES.has(dataAttribute)) { + delete dataAttributes[dataAttribute]; + } + } + config = { + ...dataAttributes, + ...(typeof config === 'object' && config ? config : {}) + }; + config = this._mergeConfigObj(config); + config = this._configAfterMerge(config); + this._typeCheckConfig(config); + return config; + } + _configAfterMerge(config) { + config.container = config.container === false ? document.body : getElement(config.container); + if (typeof config.delay === 'number') { + config.delay = { + show: config.delay, + hide: config.delay + }; + } + if (typeof config.title === 'number') { + config.title = config.title.toString(); + } + if (typeof config.content === 'number') { + config.content = config.content.toString(); + } + return config; + } + _getDelegateConfig() { + const config = {}; + for (const [key, value] of Object.entries(this._config)) { + if (this.constructor.Default[key] !== value) { + config[key] = value; + } + } + config.selector = false; + config.trigger = 'manual'; + + // In the future can be replaced with: + // const keysWithDifferentValues = Object.entries(this._config).filter(entry => this.constructor.Default[entry[0]] !== this._config[entry[0]]) + // `Object.fromEntries(keysWithDifferentValues)` + return config; + } + _disposePopper() { + if (this._popper) { + this._popper.destroy(); + this._popper = null; + } + if (this.tip) { + this.tip.remove(); + this.tip = null; + } + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Tooltip.getOrCreateInstance(this, config); + if (typeof config !== 'string') { + return; + } + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`); + } + data[config](); + }); + } + } + + /** + * jQuery + */ + + defineJQueryPlugin(Tooltip); + + /** + * -------------------------------------------------------------------------- + * Bootstrap popover.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$3 = 'popover'; + const SELECTOR_TITLE = '.popover-header'; + const SELECTOR_CONTENT = '.popover-body'; + const Default$2 = { + ...Tooltip.Default, + content: '', + offset: [0, 8], + placement: 'right', + template: '', + trigger: 'click' + }; + const DefaultType$2 = { + ...Tooltip.DefaultType, + content: '(null|string|element|function)' + }; + + /** + * Class definition + */ + + class Popover extends Tooltip { + // Getters + static get Default() { + return Default$2; + } + static get DefaultType() { + return DefaultType$2; + } + static get NAME() { + return NAME$3; + } + + // Overrides + _isWithContent() { + return this._getTitle() || this._getContent(); + } + + // Private + _getContentForTemplate() { + return { + [SELECTOR_TITLE]: this._getTitle(), + [SELECTOR_CONTENT]: this._getContent() + }; + } + _getContent() { + return this._resolvePossibleFunction(this._config.content); + } + + // Static + static jQueryInterface(config) { + return this.each(function () { + const data = Popover.getOrCreateInstance(this, config); + if (typeof config !== 'string') { + return; + } + if (typeof data[config] === 'undefined') { + throw new TypeError(`No method named "${config}"`); + } + data[config](); + }); + } + } + + /** + * jQuery + */ + + defineJQueryPlugin(Popover); + + /** + * -------------------------------------------------------------------------- + * Bootstrap scrollspy.js + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * -------------------------------------------------------------------------- + */ + + + /** + * Constants + */ + + const NAME$2 = 'scrollspy'; + const DATA_KEY$2 = 'bs.scrollspy'; + const EVENT_KEY$2 = `.${DATA_KEY$2}`; + const DATA_API_KEY = '.data-api'; + const EVENT_ACTIVATE = `activate${EVENT_KEY$2}`; + const EVENT_CLICK = `click${EVENT_KEY$2}`; + const EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$2}${DATA_API_KEY}`; + const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'; + const CLASS_NAME_ACTIVE$1 = 'active'; + const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]'; + const SELECTOR_TARGET_LINKS = '[href]'; + const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'; + const SELECTOR_NAV_LINKS = '.nav-link'; + const SELECTOR_NAV_ITEMS = '.nav-item'; + const SELECTOR_LIST_ITEMS = '.list-group-item'; + const SELECTOR_LINK_ITEMS = `${SELECTOR_NAV_LINKS}, ${SELECTOR_NAV_ITEMS} > ${SELECTOR_NAV_LINKS}, ${SELECTOR_LIST_ITEMS}`; + const SELECTOR_DROPDOWN = '.dropdown'; + const SELECTOR_DROPDOWN_TOGGLE$1 = '.dropdown-toggle'; + const Default$1 = { + offset: null, + // TODO: v6 @deprecated, keep it for backwards compatibility reasons + rootMargin: '0px 0px -25%', + smoothScroll: false, + target: null, + threshold: [0.1, 0.5, 1] + }; + const DefaultType$1 = { + offset: '(number|null)', + // TODO v6 @deprecated, keep it for backwards compatibility reasons + rootMargin: 'string', + smoothScroll: 'boolean', + target: 'element', + threshold: 'array' + }; + + /** + * Class definition + */ + + class ScrollSpy extends BaseComponent { + constructor(element, config) { + super(element, config); + + // this._element is the observablesContainer and config.target the menu links wrapper + this._targetLinks = new Map(); + this._observableSections = new Map(); + this._rootElement = getComputedStyle(this._element).overflowY === 'visible' ? null : this._element; + this._activeTarget = null; + this._observer = null; + this._previousScrollData = { + visibleEntryTop: 0, + parentScrollTop: 0 + }; + this.refresh(); // initialize + } + + // Getters + static get Default() { + return Default$1; + } + static get DefaultType() { + return DefaultType$1; + } + static get NAME() { + return NAME$2; + } + + // Public + refresh() { + this._initializeTargetsAndObservables(); + this._maybeEnableSmoothScroll(); + if (this._observer) { + this._observer.disconnect(); + } else { + this._observer = this._getNewObserver(); + } + for (const section of this._observableSections.values()) { + this._observer.observe(section); + } + } + dispose() { + this._observer.disconnect(); + super.dispose(); + } + + // Private + _configAfterMerge(config) { + // TODO: on v6 target should be given explicitly & remove the {target: 'ss-target'} case + config.target = getElement(config.target) || document.body; + + // TODO: v6 Only for backwards compatibility reasons. Use rootMargin only + config.rootMargin = config.offset ? `${config.offset}px 0px -30%` : config.rootMargin; + if (typeof config.threshold === 'string') { + config.threshold = config.threshold.split(',').map(value => Number.parseFloat(value)); + } + return config; + } + _maybeEnableSmoothScroll() { + if (!this._config.smoothScroll) { + return; + } + + // unregister any previous listeners + EventHandler.off(this._config.target, EVENT_CLICK); + EventHandler.on(this._config.target, EVENT_CLICK, SELECTOR_TARGET_LINKS, event => { + const observableSection = this._observableSections.get(event.target.hash); + if (observableSection) { + event.preventDefault(); + const root = this._rootElement || window; + const height = observableSection.offsetTop - this._element.offsetTop; + if (root.scrollTo) { + root.scrollTo({ + top: height, + behavior: 'smooth' + }); + return; + } + + // Chrome 60 doesn't support `scrollTo` + root.scrollTop = height; + } + }); + } + _getNewObserver() { + const options = { + root: this._rootElement, + threshold: this._config.threshold, + rootMargin: this._config.rootMargin + }; + return new IntersectionObserver(entries => this._observerCallback(entries), options); + } + + // The logic of selection + _observerCallback(entries) { + const targetElement = entry => this._targetLinks.get(`#${entry.target.id}`); + const activate = entry => { + this._previousScrollData.visibleEntryTop = entry.target.offsetTop; + this._process(targetElement(entry)); + }; + const parentScrollTop = (this._rootElement || document.documentElement).scrollTop; + const userScrollsDown = parentScrollTop >= this._previousScrollData.parentScrollTop; + this._previousScrollData.parentScrollTop = parentScrollTop; + for (const entry of entries) { + if (!entry.isIntersecting) { + this._activeTarget = null; + this._clearActiveClass(targetElement(entry)); + continue; + } + const entryIsLowerThanPrevious = entry.target.offsetTop >= this._previousScrollData.visibleEntryTop; + // if we are scrolling down, pick the bigger offsetTop + if (userScrollsDown && entryIsLowerThanPrevious) { + activate(entry); + // if parent isn't scrolled, let's keep the first visible item, breaking the iteration + if (!parentScrollTop) { + return; + } + continue; + } + + // if we are scrolling up, pick the smallest offsetTop + if (!userScrollsDown && !entryIsLowerThanPrevious) { + activate(entry); + } + } + } + _initializeTargetsAndObservables() { + this._targetLinks = new Map(); + this._observableSections = new Map(); + const targetLinks = SelectorEngine.find(SELECTOR_TARGET_LINKS, this._config.target); + for (const anchor of targetLinks) { + // ensure that the anchor has an id and is not disabled + if (!anchor.hash || isDisabled(anchor)) { + continue; + } + const observableSection = SelectorEngine.findOne(decodeURI(anchor.hash), this._element); + + // ensure that the observableSection exists & is visible + if (isVisible(observableSection)) { + this._targetLinks.set(decodeURI(anchor.hash), anchor); + this._observableSections.set(anchor.hash, observableSection); + } + } + } + _process(target) { + if (this._activeTarget === target) { + return; + } + this._clearActiveClass(this._config.target); + this._activeTarget = target; + target.classList.add(CLASS_NAME_ACTIVE$1); + this._activateParents(target); + EventHandler.trigger(this._element, EVENT_ACTIVATE, { + relatedTarget: target + }); + } + _activateParents(target) { + // Activate dropdown parents + if (target.classList.contains(CLASS_NAME_DROPDOWN_ITEM)) { + SelectorEngine.findOne(SELECTOR_DROPDOWN_TOGGLE$1, target.closest(SELECTOR_DROPDOWN)).classList.add(CLASS_NAME_ACTIVE$1); + return; + } + for (const listGroup of SelectorEngine.parents(target, SELECTOR_NAV_LIST_GROUP)) { + // Set triggered links parents as active + // With both