diff --git a/demo-audio-2/css/library.css b/demo-audio-2/css/library.css
index 0a6f636..a5e984b 100644
--- a/demo-audio-2/css/library.css
+++ b/demo-audio-2/css/library.css
@@ -9,1364 +9,19 @@
*
* Released on: October 12, 2022
*/
-.swiper-slide,
-.swiper-wrapper {
- height: 100%;
- position: relative;
- transition-property: transform;
- width: 100%;
-}
-.swiper-android .swiper-slide,
-.swiper-pagination,
-.swiper-wrapper {
- transform: translate3d(0, 0, 0);
-}
-.swiper-fade.swiper-free-mode .swiper-slide,
-.swiper-free-mode > .swiper-wrapper {
- transition-timing-function: ease-out;
-}
-@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;
-}
-:root {
- --swiper-theme-color: #007aff;
- --swiper-navigation-size: 44px;
-}
-.swiper {
- margin-left: auto;
- margin-right: auto;
- position: relative;
- overflow: hidden;
- list-style: none;
- padding: 0;
- z-index: 1;
-}
-.swiper-vertical > .swiper-wrapper {
- flex-direction: column;
-}
-.swiper-wrapper {
- z-index: 1;
- display: flex;
- box-sizing: content-box;
-}
-.swiper-pointer-events {
- touch-action: pan-y;
-}
-.swiper-pointer-events.swiper-vertical {
- touch-action: pan-x;
-}
-.swiper-slide {
- flex-shrink: 0;
-}
-.swiper-slide-invisible-blank {
- visibility: hidden;
-}
-.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;
-}
-.swiper-3d,
-.swiper-3d.swiper-css-mode .swiper-wrapper {
- perspective: 1200px;
-}
-.swiper-3d .swiper-cube-shadow,
-.swiper-3d .swiper-slide,
-.swiper-3d .swiper-slide-shadow,
-.swiper-3d .swiper-slide-shadow-bottom,
-.swiper-3d .swiper-slide-shadow-left,
-.swiper-3d .swiper-slide-shadow-right,
-.swiper-3d .swiper-slide-shadow-top,
-.swiper-3d .swiper-wrapper {
- transform-style: preserve-3d;
-}
-.swiper-3d .swiper-slide-shadow,
-.swiper-3d .swiper-slide-shadow-bottom,
-.swiper-3d .swiper-slide-shadow-left,
-.swiper-3d .swiper-slide-shadow-right,
-.swiper-3d .swiper-slide-shadow-top {
- 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-css-mode > .swiper-wrapper {
- overflow: auto;
- scrollbar-width: none;
- -ms-overflow-style: none;
-}
-.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
- display: none;
-}
-.swiper-css-mode > .swiper-wrapper > .swiper-slide {
- scroll-snap-align: start start;
-}
-.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
- scroll-snap-type: x mandatory;
-}
-.swiper-vertical.swiper-css-mode > .swiper-wrapper {
- scroll-snap-type: y mandatory;
-}
-.swiper-centered > .swiper-wrapper::before {
- content: "";
- flex-shrink: 0;
- order: 9999;
-}
-.swiper-centered.swiper-horizontal
- > .swiper-wrapper
- > .swiper-slide:first-child {
- margin-inline-start: var(--swiper-centered-offset-before);
-}
-.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
- height: 100%;
- min-height: 1px;
- width: var(--swiper-centered-offset-after);
-}
-.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
- margin-block-start: var(--swiper-centered-offset-before);
-}
-.swiper-centered.swiper-vertical > .swiper-wrapper::before {
- width: 100%;
- min-width: 1px;
- height: var(--swiper-centered-offset-after);
-}
-.swiper-centered > .swiper-wrapper > .swiper-slide {
- scroll-snap-align: center center;
-}
-.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);
-}
-.swiper-button-next,
-.swiper-button-prev {
- position: absolute;
- top: 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-next.swiper-button-disabled,
-.swiper-button-prev.swiper-button-disabled {
- opacity: 0.35;
- cursor: auto;
- pointer-events: none;
-}
-.swiper-button-next.swiper-button-hidden,
-.swiper-button-prev.swiper-button-hidden {
- opacity: 0;
- cursor: auto;
- pointer-events: none;
-}
-.swiper-navigation-disabled .swiper-button-next,
-.swiper-navigation-disabled .swiper-button-prev,
-.swiper-pagination-bullet:only-child,
-.swiper-pagination-disabled > .swiper-pagination,
-.swiper-pagination.swiper-pagination-disabled,
-.swiper-scrollbar-disabled > .swiper-scrollbar,
-.swiper-scrollbar.swiper-scrollbar-disabled {
- display: none !important;
-}
-.swiper-button-next:after,
-.swiper-button-prev: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,
-.swiper-rtl .swiper-button-next {
- left: 10px;
- right: auto;
-}
-.swiper-button-prev:after,
-.swiper-rtl .swiper-button-next:after {
- content: "prev";
-}
-.swiper-button-next,
-.swiper-rtl .swiper-button-prev {
- right: 10px;
- left: auto;
-}
-.swiper-button-next:after,
-.swiper-rtl .swiper-button-prev:after {
- content: "next";
-}
-.swiper-button-lock,
-.swiper-pagination-lock,
-.swiper-scrollbar-lock {
- display: none;
-}
-.swiper-pagination {
- position: absolute;
- text-align: center;
- transition: opacity 0.3s;
- z-index: 10;
-}
-.swiper-pagination.swiper-pagination-hidden {
- opacity: 0;
-}
-.swiper-horizontal > .swiper-pagination-bullets,
-.swiper-pagination-bullets.swiper-pagination-horizontal,
-.swiper-pagination-custom,
-.swiper-pagination-fraction {
- bottom: 10px;
- left: 0;
- width: 100%;
-}
-.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,
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
- transform: scale(1);
-}
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
- transform: scale(0.66);
-}
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
-.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
- 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: 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-active {
- opacity: var(--swiper-pagination-bullet-opacity, 1);
- background: var(--swiper-pagination-color, var(--swiper-theme-color));
-}
-.swiper-pagination-vertical.swiper-pagination-bullets,
-.swiper-vertical > .swiper-pagination-bullets {
- right: 10px;
- top: 50%;
- transform: translate3d(0, -50%, 0);
-}
-.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
-.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
- margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
- display: block;
-}
-.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
-.swiper-vertical
- > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
- top: 50%;
- transform: translateY(-50%);
- width: 8px;
-}
-.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
- .swiper-pagination-bullet,
-.swiper-vertical
- > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
- .swiper-pagination-bullet {
- display: inline-block;
- transition: transform 0.2s, top 0.2s;
-}
-.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: transform 0.2s, left 0.2s;
-}
-.swiper-horizontal.swiper-rtl
- > .swiper-pagination-bullets-dynamic
- .swiper-pagination-bullet {
- transition: transform 0.2s, right 0.2s;
-}
-.swiper-pagination-progressbar {
- background: 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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
-.swiper-vertical
- > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
- width: 100%;
- height: 4px;
- left: 0;
- top: 0;
-}
-.swiper-horizontal
- > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
-.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
-.swiper-pagination-progressbar.swiper-pagination-vertical,
-.swiper-vertical > .swiper-pagination-progressbar {
- width: 4px;
- height: 100%;
- left: 0;
- top: 0;
-}
-.swiper-scrollbar {
- border-radius: 10px;
- position: relative;
- -ms-touch-action: none;
- background: rgba(0, 0, 0, 0.1);
-}
-.swiper-horizontal > .swiper-scrollbar,
-.swiper-scrollbar.swiper-scrollbar-horizontal {
- position: absolute;
- left: 1%;
- bottom: 3px;
- z-index: 50;
- height: 5px;
- width: 98%;
-}
-.swiper-scrollbar.swiper-scrollbar-vertical,
-.swiper-vertical > .swiper-scrollbar {
- position: absolute;
- right: 3px;
- top: 1%;
- z-index: 50;
- width: 5px;
- height: 98%;
-}
-.swiper-scrollbar-drag {
- height: 100%;
- width: 100%;
- position: relative;
- background: rgba(0, 0, 0, 0.5);
- border-radius: 10px;
- left: 0;
- top: 0;
-}
-.swiper-scrollbar-cursor-drag,
-.swiper-slide-zoomed {
- cursor: move;
-}
-.swiper-zoom-container {
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- text-align: center;
-}
-.swiper-zoom-container > canvas,
-.swiper-zoom-container > img,
-.swiper-zoom-container > svg {
- max-width: 100%;
- max-height: 100%;
- object-fit: contain;
-}
-.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
-.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
- animation: 1s linear infinite swiper-preloader-spin;
-}
-.swiper-lazy-preloader-white {
- --swiper-preloader-color: #fff;
-}
-.swiper-lazy-preloader-black {
- --swiper-preloader-color: #000;
-}
-@keyframes swiper-preloader-spin {
- 0% {
- transform: rotate(0);
- }
- 100% {
- transform: rotate(360deg);
- }
-}
-.swiper .swiper-notification {
- position: absolute;
- left: 0;
- top: 0;
- pointer-events: none;
- opacity: 0;
- z-index: -1000;
-}
-.swiper-free-mode > .swiper-wrapper {
- margin: 0 auto;
-}
-.swiper-grid > .swiper-wrapper {
- flex-wrap: wrap;
-}
-.swiper-grid-column > .swiper-wrapper {
- flex-wrap: wrap;
- flex-direction: column;
-}
-.swiper-fade .swiper-slide {
- pointer-events: none;
- transition-property: opacity;
-}
-.swiper-cube .swiper-slide .swiper-slide,
-.swiper-fade .swiper-slide .swiper-slide,
-.swiper-flip .swiper-slide .swiper-slide {
- pointer-events: none;
-}
-.swiper-cube .swiper-slide-active,
-.swiper-cube .swiper-slide-active .swiper-slide-active,
-.swiper-fade .swiper-slide-active,
-.swiper-fade .swiper-slide-active .swiper-slide-active,
-.swiper-flip .swiper-slide-active,
-.swiper-flip .swiper-slide-active .swiper-slide-active {
- pointer-events: auto;
-}
-.swiper-cards,
-.swiper-cube,
-.swiper-flip {
- 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-rtl .swiper-slide {
- transform-origin: 100% 0;
-}
-.swiper-cube .swiper-slide-active,
-.swiper-cube .swiper-slide-next,
-.swiper-cube .swiper-slide-next + .swiper-slide,
-.swiper-cube .swiper-slide-prev {
- pointer-events: auto;
- visibility: visible;
-}
-.swiper-cube .swiper-slide-shadow-bottom,
-.swiper-cube .swiper-slide-shadow-left,
-.swiper-cube .swiper-slide-shadow-right,
-.swiper-cube .swiper-slide-shadow-top,
-.swiper-flip .swiper-slide-shadow-bottom,
-.swiper-flip .swiper-slide-shadow-left,
-.swiper-flip .swiper-slide-shadow-right,
-.swiper-flip .swiper-slide-shadow-top {
- z-index: 0;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
-}
-.swiper-cube .swiper-cube-shadow {
- position: absolute;
- left: 0;
- bottom: 0;
- 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-flip .swiper-slide {
- pointer-events: none;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- z-index: 1;
-}
-.swiper-creative .swiper-slide {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- overflow: hidden;
- transition-property: transform, opacity, height;
-}
-.swiper-cards .swiper-slide {
- transform-origin: center bottom;
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- overflow: hidden;
-}
+ .swiper-slide,.swiper-wrapper{height:100%;position:relative;transition-property:transform;width:100%}.swiper-android .swiper-slide,.swiper-pagination,.swiper-wrapper{transform:translate3d(0,0,0)}.swiper-fade.swiper-free-mode .swiper-slide,.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out}@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}:root{--swiper-theme-color:#007aff;--swiper-navigation-size:44px}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;display:flex;box-sizing:content-box}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0}.swiper-slide-invisible-blank{visibility:hidden}.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}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.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)}.swiper-button-next,.swiper-button-prev{position:absolute;top: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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev,.swiper-pagination-bullet:only-child,.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled,.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-button-next:after,.swiper-button-prev: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,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock,.swiper-pagination-lock,.swiper-scrollbar-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.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:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .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-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.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:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag,.swiper-slide-zoomed{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-cube .swiper-slide .swiper-slide,.swiper-fade .swiper-slide .swiper-slide,.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active,.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active,.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cards,.swiper-cube,.swiper-flip{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-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.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-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
-/**
+ /**
* Fancybox v3.5.7
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
-body.compensate-for-scrollbar {
- overflow: hidden;
-}
-.fancybox-active {
- height: auto;
-}
-.fancybox-is-hidden {
- left: -9999px;
- margin: 0;
- position: absolute !important;
- top: -9999px;
- visibility: hidden;
-}
-.fancybox-container {
- -webkit-backface-visibility: hidden;
- height: 100%;
- left: 0;
- outline: none;
- position: fixed;
- -webkit-tap-highlight-color: transparent;
- top: 0;
- -ms-touch-action: manipulation;
- touch-action: manipulation;
- transform: translateZ(0);
- width: 100%;
- z-index: 99992;
-}
-.fancybox-container * {
- box-sizing: border-box;
-}
-.fancybox-bg,
-.fancybox-inner,
-.fancybox-outer,
-.fancybox-stage {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
-}
-.fancybox-outer {
- -webkit-overflow-scrolling: touch;
- overflow-y: auto;
-}
-.fancybox-bg {
- background: #1e1e1e;
- opacity: 0;
- transition-duration: inherit;
- transition-property: opacity;
- transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
-}
-.fancybox-is-open .fancybox-bg {
- opacity: 0.9;
- transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-}
-.fancybox-caption,
-.fancybox-infobar,
-.fancybox-navigation .fancybox-button,
-.fancybox-toolbar {
- direction: ltr;
- opacity: 0;
- position: absolute;
- transition: opacity 0.25s ease, visibility 0s ease 0.25s;
- visibility: hidden;
- z-index: 99997;
-}
-.fancybox-show-caption .fancybox-caption,
-.fancybox-show-infobar .fancybox-infobar,
-.fancybox-show-nav .fancybox-navigation .fancybox-button,
-.fancybox-show-toolbar .fancybox-toolbar {
- opacity: 1;
- transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
- visibility: visible;
-}
-.fancybox-infobar {
- color: #ccc;
- font-size: 13px;
- -webkit-font-smoothing: subpixel-antialiased;
- height: 44px;
- left: 0;
- line-height: 44px;
- min-width: 44px;
- mix-blend-mode: difference;
- padding: 0 10px;
- pointer-events: none;
- top: 0;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-.fancybox-toolbar {
- right: 0;
- top: 0;
-}
-.fancybox-stage {
- direction: ltr;
- overflow: visible;
- transform: translateZ(0);
- z-index: 99994;
-}
-.fancybox-is-open .fancybox-stage {
- overflow: hidden;
-}
-.fancybox-slide {
- -webkit-backface-visibility: hidden;
- display: none;
- height: 100%;
- left: 0;
- outline: none;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- padding: 44px;
- position: absolute;
- text-align: center;
- top: 0;
- transition-property: transform, opacity;
- white-space: normal;
- width: 100%;
- z-index: 99994;
-}
-.fancybox-slide:before {
- content: "";
- display: inline-block;
- font-size: 0;
- height: 100%;
- vertical-align: middle;
- width: 0;
-}
-.fancybox-is-sliding .fancybox-slide,
-.fancybox-slide--current,
-.fancybox-slide--next,
-.fancybox-slide--previous {
- display: block;
-}
-.fancybox-slide--image {
- overflow: hidden;
- padding: 44px 10px;
-}
-.fancybox-slide--image:before {
- display: none;
-}
-.fancybox-slide--html {
- padding: 6px;
-}
-.fancybox-content {
- background: #fff;
- display: inline-block;
- margin: 0;
- max-width: 100%;
- overflow: auto;
- -webkit-overflow-scrolling: touch;
- padding: 44px;
- position: relative;
- text-align: left;
- vertical-align: middle;
-}
-.fancybox-slide--image .fancybox-content {
- animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
- -webkit-backface-visibility: hidden;
- background: transparent;
- background-repeat: no-repeat;
- background-size: 100% 100%;
- left: 0;
- max-width: none;
- overflow: visible;
- padding: 0;
- position: absolute;
- top: 0;
- transform-origin: top left;
- transition-property: transform, opacity;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- z-index: 99995;
-}
-.fancybox-can-zoomOut .fancybox-content {
- cursor: zoom-out;
-}
-.fancybox-can-zoomIn .fancybox-content {
- cursor: zoom-in;
-}
-.fancybox-can-pan .fancybox-content,
-.fancybox-can-swipe .fancybox-content {
- cursor: grab;
-}
-.fancybox-is-grabbing .fancybox-content {
- cursor: grabbing;
-}
-.fancybox-container [data-selectable="true"] {
- cursor: text;
-}
-.fancybox-image,
-.fancybox-spaceball {
- background: transparent;
- border: 0;
- height: 100%;
- left: 0;
- margin: 0;
- max-height: none;
- max-width: none;
- padding: 0;
- position: absolute;
- top: 0;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- width: 100%;
-}
-.fancybox-spaceball {
- z-index: 1;
-}
-.fancybox-slide--iframe .fancybox-content,
-.fancybox-slide--map .fancybox-content,
-.fancybox-slide--pdf .fancybox-content,
-.fancybox-slide--video .fancybox-content {
- height: 100%;
- overflow: visible;
- padding: 0;
- width: 100%;
-}
-.fancybox-slide--video .fancybox-content {
- background: #000;
-}
-.fancybox-slide--map .fancybox-content {
- background: #e5e3df;
-}
-.fancybox-slide--iframe .fancybox-content {
- background: #fff;
-}
-.fancybox-iframe,
-.fancybox-video {
- background: transparent;
- border: 0;
- display: block;
- height: 100%;
- margin: 0;
- overflow: hidden;
- padding: 0;
- width: 100%;
-}
-.fancybox-iframe {
- left: 0;
- position: absolute;
- top: 0;
-}
-.fancybox-error {
- background: #fff;
- cursor: default;
- max-width: 400px;
- padding: 40px;
- width: 100%;
-}
-.fancybox-error p {
- color: #444;
- font-size: 16px;
- line-height: 20px;
- margin: 0;
- padding: 0;
-}
-.fancybox-button {
- background: rgba(30, 30, 30, 0.6);
- border: 0;
- border-radius: 0;
- box-shadow: none;
- cursor: pointer;
- display: inline-block;
- height: 44px;
- margin: 0;
- padding: 10px;
- position: relative;
- transition: color 0.2s;
- vertical-align: top;
- visibility: inherit;
- width: 44px;
-}
-.fancybox-button,
-.fancybox-button:link,
-.fancybox-button:visited {
- color: #ccc;
-}
-.fancybox-button:hover {
- color: #fff;
-}
-.fancybox-button:focus {
- outline: none;
-}
-.fancybox-button.fancybox-focus {
- outline: 1px dotted;
-}
-.fancybox-button[disabled],
-.fancybox-button[disabled]:hover {
- color: #888;
- cursor: default;
- outline: none;
-}
-.fancybox-button div {
- height: 100%;
-}
-.fancybox-button svg {
- display: block;
- height: 100%;
- overflow: visible;
- position: relative;
- width: 100%;
-}
-.fancybox-button svg path {
- fill: currentColor;
- stroke-width: 0;
-}
-.fancybox-button--fsenter svg:nth-child(2),
-.fancybox-button--fsexit svg:first-child,
-.fancybox-button--pause svg:first-child,
-.fancybox-button--play svg:nth-child(2) {
- display: none;
-}
-.fancybox-progress {
- background: #ff5268;
- height: 2px;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- transform: scaleX(0);
- transform-origin: 0;
- transition-property: transform;
- transition-timing-function: linear;
- z-index: 99998;
-}
-.fancybox-close-small {
- background: transparent;
- border: 0;
- border-radius: 0;
- color: #ccc;
- cursor: pointer;
- opacity: 0.8;
- padding: 8px;
- position: absolute;
- right: -12px;
- top: -44px;
- z-index: 401;
-}
-.fancybox-close-small:hover {
- color: #fff;
- opacity: 1;
-}
-.fancybox-slide--html .fancybox-close-small {
- color: currentColor;
- padding: 10px;
- right: 0;
- top: 0;
- color: #fff;
- background-color: red;
-}
-.fancybox-slide--html .fancybox-close-small-bottom {
- bottom: 0;
- top: unset;
- width: 100%;
- font-size: 16px;
-}
-.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
- overflow: hidden;
-}
-.fancybox-is-scaling .fancybox-close-small,
-.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
- display: none;
-}
-.fancybox-navigation .fancybox-button {
- background-clip: content-box;
- height: 100px;
- opacity: 0;
- position: absolute;
- top: calc(50% - 50px);
- width: 70px;
-}
-.fancybox-navigation .fancybox-button div {
- padding: 7px;
-}
-.fancybox-navigation .fancybox-button--arrow_left {
- left: 0;
- left: env(safe-area-inset-left);
- padding: 31px 26px 31px 6px;
-}
-.fancybox-navigation .fancybox-button--arrow_right {
- padding: 31px 6px 31px 26px;
- right: 0;
- right: env(safe-area-inset-right);
-}
-.fancybox-caption {
- background: linear-gradient(
- 0deg,
- rgba(0, 0, 0, 0.85) 0,
- rgba(0, 0, 0, 0.3) 50%,
- rgba(0, 0, 0, 0.15) 65%,
- rgba(0, 0, 0, 0.075) 75.5%,
- rgba(0, 0, 0, 0.037) 82.85%,
- rgba(0, 0, 0, 0.019) 88%,
- transparent
- );
- bottom: 0;
- color: #eee;
- font-size: 14px;
- font-weight: 400;
- left: 0;
- line-height: 1.5;
- padding: 75px 44px 25px;
- pointer-events: none;
- right: 0;
- text-align: center;
- z-index: 99996;
-}
-@supports (padding: max(0px)) {
- .fancybox-caption {
- padding: 75px max(44px, env(safe-area-inset-right))
- max(25px, env(safe-area-inset-bottom))
- max(44px, env(safe-area-inset-left));
- }
-}
-.fancybox-caption--separate {
- margin-top: -50px;
-}
-.fancybox-caption__body {
- max-height: 50vh;
- overflow: auto;
- pointer-events: all;
-}
-.fancybox-caption a,
-.fancybox-caption a:link,
-.fancybox-caption a:visited {
- color: #ccc;
- text-decoration: none;
-}
-.fancybox-caption a:hover {
- color: #fff;
- text-decoration: underline;
-}
-.fancybox-loading {
- animation: a 1s linear infinite;
- background: transparent;
- border: 4px solid #888;
- border-bottom-color: #fff;
- border-radius: 50%;
- height: 50px;
- left: 50%;
- margin: -25px 0 0 -25px;
- opacity: 0.7;
- padding: 0;
- position: absolute;
- top: 50%;
- width: 50px;
- z-index: 99999;
-}
-@keyframes a {
- to {
- transform: rotate(1turn);
- }
-}
-.fancybox-animated {
- transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
-}
-.fancybox-fx-slide.fancybox-slide--previous {
- opacity: 0;
- transform: translate3d(-100%, 0, 0);
-}
-.fancybox-fx-slide.fancybox-slide--next {
- opacity: 0;
- transform: translate3d(100%, 0, 0);
-}
-.fancybox-fx-slide.fancybox-slide--current {
- opacity: 1;
- transform: translateZ(0);
-}
-.fancybox-fx-fade.fancybox-slide--next,
-.fancybox-fx-fade.fancybox-slide--previous {
- opacity: 0;
- transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
-}
-.fancybox-fx-fade.fancybox-slide--current {
- opacity: 1;
-}
-.fancybox-fx-zoom-in-out.fancybox-slide--previous {
- opacity: 0;
- transform: scale3d(1.5, 1.5, 1.5);
-}
-.fancybox-fx-zoom-in-out.fancybox-slide--next {
- opacity: 0;
- transform: scale3d(0.5, 0.5, 0.5);
-}
-.fancybox-fx-zoom-in-out.fancybox-slide--current {
- opacity: 1;
- transform: scaleX(1);
-}
-.fancybox-fx-rotate.fancybox-slide--previous {
- opacity: 0;
- transform: rotate(-1turn);
-}
-.fancybox-fx-rotate.fancybox-slide--next {
- opacity: 0;
- transform: rotate(1turn);
-}
-.fancybox-fx-rotate.fancybox-slide--current {
- opacity: 1;
- transform: rotate(0deg);
-}
-.fancybox-fx-circular.fancybox-slide--previous {
- opacity: 0;
- transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
-}
-.fancybox-fx-circular.fancybox-slide--next {
- opacity: 0;
- transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
-}
-.fancybox-fx-circular.fancybox-slide--current {
- opacity: 1;
- transform: scaleX(1) translateZ(0);
-}
-.fancybox-fx-tube.fancybox-slide--previous {
- transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
-}
-.fancybox-fx-tube.fancybox-slide--next {
- transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
-}
-.fancybox-fx-tube.fancybox-slide--current {
- transform: translateZ(0) scale(1);
-}
-@media (max-height: 576px) {
- .fancybox-slide {
- padding-left: 6px;
- padding-right: 6px;
- }
- .fancybox-slide--image {
- padding: 6px 0;
- }
- .fancybox-close-small {
- right: -6px;
- }
- .fancybox-slide--image .fancybox-close-small {
- background: #4e4e4e;
- color: #f2f4f6;
- height: 36px;
- opacity: 1;
- padding: 6px;
- right: 0;
- top: 0;
- width: 36px;
- }
- .fancybox-caption {
- padding-left: 12px;
- padding-right: 12px;
- }
- @supports (padding: max(0px)) {
- .fancybox-caption {
- padding-left: max(12px, env(safe-area-inset-left));
- padding-right: max(12px, env(safe-area-inset-right));
- }
- }
-}
-.fancybox-share {
- background: #f4f4f4;
- border-radius: 3px;
- max-width: 90%;
- padding: 30px;
- text-align: center;
-}
-.fancybox-share h1 {
- color: #222;
- font-size: 35px;
- font-weight: 700;
- margin: 0 0 20px;
-}
-.fancybox-share p {
- margin: 0;
- padding: 0;
-}
-.fancybox-share__button {
- border: 0;
- border-radius: 3px;
- display: inline-block;
- font-size: 14px;
- font-weight: 700;
- line-height: 40px;
- margin: 0 5px 10px;
- min-width: 130px;
- padding: 0 15px;
- text-decoration: none;
- transition: all 0.2s;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- white-space: nowrap;
-}
-.fancybox-share__button:link,
-.fancybox-share__button:visited {
- color: #fff;
-}
-.fancybox-share__button:hover {
- text-decoration: none;
-}
-.fancybox-share__button--fb {
- background: #3b5998;
-}
-.fancybox-share__button--fb:hover {
- background: #344e86;
-}
-.fancybox-share__button--pt {
- background: #bd081d;
-}
-.fancybox-share__button--pt:hover {
- background: #aa0719;
-}
-.fancybox-share__button--tw {
- background: #1da1f2;
-}
-.fancybox-share__button--tw:hover {
- background: #0d95e8;
-}
-.fancybox-share__button svg {
- height: 25px;
- margin-right: 7px;
- position: relative;
- top: -1px;
- vertical-align: middle;
- width: 25px;
-}
-.fancybox-share__button svg path {
- fill: #fff;
-}
-.fancybox-share__input {
- background: transparent;
- border: 0;
- border-bottom: 1px solid #d7d7d7;
- border-radius: 0;
- color: #5d5b5b;
- font-size: 14px;
- margin: 10px 0 0;
- outline: none;
- padding: 10px 15px;
- width: 100%;
-}
-.fancybox-thumbs {
- background: #ddd;
- bottom: 0;
- display: none;
- margin: 0;
- -webkit-overflow-scrolling: touch;
- -ms-overflow-style: -ms-autohiding-scrollbar;
- padding: 2px 2px 4px;
- position: absolute;
- right: 0;
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
- top: 0;
- width: 212px;
- z-index: 99995;
-}
-.fancybox-thumbs-x {
- overflow-x: auto;
- overflow-y: hidden;
-}
-.fancybox-show-thumbs .fancybox-thumbs {
- display: block;
-}
-.fancybox-show-thumbs .fancybox-inner {
- right: 212px;
-}
-.fancybox-thumbs__list {
- font-size: 0;
- height: 100%;
- list-style: none;
- margin: 0;
- overflow-x: hidden;
- overflow-y: auto;
- padding: 0;
- position: absolute;
- position: relative;
- white-space: nowrap;
- width: 100%;
-}
-.fancybox-thumbs-x .fancybox-thumbs__list {
- overflow: hidden;
-}
-.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
- width: 7px;
-}
-.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
- background: #fff;
- border-radius: 10px;
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-}
-.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
- background: #2a2a2a;
- border-radius: 10px;
-}
-.fancybox-thumbs__list a {
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- background-color: rgba(0, 0, 0, 0.1);
- background-position: 50%;
- background-repeat: no-repeat;
- background-size: cover;
- cursor: pointer;
- float: left;
- height: 75px;
- margin: 2px;
- max-height: calc(100% - 8px);
- max-width: calc(50% - 4px);
- outline: none;
- overflow: hidden;
- padding: 0;
- position: relative;
- -webkit-tap-highlight-color: transparent;
- width: 100px;
-}
-.fancybox-thumbs__list a:before {
- border: 3px solid #ff5268;
- bottom: 0;
- content: "";
- left: 0;
- opacity: 0;
- position: absolute;
- right: 0;
- top: 0;
- transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
- z-index: 99991;
-}
-.fancybox-thumbs__list a:focus:before {
- opacity: 0.5;
-}
-.fancybox-thumbs__list a.fancybox-thumbs-active:before {
- opacity: 1;
-}
-@media (max-width: 576px) {
- .fancybox-thumbs {
- width: 110px;
- }
- .fancybox-show-thumbs .fancybox-inner {
- right: 110px;
- }
- .fancybox-thumbs__list a {
- max-width: calc(100% - 10px);
- }
-}
-
-/*!
+ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 10px}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0;color:#fff;background-color:red;}.fancybox-slide--html .fancybox-close-small-bottom{bottom:0;top:unset;width:100%;font-size:16px;}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:3px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
+
+ /*!
* MMenu
*/
-/*!
+ /*!
* jQuery mmenu v7.2.2
* @requires jQuery 1.7.0 or later
*
@@ -1377,1679 +32,275 @@ body.compensate-for-scrollbar {
*
* License: CC-BY-NC-4.0
* http://creativecommons.org/licenses/by-nc/4.0/
- */
-.mm-menu {
- --mm-line-height: 20px;
- --mm-listitem-size: 44px;
- --mm-navbar-size: 44px;
- --mm-offset-top: 0;
- --mm-offset-right: 0;
- --mm-offset-bottom: 0;
- --mm-offset-left: 0;
- --mm-color-border: rgba(0, 0, 0, 0.1);
- --mm-color-button: rgba(0, 0, 0, 0.3);
- --mm-color-text: rgba(0, 0, 0, 0.75);
- --mm-color-text-dimmed: rgba(0, 0, 0, 0.3);
- --mm-color-background: #f3f3f3;
- --mm-color-background-highlight: rgba(0, 0, 0, 0.05);
- --mm-color-background-emphasis: rgba(255, 255, 255, 0.4);
- --mm-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-}
-.mm-hidden {
- display: none !important;
-}
-.mm-wrapper {
- overflow-x: hidden;
- position: relative;
-}
-.mm-menu {
- background: #f3f3f3;
- border-color: rgba(0, 0, 0, 0.1);
- color: rgba(0, 0, 0, 0.75);
- background: var(--mm-color-background);
- border-color: var(--mm-color-border);
- color: var(--mm-color-text);
- line-height: 20px;
- line-height: var(--mm-line-height);
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: block;
- padding: 0;
- margin: 0;
- position: absolute;
- z-index: 0;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- top: var(--mm-offset-top);
- right: var(--mm-offset-right);
- bottom: var(--mm-offset-bottom);
- left: var(--mm-offset-left);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-.mm-menu a,
-.mm-menu a:active,
-.mm-menu a:hover,
-.mm-menu a:link,
-.mm-menu a:visited {
- color: inherit;
- text-decoration: none;
-}
-[dir="rtl"] .mm-menu {
- direction: rtl;
-}
-.mm-panels,
-.mm-panels > .mm-panel {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- z-index: 0;
-}
-.mm-panel,
-.mm-panels {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- background: #f3f3f3;
- border-color: rgba(0, 0, 0, 0.1);
- color: rgba(0, 0, 0, 0.75);
- background: var(--mm-color-background);
- border-color: var(--mm-color-border);
- color: var(--mm-color-text);
-}
-.mm-panels {
- overflow: hidden;
-}
-.mm-panel {
- -webkit-overflow-scrolling: touch;
- overflow: scroll;
- overflow-x: hidden;
- overflow-y: auto;
- width: 100%;
- padding: 0 20px;
- -webkit-transform: translate3d(100%, 0, 0);
- transform: translate3d(100%, 0, 0);
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: -webkit-transform 0.4s ease;
- -o-transition: transform 0.4s ease;
- transition: transform 0.4s ease;
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-}
-.mm-panel:not(.mm-hidden) {
- display: block;
-}
-.mm-panel:after,
-.mm-panel:before {
- content: "";
- display: block;
- height: 20px;
-}
-.mm-panel_has-navbar {
- padding-top: 44px;
- padding-top: var(--mm-navbar-size);
-}
-.mm-panel_opened {
- z-index: 1;
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-.mm-panel_opened-parent {
- -webkit-transform: translate3d(-30%, 0, 0);
- transform: translate3d(-30%, 0, 0);
-}
-.mm-panel_highest {
- z-index: 2;
-}
-.mm-panel_noanimation {
- -webkit-transition: none !important;
- -o-transition: none !important;
- transition: none !important;
-}
-.mm-panel_noanimation.mm-panel_opened-parent {
- -webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
-}
-[dir="rtl"] .mm-panel:not(.mm-panel_opened) {
- -webkit-transform: translate3d(-100%, 0, 0);
- transform: translate3d(-100%, 0, 0);
-}
-[dir="rtl"] .mm-panel.mm-panel_opened-parent {
- -webkit-transform: translate3d(30%, 0, 0);
- transform: translate3d(30%, 0, 0);
-}
-.mm-listitem_vertical > .mm-panel {
- -webkit-transform: none !important;
- -ms-transform: none !important;
- transform: none !important;
- display: none;
- width: 100%;
- padding: 10px 0 10px 10px;
-}
-.mm-listitem_vertical > .mm-panel:after,
-.mm-listitem_vertical > .mm-panel:before {
- content: none;
- display: none;
-}
-.mm-listitem_opened > .mm-panel {
- display: block;
-}
-.mm-listitem_vertical > .mm-listitem__btn {
- height: 44px;
- height: var(--mm-listitem-size);
- bottom: auto;
-}
-.mm-listitem_vertical .mm-listitem:last-child:after {
- border-color: transparent;
-}
-.mm-listitem_opened > .mm-listitem__btn:after {
- -webkit-transform: rotate(225deg);
- -ms-transform: rotate(225deg);
- transform: rotate(225deg);
- right: 19px;
-}
-.mm-btn {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 44px;
- padding: 0;
-}
-.mm-btn:after,
-.mm-btn:before {
- border-color: rgba(0, 0, 0, 0.1);
- border-color: var(--mm-color-button);
- border-width: 2px;
- border-style: solid;
-}
-.mm-btn_close:after,
-.mm-btn_close:before {
- content: "";
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- display: block;
- width: 5px;
- height: 5px;
- margin: auto;
- position: absolute;
- top: 0;
- bottom: 0;
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
-}
-.mm-btn_close:before {
- border-right: none;
- border-bottom: none;
- right: 18px;
-}
-.mm-btn_close:after {
- border-left: none;
- border-top: none;
- right: 25px;
-}
-.mm-btn_next:after,
-.mm-btn_prev:before {
- content: "";
- border-bottom: none;
- border-right: none;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- display: block;
- width: 8px;
- height: 8px;
- margin: auto;
- position: absolute;
- top: 0;
- bottom: 0;
-}
-.mm-btn_prev:before {
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- left: 23px;
- right: auto;
-}
-.mm-btn_next:after {
- -webkit-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- transform: rotate(135deg);
- right: 23px;
- left: auto;
-}
-[dir="rtl"] .mm-btn_next:after {
- -webkit-transform: rotate(-45deg);
- -ms-transform: rotate(-45deg);
- transform: rotate(-45deg);
- left: 23px;
- right: auto;
-}
-[dir="rtl"] .mm-btn_prev:before {
- -webkit-transform: rotate(135deg);
- -ms-transform: rotate(135deg);
- transform: rotate(135deg);
- right: 23px;
- left: auto;
-}
-[dir="rtl"] .mm-btn_close:after,
-[dir="rtl"] .mm-btn_close:before {
- right: auto;
-}
-[dir="rtl"] .mm-btn_close:before {
- left: 25px;
-}
-[dir="rtl"] .mm-btn_close:after {
- left: 18px;
-}
-.mm-navbar {
- background: #f3f3f3;
- border-color: rgba(0, 0, 0, 0.1);
- color: rgba(0, 0, 0, 0.3);
- background: var(--mm-color-background);
- border-color: var(--mm-color-border);
- color: var(--mm-color-text-dimmed);
- border-bottom-width: 1px;
- border-bottom-style: solid;
- text-align: center;
- display: none;
- height: 44px;
- height: var(--mm-navbar-size);
- padding: 0 44px;
- margin: 0;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- opacity: 1;
- -webkit-transition: opacity 0.4s ease;
- -o-transition: opacity 0.4s ease;
- transition: opacity 0.4s ease;
-}
-.mm-navbar > * {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- display: block;
- padding: 12px;
- padding: calc((var(--mm-navbar-size) - var(--mm-line-height)) * 0.5);
- padding-left: 0;
- padding-right: 0;
-}
-.mm-navbar a,
-.mm-navbar a:hover {
- text-decoration: none;
- font-size: 18px;
- color: var(--color-primary) !important;
- font-weight: 700;
-}
-.mm-navbar__title {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
-}
-.mm-navbar__btn {
- position: absolute;
- top: 0;
- bottom: 0;
- z-index: 1;
-}
-.mm-navbar__btn:first-child {
- text-align: left;
- left: 0;
-}
-.mm-navbar__btn:last-child {
- text-align: right;
- right: 0;
-}
-.mm-panel_has-navbar .mm-navbar {
- display: block;
-}
-[dir="rtl"] .mm-navbar__btn:first-child {
- text-align: right;
- right: 0;
- left: auto;
-}
-[dir="rtl"] .mm-navbar__btn:last-child {
- text-align: left;
- left: 0;
- right: auto;
-}
-.mm-listitem,
-.mm-listview {
- list-style: none;
- display: block;
- padding: 0;
- margin: 0;
-}
-.mm-listitem {
- color: #000;
- font-weight: 500;
- border-color: rgba(0, 0, 0, 0.1);
- border-color: var(--mm-color-border);
- position: relative;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.mm-listitem:after {
- content: "";
- border-color: inherit;
- border-bottom-width: 1px;
- border-bottom-style: solid;
- display: block;
- position: absolute;
- left: 20px;
- right: 0;
- bottom: 0;
-}
-.mm-listitem a,
-.mm-listitem a:hover {
- text-decoration: none;
-}
-.mm-listitem__btn,
-.mm-listitem__text {
- color: inherit;
- display: block;
- padding-top: 12px;
- padding-top: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
- padding-bottom: 12px;
- padding-bottom: calc((var(--mm-listitem-size) - var(--mm-line-height)) / 2);
-}
-.mm-listitem__text {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- padding-left: 20px;
- padding-right: 10px;
- -webkit-box-flex: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
- -ms-flex-preferred-size: 10%;
- flex-basis: 10%;
-}
-.mm-listitem__btn {
- -webkit-tap-highlight-color: rgba(255, 255, 255, 0.4);
- tap-highlight-color: rgba(255, 255, 255, 0.4);
- -webkit-tap-highlight-color: var(--mm-color-background-emphasis);
- tap-highlight-color: var(--mm-color-background-emphasis);
- background: rgba(3, 2, 1, 0);
- border-color: inherit;
- width: auto;
- padding-right: 54px;
- position: relative;
-}
-.mm-listitem__btn:not(.mm-listitem__text) {
- border-left-width: 1px;
- border-left-style: solid;
-}
-.mm-listitem_selected > .mm-listitem__text {
- background: rgba(255, 255, 255, 0.4);
- background: var(--mm-color-background-emphasis);
-}
-.mm-listitem_opened > .mm-listitem__btn,
-.mm-listitem_opened > .mm-panel {
- background: rgba(0, 0, 0, 0.05);
- background: var(--mm-color-background-highlight);
-}
-.mm-panels > .mm-panel > .mm-listview {
- margin: 20px -20px;
-}
-.mm-panels > .mm-panel > .mm-listview:first-child,
-.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
- margin-top: -20px;
-}
-.mm-listitem_divider {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
- background: rgba(0, 0, 0, 0.05);
- background: var(--mm-color-background-highlight);
- font-size: 75%;
- text-transform: uppercase;
- min-height: 20px;
- min-height: var(--mm-line-height);
- padding: 6.5px;
- padding: calc(
- ((var(--mm-listitem-size) * 0.75) - var(--mm-line-height)) * 0.5
- );
- padding-right: 10px;
- padding-left: 20px;
-}
-.mm-listitem_spacer {
- padding-top: 44px;
- padding-top: var(--mm-listitem-size);
-}
-.mm-listitem_spacer > .mm-btn_next {
- top: 44px;
- top: var(--mm-listitem-size);
-}
-[dir="rtl"] .mm-listitem:after {
- left: 0;
- right: 20px;
-}
-[dir="rtl"] .mm-listitem__text {
- padding-left: 10px;
- padding-right: 20px;
-}
-[dir="rtl"] .mm-listitem__btn {
- padding-left: 54px;
- border-left-width: 0;
- border-left-style: none;
-}
-[dir="rtl"] .mm-listitem__btn:not(.mm-listitem__text) {
- padding-right: 0;
- border-right-width: 1px;
- border-right-style: solid;
-}
-.mm-page {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- position: relative;
-}
-.mm-slideout {
- -webkit-transition: -webkit-transform 0.4s ease;
- transition: -webkit-transform 0.4s ease;
- -o-transition: transform 0.4s ease;
- transition: transform 0.4s ease;
- transition: transform 0.4s ease, -webkit-transform 0.4s ease;
- z-index: 1;
-}
-.mm-wrapper_opened {
- overflow-x: hidden;
- position: relative;
-}
-.mm-wrapper_background .mm-page {
- background: inherit;
-}
-.mm-menu_offcanvas {
- display: none;
- position: fixed;
- right: auto;
- z-index: 0;
-}
-.mm-menu_offcanvas.mm-menu_opened {
- display: block;
-}
-.mm-menu_offcanvas {
- width: 80%;
- min-width: 240px;
- max-width: 440px;
-}
-.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
- -webkit-transform: translate3d(80vw, 0, 0);
- transform: translate3d(80vw, 0, 0);
-}
-@media all and (max-width: 300px) {
- .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
- -webkit-transform: translate3d(240px, 0, 0);
- transform: translate3d(240px, 0, 0);
- }
-}
-@media all and (min-width: 550px) {
- .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened ~ .mm-slideout {
- -webkit-transform: translate3d(440px, 0, 0);
- transform: translate3d(440px, 0, 0);
- }
-}
-.mm-wrapper__blocker {
- background: rgba(0, 0, 0, 0.2);
- overflow: hidden;
- display: none;
- width: 100%;
- height: 100%;
- position: fixed;
- top: 0;
- left: 0;
- z-index: 2;
-}
-.mm-wrapper_blocking {
- overflow: hidden;
-}
-.mm-wrapper_blocking body {
- overflow: hidden;
-}
-.mm-wrapper_blocking .mm-wrapper__blocker {
- display: block;
-}
-.mm-sronly {
- border: 0 !important;
- clip: rect(1px, 1px, 1px, 1px) !important;
- -webkit-clip-path: inset(50%) !important;
- clip-path: inset(50%) !important;
- white-space: nowrap !important;
- width: 1px !important;
- min-width: 1px !important;
- height: 1px !important;
- min-height: 1px !important;
- padding: 0 !important;
- overflow: hidden !important;
- position: absolute !important;
-}
-
-/* STYLE GLOBAL */
-.color-primary {
- color: var(--color-primary);
-}
-.color-secondary {
- color: var(--color-secondary);
-}
-.color-white {
- color: var(--white);
- font-style: normal;
-}
-.color-black {
- color: var(--black);
-}
-.color-gray {
- color: var(--gray);
-}
-.color-gray-2 {
- color: var(--gray-2);
-}
-.bg-primary {
- background-color: var(--color-primary);
-}
-.bg-secondary {
- background-color: var(--color-secondary);
-}
-.bg-white {
- background-color: var(--white);
-}
-.box-shadow {
- -webkit-box-shadow: var(--box-shadow);
- box-shadow: var(--box-shadow);
-}
-a {
- text-decoration: none;
- font-size: inherit;
- line-height: inherit;
- color: inherit;
-}
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
- font-family: inherit;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
- font-family: inherit;
-}
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
- font-family: inherit;
-}
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
- font-family: inherit;
-}
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
- font-family: inherit;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
- font-family: inherit;
-}
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
- font-family: inherit;
-}
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
- font-family: inherit;
-}
-input::-webkit-input-placeholder,
-textarea::-webkit-input-placeholder {
- font-family: inherit;
-}
-input::-moz-placeholder,
-textarea::-moz-placeholder {
- font-family: inherit;
-}
-input:-ms-input-placeholder,
-textarea:-ms-input-placeholder {
- font-family: inherit;
-}
-input::-ms-input-placeholder,
-textarea::-ms-input-placeholder {
- font-family: inherit;
-}
-input,
-input::placeholder,
-select,
-textarea,
-textarea::placeholder {
- font-family: inherit;
-}
-.line-clamp-1 {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 1;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
-}
-.line-clamp-2 {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 2;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
-}
-.line-clamp-3 {
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
- -webkit-line-clamp: 3;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- overflow: hidden;
-}
-.text-center {
- text-align: center;
-}
-.text-left {
- text-align: left;
-}
-.text-right {
- text-align: right;
-}
-.text-uppercase {
- text-transform: uppercase;
-}
-.text-line-through {
- text-decoration: line-through;
-}
-.text-32 {
- font-size: 32px;
- line-height: 36px;
-}
-.text-28 {
- font-size: 28px;
- line-height: 32px;
-}
-.text-24 {
- font-size: 24px;
- line-height: 28px;
-}
-.text-20 {
- font-size: 20px;
- line-height: 24px;
-}
-.text-18 {
- font-size: 18px;
- line-height: 22px;
-}
-.text-16 {
- font-size: 16px;
- line-height: 20px;
-}
-.text-15 {
- font-size: 15px;
- line-height: 19px;
-}
-.text-14 {
- font-size: 14px;
- line-height: 18px;
-}
-.text-13 {
- font-size: 13px;
- line-height: 17px;
-}
-.text-12 {
- font-size: 12px;
- line-height: 16px;
-}
-.text-10 {
- font-size: 10px;
- line-height: 14px;
-}
-.font-weight-900 {
- font-weight: 900;
-}
-.font-weight-700 {
- font-weight: 700;
-}
-.font-weight-600 {
- font-weight: 600;
-}
-.font-weight-500 {
- font-weight: 500;
-}
-.font-weight-400 {
- font-weight: 400;
-}
-.font-weight-300 {
- font-weight: 300;
-}
-.grid {
- display: -ms-grid;
- display: grid;
- gap: 12px;
-}
-.grid--1-cols {
- -ms-grid-columns: (1fr) [1];
- grid-template-columns: repeat(1, 1fr);
-}
-.grid--2-cols {
- -ms-grid-columns: (1fr) [2];
- grid-template-columns: repeat(2, 1fr);
-}
-.grid--3-cols {
- -ms-grid-columns: (1fr) [3];
- grid-template-columns: repeat(3, 1fr);
-}
-.grid--4-cols {
- -ms-grid-columns: (1fr) [4];
- grid-template-columns: repeat(4, 1fr);
-}
-.grid--5-cols {
- -ms-grid-columns: (1fr) [5];
- grid-template-columns: repeat(5, 1fr);
-}
-.grid--2-rows {
- -ms-grid-rows: (1fr) [2];
- grid-template-rows: repeat(2, 1fr);
-}
-.row {
- display: -ms-flexbox;
- display: -webkit-box;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin-right: -6px;
- margin-left: -6px;
-}
-.no-gutters {
- margin-right: 0;
- margin-left: 0;
-}
-.no-gutters > .col,
-.no-gutters > [class*="col-"] {
- padding-right: 0;
- padding-left: 0;
-}
-.col,
-.col-1,
-.col-10,
-.col-11,
-.col-12,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-auto,
-.col-sm,
-.col-sm-1,
-.col-sm-10,
-.col-sm-11,
-.col-sm-12,
-.col-sm-2,
-.col-sm-3,
-.col-sm-4,
-.col-sm-5,
-.col-sm-6,
-.col-sm-7,
-.col-sm-8,
-.col-sm-9,
-.col-sm-auto {
- position: relative;
- width: 100%;
- padding-right: 6px;
- padding-left: 6px;
-}
-.col {
- -ms-flex-preferred-size: 0;
- flex-basis: 0;
- -ms-flex-positive: 1;
- -webkit-box-flex: 1;
- flex-grow: 1;
- max-width: 100%;
-}
-.row-cols-1 > * {
- -ms-flex: 0 0 100%;
- -webkit-box-flex: 0;
- flex: 0 0 100%;
- max-width: 100%;
-}
-.row-cols-2 > * {
- -ms-flex: 0 0 50%;
- -webkit-box-flex: 0;
- flex: 0 0 50%;
- max-width: 50%;
-}
-.row-cols-3 > * {
- -ms-flex: 0 0 33.333333%;
- -webkit-box-flex: 0;
- flex: 0 0 33.333333%;
- max-width: 33.333333%;
-}
-.row-cols-4 > * {
- -ms-flex: 0 0 25%;
- -webkit-box-flex: 0;
- flex: 0 0 25%;
- max-width: 25%;
-}
-.row-cols-5 > * {
- -ms-flex: 0 0 20%;
- -webkit-box-flex: 0;
- flex: 0 0 20%;
- max-width: 20%;
-}
-.row-cols-6 > * {
- -ms-flex: 0 0 16.666667%;
- -webkit-box-flex: 0;
- flex: 0 0 16.666667%;
- max-width: 16.666667%;
-}
-.col-auto {
- -ms-flex: 0 0 auto;
- -webkit-box-flex: 0;
- flex: 0 0 auto;
- width: auto;
- max-width: 100%;
-}
-.col-1 {
- -ms-flex: 0 0 8.333333%;
- -webkit-box-flex: 0;
- flex: 0 0 8.333333%;
- max-width: 8.333333%;
-}
-.col-2 {
- -ms-flex: 0 0 16.666667%;
- -webkit-box-flex: 0;
- flex: 0 0 16.666667%;
- max-width: 16.666667%;
-}
-.col-3 {
- -ms-flex: 0 0 25%;
- -webkit-box-flex: 0;
- flex: 0 0 25%;
- max-width: 25%;
-}
-.col-4 {
- -ms-flex: 0 0 33.333333%;
- -webkit-box-flex: 0;
- flex: 0 0 33.333333%;
- max-width: 33.333333%;
-}
-.col-5 {
- -ms-flex: 0 0 41.666667%;
- -webkit-box-flex: 0;
- flex: 0 0 41.666667%;
- max-width: 41.666667%;
-}
-.col-6 {
- -ms-flex: 0 0 50%;
- -webkit-box-flex: 0;
- flex: 0 0 50%;
- max-width: 50%;
-}
-.col-7 {
- -ms-flex: 0 0 58.333333%;
- -webkit-box-flex: 0;
- flex: 0 0 58.333333%;
- max-width: 58.333333%;
-}
-.col-8 {
- -ms-flex: 0 0 66.666667%;
- -webkit-box-flex: 0;
- flex: 0 0 66.666667%;
- max-width: 66.666667%;
-}
-.col-9 {
- -ms-flex: 0 0 75%;
- -webkit-box-flex: 0;
- flex: 0 0 75%;
- max-width: 75%;
-}
-.col-10 {
- -ms-flex: 0 0 83.333333%;
- -webkit-box-flex: 0;
- flex: 0 0 83.333333%;
- max-width: 83.333333%;
-}
-.col-11 {
- -ms-flex: 0 0 91.666667%;
- -webkit-box-flex: 0;
- flex: 0 0 91.666667%;
- max-width: 91.666667%;
-}
-.col-12 {
- -ms-flex: 0 0 100%;
- -webkit-box-flex: 0;
- flex: 0 0 100%;
- max-width: 100%;
-}
-.offset-1 {
- margin-left: 8.333333%;
-}
-.offset-2 {
- margin-left: 16.666667%;
-}
-.offset-3 {
- margin-left: 25%;
-}
-.offset-4 {
- margin-left: 33.333333%;
-}
-.offset-5 {
- margin-left: 41.666667%;
-}
-.offset-6 {
- margin-left: 50%;
-}
-.offset-7 {
- margin-left: 58.333333%;
-}
-.offset-8 {
- margin-left: 66.666667%;
-}
-.offset-9 {
- margin-left: 75%;
-}
-.offset-10 {
- margin-left: 83.333333%;
-}
-.offset-11 {
- margin-left: 91.666667%;
-}
-.d-flex {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
-}
-.align-items-center {
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
-}
-.align-items-start {
- -webkit-box-align: start;
- -ms-flex-align: start;
- align-items: flex-start;
-}
-.align-items-end {
- -webkit-box-align: end;
- -ms-flex-align: end;
- align-items: flex-end;
-}
-.align-items-baseline {
- -webkit-box-align: baseline;
- -ms-flex-align: baseline;
- align-items: baseline;
-}
-.justify-content-center {
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
-}
-.justify-content-between {
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
-}
-.justify-content-around {
- -ms-flex-pack: distribute;
- justify-content: space-around;
-}
-.flex-column {
- -ms-flex-direction: column;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- flex-direction: column;
-}
-.flex-row {
- -ms-flex-direction: row;
- -webkit-box-orient: horizontal;
- -webkit-box-direction: normal;
- flex-direction: row;
-}
-.flex-1 {
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
-}
-.flex-wrap {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
-}
-.m-0 {
- margin: 0 !important;
-}
-.mt-0,
-.my-0 {
- margin-top: 0 !important;
-}
-.mr-0,
-.mx-0 {
- margin-right: 0 !important;
-}
-.mb-0,
-.my-0 {
- margin-bottom: 0 !important;
-}
-.ml-0,
-.mx-0 {
- margin-left: 0 !important;
-}
-.m-1 {
- margin: 4px !important;
-}
-.mt-1,
-.my-1 {
- margin-top: 4px !important;
-}
-.mr-1,
-.mx-1 {
- margin-right: 4px !important;
-}
-.mb-1,
-.my-1 {
- margin-bottom: 4px !important;
-}
-.ml-1,
-.mx-1 {
- margin-left: 4px !important;
-}
-.m-2 {
- margin: 8px !important;
-}
-.mt-2,
-.my-2 {
- margin-top: 8px !important;
-}
-.mr-2,
-.mx-2 {
- margin-right: 8px !important;
-}
-.mb-2,
-.my-2 {
- margin-bottom: 8px !important;
-}
-.ml-2,
-.mx-2 {
- margin-left: 8px !important;
-}
-.m-3 {
- margin: 16px !important;
-}
-.mt-3,
-.my-3 {
- margin-top: 16px !important;
-}
-.mr-3,
-.mx-3 {
- margin-right: 16px !important;
-}
-.mb-3,
-.my-3 {
- margin-bottom: 16px !important;
-}
-.ml-3,
-.mx-3 {
- margin-left: 16px !important;
-}
-.m-4 {
- margin: 24px !important;
-}
-.mt-4,
-.my-4 {
- margin-top: 24px !important;
-}
-.mr-4,
-.mx-4 {
- margin-right: 24px !important;
-}
-.mb-4,
-.my-4 {
- margin-bottom: 24px !important;
-}
-.ml-4,
-.mx-4 {
- margin-left: 24px !important;
-}
-.m-5 {
- margin: 48px !important;
-}
-.mt-5,
-.my-5 {
- margin-top: 48px !important;
-}
-.mr-5,
-.mx-5 {
- margin-right: 48px !important;
-}
-.mb-5,
-.my-5 {
- margin-bottom: 48px !important;
-}
-.ml-5,
-.mx-5 {
- margin-left: 48px !important;
-}
-.m-12px {
- margin: 12px !important;
-}
-.mt-12px,
-.my-12px {
- margin-top: 12px !important;
-}
-.mr-12px,
-.mx-12px {
- margin-right: 12px !important;
-}
-.mb-12px,
-.my-12px {
- margin-bottom: 12px !important;
-}
-.ml-12px,
-.mx-12px {
- margin-left: 12px !important;
-}
-.m-32px {
- margin: 32px !important;
-}
-.mt-32px,
-.my-32px {
- margin-top: 32px !important;
-}
-.mr-32px,
-.mx-32px {
- margin-right: 32px !important;
-}
-.mb-32px,
-.my-32px {
- margin-bottom: 32px !important;
-}
-.ml-32px,
-.mx-32px {
- margin-left: 32px !important;
-}
-.p-0 {
- padding: 0 !important;
-}
-.pt-0,
-.py-0 {
- padding-top: 0 !important;
-}
-.pr-0,
-.px-0 {
- padding-right: 0 !important;
-}
-.pb-0,
-.py-0 {
- padding-bottom: 0 !important;
-}
-.pl-0,
-.px-0 {
- padding-left: 0 !important;
-}
-.p-1 {
- padding: 4px !important;
-}
-.pt-1,
-.py-1 {
- padding-top: 4px !important;
-}
-.pr-1,
-.px-1 {
- padding-right: 4px !important;
-}
-.pb-1,
-.py-1 {
- padding-bottom: 4px !important;
-}
-.pl-1,
-.px-1 {
- padding-left: 4px !important;
-}
-.p-2 {
- padding: 8px !important;
-}
-.pt-2,
-.py-2 {
- padding-top: 8px !important;
-}
-.pr-2,
-.px-2 {
- padding-right: 8px !important;
-}
-.pb-2,
-.py-2 {
- padding-bottom: 8px !important;
-}
-.pl-2,
-.px-2 {
- padding-left: 8px !important;
-}
-.p-3 {
- padding: 16px !important;
-}
-.pt-3,
-.py-3 {
- padding-top: 16px !important;
-}
-.pr-3,
-.px-3 {
- padding-right: 16px !important;
-}
-.pb-3,
-.py-3 {
- padding-bottom: 16px !important;
-}
-.pl-3,
-.px-3 {
- padding-left: 16px !important;
-}
-.p-4 {
- padding: 24px !important;
-}
-.pt-4,
-.py-4 {
- padding-top: 24px !important;
-}
-.pr-4,
-.px-4 {
- padding-right: 24px !important;
-}
-.pb-4,
-.py-4 {
- padding-bottom: 24px !important;
-}
-.pl-4,
-.px-4 {
- padding-left: 24px !important;
-}
-.p-5 {
- padding: 48px !important;
-}
-.pt-5,
-.py-5 {
- padding-top: 48px !important;
-}
-.pr-5,
-.px-5 {
- padding-right: 48px !important;
-}
-.pb-5,
-.py-5 {
- padding-bottom: 48px !important;
-}
-.pl-5,
-.px-5 {
- padding-left: 48px !important;
-}
-.p-12px {
- padding: 12px !important;
-}
-.pt-12px,
-.py-12px {
- padding-top: 12px !important;
-}
-.pr-12px,
-.px-12px {
- padding-right: 12px !important;
-}
-.pb-12px,
-.py-12px {
- padding-bottom: 12px !important;
-}
-.pl-12px,
-.px-12px {
- padding-left: 12px !important;
-}
-.p-32px {
- padding: 32px !important;
-}
-.pt-32px,
-.py-32px {
- padding-top: 32px !important;
-}
-.pr-32px,
-.px-32px {
- padding-right: 32px !important;
-}
-.pb-32px,
-.py-32px {
- padding-bottom: 32px !important;
-}
-.pl-32px,
-.px-32px {
- padding-left: 32px !important;
-}
-.w-100 {
- width: 100% !important;
-}
-.h-100 {
- height: 100% !important;
-}
-.w-auto {
- width: auto !important;
-}
-.h-auto {
- height: auto !important;
-}
-.m-auto {
- margin: 0 auto;
-}
-.d-block {
- display: block !important;
-}
-.hide {
- display: none !important;
-}
-.d-none {
- display: none !important;
-}
-.max-height-none {
- max-height: unset !important;
-}
-.min-width-0 {
- min-width: 0;
-}
-.overflow-hidden {
- overflow: hidden;
-}
-.overflow-auto {
- overflow: auto;
-}
-.p-relative {
- position: relative !important;
-}
-.ws-pre-line {
- white-space: pre-line;
-}
-.list {
- list-style: none;
-}
-.hover-primary:hover {
- color: var(--color-primary);
-}
-.hover-secondary:hover {
- color: var(--color-secondary);
-}
-.hover-underline:hover {
- text-decoration: underline;
-}
-.r-180deg {
- -webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
- transform: rotate(180deg);
-}
-.gap-0 {
- gap: 0;
-}
-.gap-2 {
- gap: 2px;
-}
-.gap-4 {
- gap: 4px;
-}
-.gap-8 {
- gap: 8px;
-}
-.gap-12 {
- gap: 12px;
-}
-.gap-16 {
- gap: 16px;
-}
-.gap-24 {
- gap: 24px;
-}
-.gap-32 {
- gap: 32px;
-}
-.static-html a,
-.static-html b,
-.static-html h1,
-.static-html h2,
-.static-html h3,
-.static-html h4,
-.static-html h5,
-.static-html h6,
-.static-html ol,
-.static-html p,
-.static-html span,
-.static-html strong,
-.static-html ul {
- margin: revert;
- padding: revert;
-}
-.static-html img {
- display: block;
- margin: 0 auto;
- width: -webkit-min-content;
- width: -moz-min-content;
- width: min-content;
- height: auto;
- max-width: 100%;
-}
-.shake-animation {
- -webkit-animation: shake 1.5s infinite;
- animation: shake 1.5s infinite;
-}
-.circle {
- stroke-dasharray: 76;
- stroke-dashoffset: 76;
- -webkit-animation: 0.5s forwards draw;
- animation: 0.5s forwards draw;
-}
-.tick {
- stroke-dasharray: 18;
- stroke-dashoffset: 18;
- -webkit-animation: 0.5s 0.6s forwards draw;
- animation: 0.5s 0.6s forwards draw;
-}
-@-webkit-keyframes draw {
- to {
- stroke-dashoffset: 0;
- }
-}
-@keyframes draw {
- to {
- stroke-dashoffset: 0;
- }
-}
-@-webkit-keyframes shake {
- 0% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
- 10% {
- -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
- }
- 20% {
- -webkit-transform: rotate(25deg) scale(1) skew(1deg);
- }
- 30% {
- -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
- }
- 40% {
- -webkit-transform: rotate(25deg) scale(1) skew(1deg);
- }
- 50% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
- 100% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
-}
-@keyframes shake {
- 0% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
- 10% {
- -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
- }
- 20% {
- -webkit-transform: rotate(25deg) scale(1) skew(1deg);
- }
- 30% {
- -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
- }
- 40% {
- -webkit-transform: rotate(25deg) scale(1) skew(1deg);
- }
- 50% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
- 100% {
- -webkit-transform: rotate(0) scale(1) skew(1deg);
- }
-}
-.loading-progress {
- 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;
- width: 96%;
- height: 450px;
-}
-.loading-progress .circle {
- width: 200px;
- height: 200px;
- border-radius: 50%;
- -webkit-animation: colorfull-spin 2s alternate infinite;
- animation: colorfull-spin 2s alternate infinite;
- position: absolute;
-}
-.loading-progress .circle:first-child {
- -webkit-animation-delay: 0.1s;
- animation-delay: 0.1s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 180px;
- height: 180px;
-}
-.loading-progress .circle:nth-child(2) {
- -webkit-animation-delay: 0.2s;
- animation-delay: 0.2s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 160px;
- height: 160px;
-}
-.loading-progress .circle:nth-child(3) {
- -webkit-animation-delay: 0.3s;
- animation-delay: 0.3s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 140px;
- height: 140px;
-}
-.loading-progress .circle:nth-child(4) {
- -webkit-animation-delay: 0.4s;
- animation-delay: 0.4s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 120px;
- height: 120px;
-}
-.loading-progress .circle:nth-child(5) {
- -webkit-animation-delay: 0.5s;
- animation-delay: 0.5s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 100px;
- height: 100px;
-}
-.loading-progress .circle:nth-child(6) {
- -webkit-animation-delay: 0.6s;
- animation-delay: 0.6s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 80px;
- height: 80px;
-}
-.loading-progress .circle:nth-child(7) {
- -webkit-animation-delay: 0.7s;
- animation-delay: 0.7s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 60px;
- height: 60px;
-}
-.loading-progress .circle:nth-child(8) {
- -webkit-animation-delay: 0.8s;
- animation-delay: 0.8s;
- background: -o-linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background: linear-gradient(45deg, #337aff, #572ff3, #e81f6c, #f1c726);
- background-size: 200%;
- width: 40px;
- height: 40px;
-}
-@-webkit-keyframes colorfull-spin {
- 0% {
- border-radius: 50%;
- -webkit-transform: rotate(0);
- transform: rotate(0);
- background-position: 0 50%;
- }
- 20% {
- border-radius: 50%;
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
- 50% {
- background-position: 100% 50%;
- }
- 90% {
- border-radius: 5%;
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- 100% {
- border-radius: 5%;
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- background-position: 0 50%;
- }
-}
-@keyframes colorfull-spin {
- 0% {
- border-radius: 50%;
- -webkit-transform: rotate(0);
- transform: rotate(0);
- background-position: 0 50%;
- }
- 20% {
- border-radius: 50%;
- -webkit-transform: rotate(0);
- transform: rotate(0);
- }
- 50% {
- background-position: 100% 50%;
- }
- 90% {
- border-radius: 5%;
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- }
- 100% {
- border-radius: 5%;
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- background-position: 0 50%;
- }
-}
+ */.mm-menu{--mm-line-height:20px;--mm-listitem-size:44px;--mm-navbar-size:44px;--mm-offset-top:0;--mm-offset-right:0;--mm-offset-bottom:0;--mm-offset-left:0;--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.75);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0, 0, 0, 0.05);--mm-color-background-emphasis:rgba(255, 255, 255, 0.4);--mm-shadow:0 0 10px rgba( 0,0,0, 0.3 )}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:20px;line-height:var(--mm-line-height);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:0;margin:0;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;top:var(--mm-offset-top);right:var(--mm-offset-right);bottom:var(--mm-offset-bottom);left:var(--mm-offset-left);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{color:inherit;text-decoration:none}[dir=rtl] .mm-menu{direction:rtl}.mm-panels,.mm-panels>.mm-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.mm-panel,.mm-panels{-webkit-box-sizing:border-box;box-sizing:border-box;background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.75);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels{overflow:hidden}.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;width:100%;padding:0 20px;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.mm-panel:not(.mm-hidden){display:block;background:#fff}.mm-panel:after,.mm-panel:before{content:'';display:block;height:20px}.mm-panel_has-navbar{padding-top:44px;padding-top:var(--mm-navbar-size)}.mm-panel_opened{z-index:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-panel_opened-parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}.mm-panel_highest{z-index:2}.mm-panel_noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-panel_noanimation.mm-panel_opened-parent{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl] .mm-panel:not(.mm-panel_opened){-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel.mm-panel_opened-parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-listitem_vertical>.mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;display:none;width:100%;padding:10px 0 10px 10px}.mm-listitem_vertical>.mm-panel:after,.mm-listitem_vertical>.mm-panel:before{content:none;display:none}.mm-listitem_opened>.mm-panel{display:block}.mm-listitem_vertical>.mm-listitem__btn{height:44px;height:var(--mm-listitem-size);bottom:auto}.mm-listitem_vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem_opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}.mm-btn{-webkit-box-sizing:border-box;box-sizing:border-box;width:44px;padding:0}.mm-btn:after,.mm-btn:before{border-color:rgba(0,0,0,.1);border-color:var(--mm-color-button);border-width:2px;border-style:solid}.mm-btn_close:after,.mm-btn_close:before{content:'';-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn_close:before{border-right:none;border-bottom:none;right:18px}.mm-btn_close:after{border-left:none;border-top:none;right:25px}.mm-btn_next:after,.mm-btn_prev:before{content:'';border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn_prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn_next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn_prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn_close:after,[dir=rtl] .mm-btn_close:before{right:auto}[dir=rtl] .mm-btn_close:before{left:25px}[dir=rtl] .mm-btn_close:after{left:18px}.mm-navbar{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.3);background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text-dimmed);border-bottom-width:1px;border-bottom-style:solid;text-align:center;display:none;height:44px;height:var(--mm-navbar-size);padding:0 44px;margin:0;position:absolute;top:0;left:0;right:0;opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.mm-navbar>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:12px;padding:calc((var(--mm-navbar-size) - var(--mm-line-height)) * .5);padding-left:0;padding-right:0}.mm-navbar a,.mm-navbar a:hover{text-decoration:none;font-size: 18px;color: var(--color-primary)!important;font-weight: 700;}.mm-navbar__title{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-navbar__btn{position:absolute;top:0;bottom:0;z-index:1}.mm-navbar__btn:first-child{text-align:left;left:0}.mm-navbar__btn:last-child{text-align:right;right:0}.mm-panel_has-navbar .mm-navbar{display:block;background:#fff}[dir=rtl] .mm-navbar__btn:first-child{text-align:right;right:0;left:auto}[dir=rtl] .mm-navbar__btn:last-child{text-align:left;left:0;right:auto}.mm-listitem,.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{color:#000;font-weight:500;border-color:rgba(0,0,0,.1);border-color:var(--mm-color-border);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.mm-listitem:after{content:'';border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem a,.mm-listitem a:hover{text-decoration:none}.mm-listitem__btn,.mm-listitem__text{color:inherit;display:block;padding-top:12px;padding-top:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2);padding-bottom:12px;padding-bottom:calc((var(--mm-listitem-size) - var(--mm-line-height))/ 2)}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{-webkit-tap-highlight-color:rgba(255,255,255,.4);tap-highlight-color:rgba(255,255,255,.4);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);tap-highlight-color:var(--mm-color-background-emphasis);background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:54px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem_selected>.mm-listitem__text{background:rgba(255,255,255,.4);background:var(--mm-color-background-emphasis)}.mm-listitem_opened>.mm-listitem__btn,.mm-listitem_opened>.mm-panel{background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight)}.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}.mm-listitem_divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background:rgba(0,0,0,.05);background:var(--mm-color-background-highlight);font-size:75%;text-transform:uppercase;min-height:20px;min-height:var(--mm-line-height);padding:6.5px;padding:calc(((var(--mm-listitem-size) * .75) - var(--mm-line-height)) * .5);padding-right:10px;padding-left:20px}.mm-listitem_spacer{padding-top:44px;padding-top:var(--mm-listitem-size)}.mm-listitem_spacer>.mm-btn_next{top:44px;top:var(--mm-listitem-size)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__text{padding-left:10px;padding-right:20px}[dir=rtl] .mm-listitem__btn{padding-left:54px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}
+ .mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;z-index:1}.mm-wrapper_opened{overflow-x:hidden;position:relative}.mm-wrapper_background .mm-page{background:inherit}.mm-menu_offcanvas{display:none;position:fixed;right:auto;z-index:0}.mm-menu_offcanvas.mm-menu_opened{display:block}.mm-menu_offcanvas{width:80%;min-width:240px;max-width:440px}.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(80vw,0,0);transform:translate3d(80vw,0,0)}@media all and (max-width:300px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}}@media all and (min-width:550px){.mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}}.mm-wrapper__blocker{background:rgba(0,0,0,0.2);overflow:hidden;display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}.mm-wrapper_blocking{overflow:hidden}.mm-wrapper_blocking body{overflow:hidden}.mm-wrapper_blocking .mm-wrapper__blocker{display:block}
+ .mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}
+
+ /* STYLE GLOBAL */
+ .color-primary{color:var(--color-primary)}
+ .color-secondary{color:var(--color-secondary)}
+ .color-white{color:var(--white);font-style:normal}
+ .color-black{color:var(--black)}
+ .color-gray{color:var(--gray)}
+ .color-gray-2{color:var(--gray-2)}
+ .bg-primary{background-color:var(--color-primary)}
+ .bg-secondary{background-color:var(--color-secondary)}
+ .bg-white{background-color:var(--white)}
+ .box-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}
+ a{text-decoration:none;font-size:inherit;line-height:inherit;color:inherit}
+ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
+ input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
+ input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
+ input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
+ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
+ input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
+ input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
+ input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
+ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{font-family:inherit}
+ input::-moz-placeholder,textarea::-moz-placeholder{font-family:inherit}
+ input:-ms-input-placeholder,textarea:-ms-input-placeholder{font-family:inherit}
+ input::-ms-input-placeholder,textarea::-ms-input-placeholder{font-family:inherit}
+ input,input::placeholder,select,textarea,textarea::placeholder{font-family:inherit}
+ .line-clamp-1{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:1;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+ .line-clamp-2{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+ .line-clamp-3{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
+ .text-center{text-align:center}
+ .text-left{text-align:left}
+ .text-right{text-align:right}
+ .text-uppercase{text-transform:uppercase}
+ .text-line-through{text-decoration:line-through}
+ .text-32{font-size:32px;line-height:36px}
+ .text-28{font-size:28px;line-height:32px}
+ .text-24{font-size:24px;line-height:28px}
+ .text-20{font-size:20px;line-height:24px}
+ .text-18{font-size:18px;line-height:22px}
+ .text-16{font-size:16px;line-height:20px}
+ .text-15{font-size:15px;line-height:19px}
+ .text-14{font-size:14px;line-height:18px}
+ .text-13{font-size:13px;line-height:17px}
+ .text-12{font-size:12px;line-height:16px}
+ .text-10{font-size:10px;line-height:14px}
+ .font-weight-900{font-weight:900}
+ .font-weight-700{font-weight:700}
+ .font-weight-600{font-weight:600}
+ .font-weight-500{font-weight:500}
+ .font-weight-400{font-weight:400}
+ .font-weight-300{font-weight:300}
+ .grid{display:-ms-grid;display:grid;gap:12px}
+ .grid--1-cols{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
+ .grid--2-cols{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}
+ .grid--3-cols{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
+ .grid--4-cols{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}
+ .grid--5-cols{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}
+ .grid--2-rows{-ms-grid-rows:(1fr)[2];grid-template-rows:repeat(2,1fr)}
+ .row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-6px;margin-left:-6px}
+ .no-gutters{margin-right:0;margin-left:0}
+ .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
+ .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{position:relative;width:100%;padding-right:6px;padding-left:6px}
+ .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1;max-width:100%}
+ .row-cols-1>*{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
+ .row-cols-2>*{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
+ .row-cols-3>*{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
+ .row-cols-4>*{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
+ .row-cols-5>*{-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%}
+ .row-cols-6>*{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
+ .col-auto{-ms-flex:0 0 auto;-webkit-box-flex:0;flex:0 0 auto;width:auto;max-width:100%}
+ .col-1{-ms-flex:0 0 8.333333%;-webkit-box-flex:0;flex:0 0 8.333333%;max-width:8.333333%}
+ .col-2{-ms-flex:0 0 16.666667%;-webkit-box-flex:0;flex:0 0 16.666667%;max-width:16.666667%}
+ .col-3{-ms-flex:0 0 25%;-webkit-box-flex:0;flex:0 0 25%;max-width:25%}
+ .col-4{-ms-flex:0 0 33.333333%;-webkit-box-flex:0;flex:0 0 33.333333%;max-width:33.333333%}
+ .col-5{-ms-flex:0 0 41.666667%;-webkit-box-flex:0;flex:0 0 41.666667%;max-width:41.666667%}
+ .col-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
+ .col-7{-ms-flex:0 0 58.333333%;-webkit-box-flex:0;flex:0 0 58.333333%;max-width:58.333333%}
+ .col-8{-ms-flex:0 0 66.666667%;-webkit-box-flex:0;flex:0 0 66.666667%;max-width:66.666667%}
+ .col-9{-ms-flex:0 0 75%;-webkit-box-flex:0;flex:0 0 75%;max-width:75%}
+ .col-10{-ms-flex:0 0 83.333333%;-webkit-box-flex:0;flex:0 0 83.333333%;max-width:83.333333%}
+ .col-11{-ms-flex:0 0 91.666667%;-webkit-box-flex:0;flex:0 0 91.666667%;max-width:91.666667%}
+ .col-12{-ms-flex:0 0 100%;-webkit-box-flex:0;flex:0 0 100%;max-width:100%}
+ .offset-1{margin-left:8.333333%}
+ .offset-2{margin-left:16.666667%}
+ .offset-3{margin-left:25%}
+ .offset-4{margin-left:33.333333%}
+ .offset-5{margin-left:41.666667%}
+ .offset-6{margin-left:50%}
+ .offset-7{margin-left:58.333333%}
+ .offset-8{margin-left:66.666667%}
+ .offset-9{margin-left:75%}
+ .offset-10{margin-left:83.333333%}
+ .offset-11{margin-left:91.666667%}
+ .d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}
+ .align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
+ .align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
+ .align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
+ .align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
+ .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
+ .justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
+ .justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
+ .flex-column{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}
+ .flex-row{-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}
+ .flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}
+ .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
+ .m-0{margin:0!important}
+ .mt-0,.my-0{margin-top:0!important}
+ .mr-0,.mx-0{margin-right:0!important}
+ .mb-0,.my-0{margin-bottom:0!important}
+ .ml-0,.mx-0{margin-left:0!important}
+ .m-1{margin:4px!important}
+ .mt-1,.my-1{margin-top:4px!important}
+ .mr-1,.mx-1{margin-right:4px!important}
+ .mb-1,.my-1{margin-bottom:4px!important}
+ .ml-1,.mx-1{margin-left:4px!important}
+ .m-2{margin:8px!important}
+ .mt-2,.my-2{margin-top:8px!important}
+ .mr-2,.mx-2{margin-right:8px!important}
+ .mb-2,.my-2{margin-bottom:8px!important}
+ .ml-2,.mx-2{margin-left:8px!important}
+ .m-3{margin:16px!important}
+ .mt-3,.my-3{margin-top:16px!important}
+ .mr-3,.mx-3{margin-right:16px!important}
+ .mb-3,.my-3{margin-bottom:16px!important}
+ .ml-3,.mx-3{margin-left:16px!important}
+ .m-4{margin:24px!important}
+ .mt-4,.my-4{margin-top:24px!important}
+ .mr-4,.mx-4{margin-right:24px!important}
+ .mb-4,.my-4{margin-bottom:24px!important}
+ .ml-4,.mx-4{margin-left:24px!important}
+ .m-5{margin:48px!important}
+ .mt-5,.my-5{margin-top:48px!important}
+ .mr-5,.mx-5{margin-right:48px!important}
+ .mb-5,.my-5{margin-bottom:48px!important}
+ .ml-5,.mx-5{margin-left:48px!important}
+ .m-12px{margin:12px!important}
+ .mt-12px,.my-12px{margin-top:12px!important}
+ .mr-12px,.mx-12px{margin-right:12px!important}
+ .mb-12px,.my-12px{margin-bottom:12px!important}
+ .ml-12px,.mx-12px{margin-left:12px!important}
+ .m-32px{margin:32px!important}
+ .mt-32px,.my-32px{margin-top:32px!important}
+ .mr-32px,.mx-32px{margin-right:32px!important}
+ .mb-32px,.my-32px{margin-bottom:32px!important}
+ .ml-32px,.mx-32px{margin-left:32px!important}
+ .p-0{padding:0!important}
+ .pt-0,.py-0{padding-top:0!important}
+ .pr-0,.px-0{padding-right:0!important}
+ .pb-0,.py-0{padding-bottom:0!important}
+ .pl-0,.px-0{padding-left:0!important}
+ .p-1{padding:4px!important}
+ .pt-1,.py-1{padding-top:4px!important}
+ .pr-1,.px-1{padding-right:4px!important}
+ .pb-1,.py-1{padding-bottom:4px!important}
+ .pl-1,.px-1{padding-left:4px!important}
+ .p-2{padding:8px!important}
+ .pt-2,.py-2{padding-top:8px!important}
+ .pr-2,.px-2{padding-right:8px!important}
+ .pb-2,.py-2{padding-bottom:8px!important}
+ .pl-2,.px-2{padding-left:8px!important}
+ .p-3{padding:16px!important}
+ .pt-3,.py-3{padding-top:16px!important}
+ .pr-3,.px-3{padding-right:16px!important}
+ .pb-3,.py-3{padding-bottom:16px!important}
+ .pl-3,.px-3{padding-left:16px!important}
+ .p-4{padding:24px!important}
+ .pt-4,.py-4{padding-top:24px!important}
+ .pr-4,.px-4{padding-right:24px!important}
+ .pb-4,.py-4{padding-bottom:24px!important}
+ .pl-4,.px-4{padding-left:24px!important}
+ .p-5{padding:48px!important}
+ .pt-5,.py-5{padding-top:48px!important}
+ .pr-5,.px-5{padding-right:48px!important}
+ .pb-5,.py-5{padding-bottom:48px!important}
+ .pl-5,.px-5{padding-left:48px!important}
+ .p-12px{padding:12px!important}
+ .pt-12px,.py-12px{padding-top:12px!important}
+ .pr-12px,.px-12px{padding-right:12px!important}
+ .pb-12px,.py-12px{padding-bottom:12px!important}
+ .pl-12px,.px-12px{padding-left:12px!important}
+ .p-32px{padding:32px!important}
+ .pt-32px,.py-32px{padding-top:32px!important}
+ .pr-32px,.px-32px{padding-right:32px!important}
+ .pb-32px,.py-32px{padding-bottom:32px!important}
+ .pl-32px,.px-32px{padding-left:32px!important}
+ .w-100{width:100%!important}
+ .h-100{height:100%!important}
+ .w-auto{width:auto!important}
+ .h-auto{height:auto!important}
+ .m-auto{margin:0 auto}
+ .d-block{display:block!important}
+ .hide{display:none!important}
+ .d-none{display:none!important}
+ .max-height-none{max-height:unset!important}
+ .min-width-0{min-width:0}
+ .overflow-hidden{overflow:hidden}
+ .overflow-auto{overflow:auto}
+ .p-relative{position:relative!important}
+ .ws-pre-line{white-space:pre-line}
+ .list{list-style:none}
+ .hover-primary:hover{color:var(--color-primary)}
+ .hover-secondary:hover{color:var(--color-secondary)}
+ .hover-underline:hover{text-decoration:underline}
+ .r-180deg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
+ .gap-0{gap:0}
+ .gap-2{gap:2px}
+ .gap-4{gap:4px}
+ .gap-8{gap:8px}
+ .gap-12{gap:12px}
+ .gap-16{gap:16px}
+ .gap-24{gap:24px}
+ .gap-32{gap:32px}
+ .static-html a,.static-html b,.static-html h1,.static-html h2,.static-html h3,.static-html h4,.static-html h5,.static-html h6,.static-html ol,.static-html p,.static-html span,.static-html strong,.static-html ul{margin:revert;padding:revert}
+ .static-html img{display:block;margin:0 auto;width:-webkit-min-content;width:-moz-min-content;width:min-content;height:auto;max-width:100%}
+ .shake-animation{-webkit-animation:shake 1.5s infinite;animation:shake 1.5s infinite}
+ .circle{stroke-dasharray:76;stroke-dashoffset:76;-webkit-animation:.5s forwards draw;animation:.5s forwards draw}
+ .tick{stroke-dasharray:18;stroke-dashoffset:18;-webkit-animation:.5s .6s forwards draw;animation:.5s .6s forwards draw}
+ @-webkit-keyframes draw{
+ to{stroke-dashoffset:0}
+ }
+ @keyframes draw{
+ to{stroke-dashoffset:0}
+ }
+ @-webkit-keyframes shake{
+ 0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
+ 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
+ 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
+ 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
+ 50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ 100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ }
+ @keyframes shake{
+ 0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ 10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
+ 20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
+ 30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
+ 40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
+ 50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ 100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
+ }
+ .loading-progress{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;width:96%;height:450px}
+ .loading-progress .circle{width:200px;height:200px;border-radius:50%;-webkit-animation:colorfull-spin 2s alternate infinite;animation:colorfull-spin 2s alternate infinite;position:absolute}
+ .loading-progress .circle:first-child{-webkit-animation-delay:.1s;animation-delay:.1s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:180px;height:180px}
+ .loading-progress .circle:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:160px;height:160px}
+ .loading-progress .circle:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:140px;height:140px}
+ .loading-progress .circle:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:120px;height:120px}
+ .loading-progress .circle:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:100px;height:100px}
+ .loading-progress .circle:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:80px;height:80px}
+ .loading-progress .circle:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:60px;height:60px}
+ .loading-progress .circle:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s;background:-o-linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background:linear-gradient(45deg,#337aff,#572ff3,#e81f6c,#f1c726);background-size:200%;width:40px;height:40px}
+ @-webkit-keyframes colorfull-spin{
+ 0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
+ 20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
+ 50%{background-position:100% 50%}
+ 90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
+ 100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
+ }
+ @keyframes colorfull-spin{
+ 0%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0);background-position:0 50%}
+ 20%{border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}
+ 50%{background-position:100% 50%}
+ 90%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg)}
+ 100%{border-radius:5%;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-position:0 50%}
+ }
+ @media (max-width:768px){
+ .row{margin-right:-5px;margin-left:-5px}
+ .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto{padding-right:5px;padding-left:5px}
+ }
\ No newline at end of file
diff --git a/demo-audio-2/css/style_mobile.css b/demo-audio-2/css/style_mobile.css
new file mode 100644
index 0000000..0602e8d
--- /dev/null
+++ b/demo-audio-2/css/style_mobile.css
@@ -0,0 +1,287 @@
+:root{--color-primary:#ff5c00;--color-secondary:#1f1f1f;--white:#fff;--black:#000;--gray:#b7b7b7;--gray-2:#999999;--box-shadow:0px 1px 6px rgba(0, 0, 0, 0.2);--marker-color:#d9d9d9}
+*,::after,::before{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit}
+html{font-size:14px}
+body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Inter,sans-serif;color:#000;word-break:break-word;line-height:1.3;font-weight:400;background-color:#fff}
+input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
+input[type=number]{-moz-appearance:textfield}
+.container{max-width:768px;width:100%;padding:0 10px;margin:0 auto}
+.grid{gap:10px}
+.row-0{margin-right:-10px;margin-left:-10px}
+.col-0{padding-right:10px;padding-left:10px}
+.box-w{border-radius:15px;background-color:#fff;padding:12px}
+.border-none{border:0!important}
+.box-empty{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;font-size:20px;line-height:24px;width:100%;height:358px;color:red;text-align:center}
+.alert-mess{text-align:center;padding:50px 30px;font-size:20px;font-weight:500;color:red}
+.static-html{max-height:500px;overflow:hidden;-webkit-transition:.8s;-o-transition:.8s;transition:.8s;position:relative}
+.static-html.blur:after{content:"";position:absolute;left:0;right:0;bottom:0;height:100px;background:-o-linear-gradient(transparent,#fff);background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:linear-gradient(transparent,#fff)}
+.color-red{color:red}
+.color-green{color:#64c800}
+.color-blue{color:#0079c8}
+.paging{padding:0 10px 32px;margin-top:56px;text-align:center}
+.paging-link.active,.paging-link:hover{color:#fff;background:var(--color-secondary);font-weight:500;border-color:var(--color-secondary)}
+.paging-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:8px;border-radius:5px;color:#fff;font-size:16px;line-height:20px;text-decoration:none;background:#fff;text-transform:capitalize;width:34px;height:34px;color:#000}
+.routing ol{overflow:auto;white-space:nowrap;margin:0;list-style:none}
+.routing-link{position:relative;font-size:14px;font-weight:400;padding:0 10px;color:#888;text-decoration:none}
+.routing-link:first-child{padding-left:0}
+.routing-link:last-child{color:#333;max-width:700px}
+.routing-link:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(25deg);-ms-transform:translateY(-50%) rotate(25deg);transform:translateY(-50%) rotate(25deg);width:1px;height:80%;border-right:1px solid #dfdfdf}
+.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);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}
+.success-form .cart-success{width:300px;height:250px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;text-align:center}
+.success-form .success-form-svg{display:block;height:80px;width:80px;color:var(--color-primary)}
+.success-form .text-cart-success{font-size:20px;font-weight:600;line-height:1.6;padding-top:30px}
+.header-cart:hover .cart-ttip{display:block}
+.cart-ttip{display:none;position:absolute;background-color:#fff;border-radius:10px;width:400px;height:auto;right:0;top:40px;z-index:3;-webkit-box-shadow:0 1px 6px rgb(0 0 0 / 25%);box-shadow:0 1px 6px rgb(0 0 0 / 25%)}
+.cart-ttip .cart-ttip-price-button{border-radius:5px;padding:10px;background:var(--color-primary);text-align:center;margin:0 12px 12px}
+.cart-ttip .cart-ttip-item-container{max-height:300px;overflow:auto}
+.cart-ttip .cart-ttip-item-container .compare-item{height:auto;margin:0;max-width:unset;-webkit-box-shadow:none;box-shadow:none}
+.cart-ttip .cart-ttip .header-null-cart{width:100%!important;text-align:center;padding:30px;color:#000;font-weight:600}
+.cart-ttip .header-cart-item-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}
+.cart-ttip .cart-ttip-price,.compare-item,.header-nav-menu a{display:-webkit-box;display:-ms-flexbox}
+.cart-ttip .header-cart-item-price p{font-weight:700;width:auto}
+.cart-ttip .cart-ttip-price{padding:10px 20px 10px 10px;border-top:3px solid var(--color-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;gap:6px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}
+.cart-ttip .cart-ttip-price p{color:#000;width:auto;padding:0;margin:0}
+.cart-ttip .cart-ttip-price p:first-child{font-size:15px;font-weight:700;text-transform:uppercase;-webkit-transform:translateY(2px);-ms-transform:translateY(2px);transform:translateY(2px)}
+.cart-ttip .cart-ttip-price p:nth-child(2){font-size:13px;font-weight:200;color:var(--color-primary);margin-left:0!important}
+.cart-ttip .cart-ttip-price p:last-child{font-size:15px;font-weight:700}
+.cart-ttip .compare-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-shadow:0 1px 8px rgb(0 0 0 / 25%);box-shadow:0 1px 8px rgb(0 0 0 / 25%);padding:10px;border-radius:10px;max-width:360px;background:#fff}
+.cart-ttip .compare-item img{width:80px;border:5px}
+.cart-ttip .compare-item .compare-item-text{display:inline-block;padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
+.cart-ttip .compare-item .compare-item-text p{background:0 0;color:#000;padding:0;width:100%;word-break:break-word;font-size:14px;line-height:20px;margin-left:0;height:40px}
+.cart-ttip .header-null-cart{width:100%;text-align:center;padding:24px;color:#000;font-size:14px;font-weight:600}
+.static-icons{background-image:url(../images/static-icons-map-pc.png);background-repeat:no-repeat;display:inline-block;background-size:240px 227px}
+.static-icons-static-icon-category-grid{width:23px;height:20px;background-position:-2px -2px}
+.static-icons-static-icon-category-list{width:23px;height:20px;background-position:-30px -2px}
+.static-icons-static-icon-feature-calendar{width:32px;height:32px;background-position:-57px -2px}
+.static-icons-static-icon-feature-calendar-orange{width:36px;height:36px;background-position:-94.5px -2.5px}
+.static-icons-static-icon-feature-delivery{width:32px;height:26px;background-position:-135px -2px}
+.static-icons-static-icon-feature-delivery-orange{width:46px;height:36px;background-position:-2px -33px}
+.static-icons-static-icon-feature-phone{width:32px;height:32px;background-position:-135px -33px}
+.static-icons-static-icon-feature-wallet{width:32px;height:31px;background-position:-53px -70px}
+.static-icons-static-icon-fire{width:21px;height:30px;background-position:-90px -70px}
+.static-icons-static-icon-header-cart{width:20px;height:20px;background-position:-116px -70px}
+.static-icons-static-icon-header-cart-pro{width:20px;height:20px;background-position:-141px -70px}
+.static-icons-static-icon-header-cart-pro-big{width:26px;height:25px;background-position:-2px -95px}
+.static-icons-static-icon-header-delivery{width:24px;height:20px;background-position:-166px -70px}
+.static-icons-static-icon-header-phone{width:24px;height:24px;background-position:-116px -95px}
+.static-icons-static-icon-header-search{width:20px;height:20px;background-position:-145px -95px}
+.static-icons-static-icon-header-user{width:22px;height:24px;background-position:-33px -120px}
+.static-icons-static-icon-location{width:13px;height:14px;background-position:-172px -2px}
+.static-icons-static-icon-phone-ct{width:14px;height:14px;background-position:-172px -21px}
+.static-icons-static-icon-phone-ct-orange{width:26px;height:28px;background-position:-60px -120px}
+.static-icons-static-icon-red-gift{width:16px;height:16px;background-position:-53px -40px}
+.static-icons-static-icon-review-user{width:31px;height:31px;background-position:-145px -120px}
+.static-icons-static-icon-social-fb{width:42px;height:42px;background-position:-191px -2px}
+.static-icons-static-icon-social-fb-orange{width:34px;height:34px;background-position:-195.5px -49.5px}
+.static-icons-static-icon-social-gg-news{width:42px;height:42px;background-position:-195px -88px}
+.static-icons-static-icon-social-gg-news-orange{width:34px;height:34px;background-position:-91px -135.5px}
+.static-icons-static-icon-social-instagram{width:42px;height:42px;background-position:-181px -135px}
+.static-icons-static-icon-social-instagram-orange{width:34px;height:34px;background-position:-2.5px -182.5px}
+.static-icons-static-icon-social-twitter{width:42px;height:42px;background-position:-41px -182px}
+.static-icons-static-icon-social-youtube{width:42px;height:42px;background-position:-88px -182px}
+.static-icons-static-icon-star-orange{width:13px;height:12px;background-position:-75px -50px}
+.static-icons-static-icon-thunder{width:27px;height:41px;background-position:-135px -182px}
+@-webkit-keyframes gradient-bg-antimation{
+0%{background-position:0 0}
+100%{background-position:-200% 0}
+}
+@keyframes gradient-bg-antimation{
+0%{background-position:0 0}
+100%{background-position:-200% 0}
+}
+.heading-primary .title{font-size:24px;line-height:28px;font-weight:700;padding:16px 0}
+.heading-primary .offsite-wrapper{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:24px;border-bottom:2px solid var(--color-secondary);text-align:right;margin-top:14px}
+.bottom-primary .view-more{position:relative;display:inline-block;color:var(--color-primary);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);line-height:20px;margin-right:4px}
+.bottom-primary .view-more::after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--color-primary)}
+.global-time-deal{font-size:20px;line-height:30px;gap:4px}
+.global-time-deal p{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;background:#171717;border-radius:5px;min-width:26px;line-height:36px;padding:0 4px}
+.p-item .p-image{position:relative;padding-bottom:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:15px}
+.p-item .p-img{margin:auto 0;bottom:0;right:0;top:0;left:0;position:absolute}
+.p-item .p-name{display:block;font-size:14px;line-height:18px;font-weight:600;margin:12px 0 8px;height:36px}
+.p-item .p-price-sale{font-size:18px;line-height:24px;font-weight:700;color:var(--color-primary)}
+.p-item .p-price-stock{font-size:14px;line-height:24px;font-weight:500;color:#b7b7b7;text-decoration:line-through;height:24px}
+.p-item .p-summary{font-size:12px;line-height:16px;max-width:150px;-webkit-box-flex:1;-ms-flex:1;flex:1}
+.p-item .p-cart{width:40px;height:40px;border:1px solid var(--color-primary);border-radius:5px;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}
+.p-cart:hover{background:red}
+.p-cart:hover i{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
+.p-cart:hover span{color:#fff}
+.p-cart.unavailable:hover{background:grey;border-color:grey}
+.global-header{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.25);box-shadow:0 1px 8px rgba(0,0,0,.25);position:relative}
+.global-header .logo{display:block;max-width:125px;margin:0 auto}
+.global-header .menu img{max-width:20px}
+.global-header .header-wrapper{height:65px}
+.global-header .header-wrapper .icon{height:40px;width:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#ebe9eb;border-radius:5px}
+.global-header .header-cart .header-cart-count{position:absolute;top:-3px;right:-5px;font-size:10px;line-height:9px;background:var(--color-primary);color:#fff;font-weight:600;border-radius:50%;font-style:normal;width:13px;height:13px;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}
+.global-header .header-search-bar{max-width:740px;position:relative;height:46px;margin:0 auto}
+.global-header .header-search-bar input{width:100%;height:46px;border:1px solid #d9d9d9;border-radius:23px;padding-left:20px;outline:0}
+.global-header .header-search-bar button{background:var(--color-primary);border:1px solid #d9d9d9;border-radius:23px;width:46px;height:46px;position:absolute;top:0;right:0;bottom:0;cursor:pointer}
+.global-header .header-search-bar .search-results{display:none;border:1px solid #ddd;background:#fff;position:absolute;top:100%;right:0;width:100%;z-index:999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%)}
+.global-header .header-search-bar .search-results-list{max-height:300px;overflow:auto;z-index:999}
+.global-header .header-search-bar .search-results .item{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:10px;width:100%;position:relative;text-decoration:none;font-weight:400}
+.global-header .header-search-bar .search-results .item:hover{background:#f0f2f5}
+.global-header .header-search-bar .search-results .img{width:60px;height:60px;background:#fff}
+.global-header .header-search-bar .search-results img{max-width:100%;max-height:100%}
+.global-header .header-search-bar .search-results .title{font-size:14px;color:#333;-webkit-box-flex:1;-ms-flex:1;flex:1}
+.global-header .header-search-bar .search-results .price{color:#ec1c24}
+.global-footer .footer-top .features{border:1px solid #d9d9d9;border-radius:15px}
+.global-footer .footer-top .features i{height:32px}
+.global-footer .footer-mid{background-color:#f0f0f0}
+.global-footer .footer-bottom{padding:20px 0 0}
+.global-footer .footer-bottom .title{margin:0 -10px;padding:10px;border-top:1px solid rgba(255,255,255,.3)}
+.global-footer .footer-bottom .list li:not(:last-child){margin-bottom:8px}
+.global-footer .footer-bottom .list a:hover{color:var(--color-primary)}
+.global-footer .footer-bottom .ministry-of-industry-and-trade{max-width:140px;margin:20px 0}
+.global-footer .copy-right{border-top:1px solid rgba(255,255,255,.3)}
+.global-footer .footer-bottom .accordion-content{max-height:0;-webkit-transition:max-height .3s ease-out;-o-transition:max-height .3s ease-out;transition:max-height .3s ease-out;overflow:hidden}
+.homepage .swiper-section-hero .swiper-pagination{bottom:-4px}
+.homepage .swiper-section-hero .swiper-pagination-bullet{width:14px;height:14px;background-color:#d9d9d9;opacity:1}
+.homepage .swiper-section-hero .swiper-pagination-bullet-active{background-color:var(--color-primary);border-color:transparent}
+.homepage .swiper-section-hero .wrapper-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.homepage .swiper-section-hero .wrapper-content .title{font-size:20px;line-height:24px;font-weight:600;max-width:484px;margin:0 auto}
+.homepage .swiper-section-hero .wrapper-content .text{font-size:14px;line-height:18px;max-width:666px;margin:12px auto 0}
+.homepage .section-brand{border-radius:15px}
+.homepage .section-brand .swiper{margin:0 12px;padding:20px 0}
+.homepage .section-deal .heading-deal{background-color:var(--color-primary);border-radius:15px;padding:10px 16px;color:#fff;margin-bottom:20px}
+.homepage .section-deal .heading-deal .wrapper-title{font-size:28px;line-height:32px;font-weight:900}
+.homepage .section-deal .product-deal .wrapper-deal{height:20px;width:100%}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line{position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:10px;background:-o-linear-gradient(right,#ffb800 0,#ff7a30 100%);background:-webkit-gradient(linear,right top,left top,color-stop(0,#ffb800),to(#ff7a30));background:linear-gradient(270deg,#ffb800 0,#ff7a30 100%)}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line.total{opacity:.3}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line.remaining{background:-o-repeating-linear-gradient(left,#ffb800 0,#ff7a30 50%,#ffb800 100%);background:repeating-linear-gradient(to right,#ffb800 0,#ff7a30 50%,#ffb800 100%);background-size:200% auto;background-position:0 100%;-webkit-animation:2s linear infinite forwards gradient-bg-antimation;animation:2s linear infinite forwards gradient-bg-antimation}
+.homepage .section-deal .product-deal .wrapper-deal .static-icons{position:absolute;bottom:2px;left:0}
+.homepage .section-deal .product-deal .wrapper-deal .sold{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.homepage .section-deal .product-deal .p-deal-featured .p-cart{height:50px;border:1px solid var(--color-primary);border-radius:10px}
+.homepage .section-deal .product-deal .p-deal-featured .p-image{border-radius:25px;border:4px solid var(--color-primary);overflow:hidden}
+.homepage .section-deal .product-deal .p-deal-other .p-image{max-width:124px;width:100%;padding-bottom:0;border-radius:8px}
+.homepage .section-deal .product-deal .p-deal-other .swiper-wrapper{max-height:438px;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.homepage .section-deal .banner-deal-image{position:relative;border-radius:15px;overflow:hidden;display:block}
+.homepage .section-deal .banner-deal-image .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
+.homepage .section-deal .banner-deal-image .wrapper-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;max-width:335px;width:100%;text-align:center}
+.homepage .section-deal .banner-deal-image .wrapper-content .title{font-size:36px;line-height:44px;font-weight:600px}
+.homepage .section-deal .banner-deal-image .wrapper-content .btn{padding:13px 33px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;border-radius:10px}
+.homepage .section-category .category-child{border-bottom:1px solid #d9d9d9}
+.homepage .section-category .category-child .list{gap:20px;overflow:auto;white-space:nowrap;padding-bottom:1px}
+.homepage .section-category .category-child .item{position:relative;cursor:pointer;padding-bottom:10px;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}
+.homepage .section-category .category-child .item.selected{color:var(--color-primary)}
+.homepage .section-category .category-child .item.selected::after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--color-primary)}
+.homepage .section-customer .customer-product-review{border-top:1px solid var(--color-primary)}
+.homepage .section-customer .customer-product-image{border-radius:15px}
+.product-page .banner .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);font-size:18px;line-height:22px;font-weight:700;text-transform:uppercase;color:#fff;text-align:center}
+.product-page .sort{border-bottom:1px solid #f0f0f0}
+.product-page .sort .sort-by-display .static-icons.active,.product-page .sort .sort-by-display .static-icons:hover{-webkit-filter:invert(50%) sepia(100%) saturate(4265%) hue-rotate(0deg) brightness(100%) contrast(100%);filter:invert(50%) sepia(100%) saturate(4265%) hue-rotate(0deg) brightness(100%) contrast(100%)}
+.product-page .sort .sort-by-collection select{height:36px;border-radius:8px;background-color:#f0f0f0;outline:0;border:0;padding:4px}
+.product-page .filter-popup .filter-popup-btn{width:36px;height:36px;background:#000;border-radius:8px;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}
+.product-page .filter-popup .filter-popup-btn .icon{max-width:16px}
+.product-page .popup-filter-group{background:rgba(0,0,0,.3);z-index:10000;position:fixed;top:0;left:0;right:0;bottom:0;display:none}
+.product-page .popup-filter-group .main-content{height:100%;width:85%;position:absolute;top:0;right:0;bottom:0;background:#fff}
+.product-page .popup-filter-group .item .list-holder{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
+.product-page .popup-filter-group .item .list-holder .current{color:var(--color-primary)}
+.product-page .popup-filter-group .popup-header{padding:12px 10px;-webkit-box-shadow:0 0 6px 1px #ebebeb;box-shadow:0 0 6px 1px #ebebeb}
+.product-page .popup-filter-group .popup-footer{padding:8px 10px;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-shadow:0 -1px 6px 1px #ebebeb;box-shadow:0 -1px 6px 1px #ebebeb;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}
+.product-page .popup-filter-group .brand-item a{-webkit-box-align:center;display:-webkit-box;display:-ms-flexbox}
+.product-page .popup-filter-group .popup-footer a{font-size:14px;padding:0 5px;color:var(--color-primary);line-height:36px;border-radius:5px;margin-left:5px;border:1px solid var(--color-primary);font-weight:600}
+.product-page .popup-filter-group .brand-item .current,.product-page .popup-filter-group .popup-footer a:last-child{background:var(--color-primary);color:#fff}
+.product-page .popup-filter-group .popup-body{height:calc(100% - 55px);overflow:auto;padding:12px 10px}
+.product-page .popup-filter-group .btn-close-menu{display:inline-block;text-align:center;border:1px solid red!important;border-radius:5px;width:84px;line-height:34px;color:#fff!important;background:red!important}
+.product-page .popup-filter-group .item{margin-top:30px}
+.product-page .popup-filter-group .item .list-holder a{display:block;width:49%;color:#4a90e2;margin-bottom:10px}
+.product-page .popup-filter-group .item .list-holder .icon-square{color:#555;margin:0 5px -2px 0;display:inline-block;width:11px;height:11px;border:1px solid #666;border-radius:3px;position:relative}
+.product-page .popup-filter-group .list-holder .current .icon-square{border-color:var(--color-primary)}
+.product-page .popup-filter-group .list-holder .current .icon-square::before{content:"\f00c";font-family:FontAwesome;font-style:normal;line-height:1;font-size:11px;position:absolute;top:0;color:var(--color-primary)}
+.product-page .popup-filter-group .brand-item .title,.product-page .popup-filter-group .item .title{font-weight:700;margin-bottom:10px;text-transform:uppercase;font-size:15px}
+.product-page .popup-filter-group .brand-item a{-ms-flex-align:center;-webkit-box-align:center;align-items:center;border:1px solid #e0e0e0;border-radius:4px;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px}
+.product-page .popup-filter-group .brand-item a img{max-height:30px}
+.product-page .popup-filter-group .list-holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
+.product-page .popup-filter-group .brand-item .list-holder{display:-ms-grid;display:grid;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content);-ms-grid-columns:(minmax(0,1fr))[2];grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px;margin-bottom:10px;max-height:133px;overflow:hidden}
+.product-page .popup-filter-group label{width:50%;color:#4a90e2;margin-bottom:10px}
+.product-page .popup-filter-group label input{margin:0 5px}
+.product-page .popup-filter-group .btn-view-more-popup{font-size:14px;color:var(--color-secondary);padding:4px 0;display:block;margin:0 auto}
+.product-page .product-list.list-style{-ms-grid-columns:(1fr)[1];grid-template-columns:repeat(1,1fr)}
+.product-page .product-list.list-style .p-item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}
+.product-page .product-list.list-style .p-picture{max-width:160px;width:100%}
+.product-detail-page .gray-line{width:100%;height:1px;border-bottom:1px solid #e1e1e1}
+.product-detail-page .gallery-thumbs .swiper-wrapper{-webkit-box-sizing:border-box;box-sizing:border-box}
+.product-detail-page .gallery-thumbs .swiper-slide{opacity:.5}
+.product-detail-page .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border:1px solid var(--color-primary);border-radius:5px;overflow:hidden}
+.product-detail-page .section-product .pro-name{font-size:24px;line-height:30px;font-weight:600;margin-bottom:8px}
+.product-detail-page .section-product .pro-sub-title{line-height:26px}
+.product-detail-page .section-product .pro-price .title{font-size:14px;line-height:17px;font-weight:700;display:inline-block;width:90px}
+.product-detail-page .section-product .pro-price .heading-deal{margin:0 auto 20px}
+.product-detail-page .section-product .pro-status .pro-status-item{padding:8px 12px;background:#f0f0f0;border-radius:8px;display:inline-block}
+.product-detail-page .section-product .pro-gift .title{font-size:16px;line-height:26px;font-weight:700;color:var(--color-primary)}
+.product-detail-page .section-product .pro-gift .list{position:relative;padding:12px;background:#f0f0f0;border-radius:15px}
+.product-detail-page .section-product .pro-gift .list::after{position:absolute;content:"";top:-12px;left:60px;width:20px;height:12px;-webkit-clip-path:polygon(50% 0%,0 100%,100% 100%);clip-path:polygon(50% 0%,0 100%,100% 100%);background:#f0f0f0}
+.product-detail-page .section-product .pro-gift .list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:4px}
+.product-detail-page .section-product .pro-gift .list .marker{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);font-size:12px;line-height:12px;font-weight:700;color:#fff}
+.product-detail-page .section-product .pro-cart .pro-cart-quantity{max-width:60px;width:100%;height:50px;background:#f0f0f0;border-radius:5px;outline:0;border:0;padding:12px 18px;font-size:16px;font-weight:700;text-align:center}
+.product-detail-page .section-product .pro-cart .pro-cart-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:245px;width:100%;height:50px;border-radius:25px;border:1px solid var(--color-primary);font-size:15px;line-height:20px;font-weight:700;text-transform:uppercase}
+.product-detail-page .section-review .review-form{display:none;padding:20px 12px;border:1px solid #e1e1e1;border-radius:15px}
+.product-detail-page .section-review .review-form .review-form-item{margin-bottom:20px}
+.product-detail-page .section-review .review-form .review-form-item .r-input{background:#fff;border:1px solid #d9d9d9;border-radius:10px;height:42px;width:100%;font-size:14px;line-height:18px;padding:10px;outline-color:#d7d7d7}
+.product-detail-page .section-review .review-form .review-form-item textarea.r-input{height:106px;resize:none;margin-bottom:-4px}
+.product-detail-page .section-review .review-form .review-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:212px;height:42px;background:#1f1f1f;border-radius:10px;font-size:16px;font-weight:700;text-transform:uppercase;color:#fff}
+.product-detail-page .icon-star{background-image:url("../images/star_sprite.png");width:96px;height:19px;vertical-align:text-bottom;display:inline-block;background-repeat:no-repeat}
+.product-detail-page .icon-star.star0{background-position:3px -108px!important}
+.product-detail-page .icon-star.star1{background-position:3px -87px!important}
+.product-detail-page .icon-star.star2{background-position:3px -65px!important}
+.product-detail-page .icon-star.star3{background-position:3px -42px!important}
+.product-detail-page .icon-star.star4{background-position:3px -21px!important}
+.product-detail-page .icon-star.star5{background-position:3px 1px!important}
+.product-detail-page .box-review-list .review-item{width:100%;padding:10px 0}
+.product-detail-page .box-review-list .review-item .avatar{width:36px;height:36px;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;background:#ccc;border-radius:5px;font-weight:700}
+.product-detail-page .box-review-list .review-item .avatar-name{width:12px;overflow:hidden;white-space:nowrap;font-size:16px;font-weight:700;text-transform:uppercase}
+.product-detail-page .box-review-list .review-item .content span.star-rate-review{margin-right:15px}
+.product-detail-page .box-review-list .review-item.review-vm{display:none}
+.product-detail-page .box-review-list .review-item.review-vm a{width:150px;line-height:28px;border:solid 1px #e31212;border-radius:3px;color:#e31212;font-weight:300;font-size:12px;text-align:center}
+.product-detail-page .box-review-list .review-item-reply{background:#f0f0f0;padding:10px;border-radius:10px;margin-top:10px;position:relative}
+.product-detail-page .box-review-list .review-item-reply::after{content:"";position:absolute;top:-10px;left:15px;width:15px;height:10px;background:#f0f0f0;-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}
+.product-detail-page .global-time-deal{font-size:18px}
+.product-detail-page .global-time-deal p{min-width:20px;line-height:32px}
+.detail-spec-content table{width:100%;border-collapse:collapse}
+.detail-spec-content table tr:nth-child(odd){background:#f0f0f0}
+.detail-spec-content table td:nth-child(odd),.detail-spec-content table th:nth-child(odd){font-weight:700;width:30%}
+.detail-spec-content table td,.detail-spec-content table th{padding:10px;text-align:left}
+.detail-spec-content table ul{list-style:none}
+.rating-input{float:right;width:16px;height:16px;padding:0;margin:0 0 0 -16px;opacity:0}
+.rating-star:hover{background-position:0 0}
+.rating-star{position:relative;float:right;display:block;width:17px;height:17px;background:url("../images/star_rating_2022.png") 0 0;margin:0 3px}
+.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
+.rating-input:checked~.rating-star,.rating-star:hover,.rating-star:hover~.rating-star{background-position:0 0}
+.rating-input:checked~.rating-star,.rating:hover .rating-star:hover,.rating:hover .rating-star:hover~.rating-star{background-position:0 0}
+.rating-comment:hover .rating-star,.rating-star{position:relative;float:right;display:block;background:url("../images/star_rating_2022.png?v=2.1") 0 -28px}
+.rating-comment:hover .rating-star:hover,.rating-comment:hover .rating-star:hover~.rating-star{background-position:0 -56px!important}
+#star_tip{display:none;margin-left:10px;position:relative;background:#e20505;color:#fff;padding:2px 8px 3px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:3px}
+#star_tip:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(82,184,88,0);border-right-color:#e20505;border-width:6px;margin-top:-6px}
+.cart-page .cart-box .heading .cart-icon{height:20px}
+.cart-page .cart-box .content{border:1px solid #e1e1e1;padding:12px}
+.cart-page .cart-box .content .input-w{width:100%;padding:10px;font-size:14px;border:1px solid #d9d9d9;border-radius:5px;outline-color:#b7b7b7;margin-bottom:10px}
+.cart-page .cart-box .content textarea.input-w{max-height:132px;resize:none;margin-bottom:-4px}
+.cart-page .cart-box .list-radio .item:not(:last-child){margin-bottom:16px}
+.cart-page .cart-box .list-radio .item label{position:relative}
+.cart-page .cart-box .list-radio .item label:before{content:"";display:inline-block;position:relative;top:0;margin:0 5px 0 0;width:13px;height:13px;border-radius:11px;border:1px solid var(--color-primary);background-color:transparent}
+.cart-page .cart-box .list-radio .item input[type=radio]:checked+label:after{border-radius:11px;width:8px;height:8px;position:absolute;top:3px;left:2.5px;content:" ";display:block;background:var(--color-primary)}
+.cart-page .cart-box.cart-container{border:2px solid #ff5c00;border-radius:15px}
+.cart-page .cart-box.cart-container .heading{border-bottom:1px solid #d9d9d9}
+.cart-page .cart-box.cart-container .cart-voucher{border-bottom:1px solid #d9d9d9}
+.cart-page .c-item{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px;font-size:14px;line-height:18px}
+.cart-page .c-item .c-deal-tag{max-width:40px;position:absolute;top:0;left:-10px}
+.cart-page .c-item .c-img{max-width:92px;border:1px solid #e1e1e1}
+.cart-page .c-item .c-delete{display:block;color:#8d8d8d;font-weight:300;text-align:center;margin-top:16px}
+.cart-page .c-item .c-name{font-size:14px;line-height:18px;font-weight:400;margin-bottom:8px}
+.cart-page .c-item .c-price{font-weight:700;font-size:15px;line-height:24px;color:#ff5c00;margin-bottom:4px}
+.cart-page .c-item .c-quantity{width:50px;height:36px;border:1px solid #999;border-radius:5px;padding:10px;outline:0;font-weight:700;text-align:center}
+.cart-page .cart-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;width:100%;height:42px;background:#ff5c00;border-radius:5px;font-size:16px;text-transform:uppercase;font-weight:500;border:0;cursor:pointer}
+.cart-page .cart-voucher .cart-btn{max-width:92px;font-size:14px;text-transform:capitalize}
+.cart-page .cart-voucher .cart-voucher-input{border:1px solid #d9d9d9;border-radius:5px;padding:12px 10px;outline-color:#b7b7b7;width:100%}
+.cart-page .cart-voucher-group .btn-check-voucher{color:#fff!important;position:absolute;-webkit-box-align:center;display:-webkit-box;display:-ms-flexbox;top:0;right:0;bottom:0}
+.modal-global{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);overflow:auto;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;z-index:9999;padding:10px}
+.modal-global .contact-box{position:relative;padding:20px 0;border-radius:20px;background-color:#fff;max-width:594px;width:100%}
+.modal-global .contact-box .btn-close{position:absolute;top:-20px;right:-10px;width:40px;height:40px;background:#000;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.25);box-shadow:0 1px 8px rgba(0,0,0,.25);border-radius:50%;border:4px solid #fff;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;cursor:pointer}
+.modal-global .contact-form .form-title{border-bottom:1px solid #eee}
+.modal-global .contact-form .form-input{display:block;width:100%;background:#fff;border:1px solid #dadada;border-radius:8px;height:42px;padding:0 18px;outline-color:var(--color-primary)}
+.modal-global .contact-form .form-input:not(:last-child){margin-bottom:12px}
+.modal-global .contact-form .form-btn{width:100%;height:40px;border-radius:8px}
+.scroll-top-btn{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:22px;width:50px;height:50px;position:fixed;bottom:40px;right:10px;background:var(--color-primary);border-radius:50%;z-index:999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%);color:#fff}
+@media (min-width:768px){
+.col-md-6{-ms-flex:0 0 50%;-webkit-box-flex:0;flex:0 0 50%;max-width:50%}
+#js-list-deal{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:10px}
+.category-page .product-list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}
+}
\ No newline at end of file
diff --git a/demo-audio-2/css/style_pc.css b/demo-audio-2/css/style_pc.css
index cee90b4..c07c6d1 100644
--- a/demo-audio-2/css/style_pc.css
+++ b/demo-audio-2/css/style_pc.css
@@ -1,998 +1,189 @@
-:root {
- --color-primary: #ff5c00;
- --color-secondary: #1f1f1f;
- --white: #fff;
- --black: #000;
- --gray: #b7b7b7;
- --gray-2: #999999;
- --box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
- --marker-color: #d9d9d9;
-}
-*,
-::after,
-::before {
- padding: 0;
- margin: 0;
- -webkit-box-sizing: inherit;
- box-sizing: inherit;
-}
-html {
- font-size: 16px;
-}
-body {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- font-family: "Inter", sans-serif;
- color: #000;
- min-width: 1220px;
- word-break: break-word;
- line-height: 1.3;
- font-weight: 400;
- background-color: #fff;
-}
-.container {
- max-width: 1220px;
- width: 100%;
- padding: 0 10px;
- margin: 0 auto;
-}
-.box-w {
- border-radius: 15px;
- background-color: #fff;
- padding: 12px;
-}
-.alert-mess {
- text-align: center;
- padding: 50px 30px;
- font-size: 20px;
- font-weight: 500;
- color: red;
-}
-.paging {
- padding: 56px 10px 32px;
- text-align: center;
-}
-.paging-link.active,
-.paging-link:hover {
- color: #fff;
- background: var(--color-secondary);
- font-weight: 500;
- border-color: var(--color-secondary);
-}
-.paging-link {
- display: -webkit-inline-box !important;
- display: -ms-inline-flexbox !important;
- display: inline-flex !important;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- margin-right: 8px;
- border-radius: 5px;
- color: #fff;
- font-size: 16px;
- line-height: 20px;
- text-decoration: none;
- background: #fff;
- text-transform: capitalize;
- width: 34px;
- height: 34px;
- color: #000;
-}
-.routing ol {
- margin: 0;
- list-style: none;
-}
-.routing-link {
- position: relative;
- font-size: 14px;
- font-weight: 400;
- padding: 0 10px;
- color: #888;
- text-decoration: none;
-}
-.routing-link:first-child {
- padding-left: 0;
-}
-.routing-link:last-child {
- color: #333;
- max-width: 700px;
- overflow: hidden;
- white-space: nowrap;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
-}
-.routing-link:not(:last-child)::before {
- content: "";
- position: absolute;
- top: 50%;
- right: 0;
- -webkit-transform: translateY(-50%) rotate(25deg);
- -ms-transform: translateY(-50%) rotate(25deg);
- transform: translateY(-50%) rotate(25deg);
- width: 1px;
- height: 80%;
- border-right: 1px solid #dfdfdf;
-}
-.success-form {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- z-index: 99999;
- background: rgba(0, 0, 0, 0.5);
- 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;
-}
-.success-form .cart-success {
- width: 500px;
- height: 300px;
- background: #fff;
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-orient: vertical;
- -webkit-box-direction: normal;
- -ms-flex-direction: column;
- flex-direction: column;
- -webkit-box-pack: center;
- -ms-flex-pack: center;
- justify-content: center;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- position: fixed;
-}
-.success-form .success-form-svg {
- display: block;
- height: 80px;
- width: 80px;
- color: var(--color-primary);
-}
-.success-form .text-cart-success {
- font-size: 24px;
- font-weight: 600;
- line-height: 1.6;
- padding-top: 30px;
-}
-.cart:hover .cart-ttip {
- display: block;
-}
-.cart-ttip {
- display: none;
- position: absolute;
- background-color: #fff;
- border-radius: 10px;
- width: 400px;
- height: auto;
- right: 0;
- top: 24px;
- z-index: 3;
- -webkit-box-shadow: 0 1px 6px rgb(0 0 0 / 25%);
- box-shadow: 0 1px 6px rgb(0 0 0 / 25%);
-}
-.cart-ttip .cart-ttip-price-button {
- border-radius: 5px;
- padding: 10px;
- background: var(--color-primary);
- text-align: center;
- margin: 0 12px 12px;
-}
-.cart-ttip .cart-ttip-item-container {
- max-height: 300px;
- overflow: auto;
-}
-.cart-ttip .cart-ttip-item-container .compare-item {
- height: auto;
- margin: 0;
- max-width: unset;
- -webkit-box-shadow: none;
- box-shadow: none;
-}
-.cart-ttip .cart-ttip .header-null-cart {
- width: 100% !important;
- text-align: center;
- padding: 30px;
- color: #000;
- font-weight: 600;
-}
-.cart-ttip .header-cart-item-price {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- -webkit-box-pack: justify;
- -ms-flex-pack: justify;
- justify-content: space-between;
- margin-top: 10px;
-}
-.cart-ttip .cart-ttip-price,
-.compare-item,
-.header-nav-menu a {
- display: -webkit-box;
- display: -ms-flexbox;
-}
-.cart-ttip .header-cart-item-price p {
- font-weight: 700;
- width: auto;
-}
-.cart-ttip .cart-ttip-price {
- padding: 10px 20px 10px 10px;
- border-top: 3px solid var(--color-primary);
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-pack: end !important;
- -ms-flex-pack: end !important;
- justify-content: flex-end !important;
- gap: 6px;
-}
-.cart-ttip .cart-ttip-price p {
- color: #000;
- width: auto;
- padding: 0;
- margin: 0;
-}
-.cart-ttip .cart-ttip-price p:first-child {
- font-size: 15px;
- font-weight: 700;
- text-transform: uppercase;
-}
-.cart-ttip .cart-ttip-price p:nth-child(2) {
- font-size: 13px;
- font-weight: 200;
- color: var(--color-primary);
- margin-left: 0 !important;
-}
-.cart-ttip .cart-ttip-price p:last-child {
- font-size: 15px;
- font-weight: 700;
-}
-.cart-ttip .compare-item {
- display: -webkit-box;
- display: -ms-flexbox;
- display: flex;
- -webkit-box-align: center;
- -ms-flex-align: center;
- align-items: center;
- width: 100%;
- -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 25%);
- box-shadow: 0 1px 8px rgb(0 0 0 / 25%);
- padding: 10px;
- border-radius: 10px;
- max-width: 360px;
- background: #fff;
-}
-.cart-ttip .compare-item img {
- width: 80px;
- border: 5px;
-}
-.cart-ttip .compare-item .compare-item-text {
- display: inline-block;
- padding: 0 10px;
- -webkit-box-flex: 1;
- -ms-flex: 1;
- flex: 1;
-}
-.cart-ttip .compare-item .compare-item-text p {
- background: 0 0;
- color: #000;
- padding: 0;
- width: 100%;
- word-break: break-word;
- line-height: 24px;
- margin-left: 0;
-}
-.cart-ttip .header-null-cart {
- width: 100%;
- text-align: center;
- padding: 24px;
- color: #000;
- font-size: 14px;
- font-weight: 600;
-}
-.static-icons {
- background-image: url(../images/static-icons-map-pc.png);
- background-repeat: no-repeat;
- display: inline-block;
- background-size: 240px 227px;
-}
-.static-icons-static-icon-category-grid {
- width: 23px;
- height: 20px;
- background-position: -2px -2px;
-}
-.static-icons-static-icon-category-list {
- width: 23px;
- height: 20px;
- background-position: -30px -2px;
-}
-.static-icons-static-icon-feature-calendar {
- width: 32px;
- height: 32px;
- background-position: -57px -2px;
-}
-.static-icons-static-icon-feature-calendar-orange {
- width: 36px;
- height: 36px;
- background-position: -94px -2px;
-}
-.static-icons-static-icon-feature-delivery {
- width: 32px;
- height: 26px;
- background-position: -135px -2px;
-}
-.static-icons-static-icon-feature-delivery-orange {
- width: 46px;
- height: 36px;
- background-position: -2px -33px;
-}
-.static-icons-static-icon-feature-phone {
- width: 32px;
- height: 32px;
- background-position: -135px -33px;
-}
-.static-icons-static-icon-feature-wallet {
- width: 32px;
- height: 31px;
- background-position: -53px -70px;
-}
-.static-icons-static-icon-fire {
- width: 21px;
- height: 30px;
- background-position: -90px -70px;
-}
-.static-icons-static-icon-header-cart {
- width: 20px;
- height: 20px;
- background-position: -116px -70px;
-}
-.static-icons-static-icon-header-cart-pro {
- width: 20px;
- height: 20px;
- background-position: -141px -70px;
-}
-.static-icons-static-icon-header-cart-pro-big {
- width: 26px;
- height: 25px;
- background-position: -2px -95px;
-}
-.static-icons-static-icon-header-delivery {
- width: 24px;
- height: 20px;
- background-position: -166px -70px;
-}
-.static-icons-static-icon-header-phone {
- width: 24px;
- height: 24px;
- background-position: -116px -95px;
-}
-.static-icons-static-icon-header-search {
- width: 20px;
- height: 20px;
- background-position: -145px -95px;
-}
-.static-icons-static-icon-header-user {
- width: 22px;
- height: 24px;
- background-position: -33px -120px;
-}
-.static-icons-static-icon-location {
- width: 13px;
- height: 14px;
- background-position: -172px -2px;
-}
-.static-icons-static-icon-phone-ct {
- width: 14px;
- height: 14px;
- background-position: -172px -21px;
-}
-.static-icons-static-icon-phone-ct-orange {
- width: 26px;
- height: 28px;
- background-position: -60px -120px;
-}
-.static-icons-static-icon-red-gift {
- width: 16px;
- height: 16px;
- background-position: -53px -40px;
-}
-.static-icons-static-icon-review-user {
- width: 31px;
- height: 31px;
- background-position: -145px -120px;
-}
-.static-icons-static-icon-social-fb {
- width: 42px;
- height: 42px;
- background-position: -191px -2px;
-}
-.static-icons-static-icon-social-fb-orange {
- width: 34px;
- height: 34px;
- background-position: -195px -49px;
-}
-.static-icons-static-icon-social-gg-news {
- width: 42px;
- height: 42px;
- background-position: -195px -88px;
-}
-.static-icons-static-icon-social-gg-news-orange {
- width: 34px;
- height: 34px;
- background-position: -91px -135px;
-}
-.static-icons-static-icon-social-instagram {
- width: 42px;
- height: 42px;
- background-position: -181px -135px;
-}
-.static-icons-static-icon-social-instagram-orange {
- width: 34px;
- height: 34px;
- background-position: -2px -182px;
-}
-.static-icons-static-icon-social-twitter {
- width: 42px;
- height: 42px;
- background-position: -41px -182px;
-}
-.static-icons-static-icon-social-youtube {
- width: 42px;
- height: 42px;
- background-position: -88px -182px;
-}
-.static-icons-static-icon-star-orange {
- width: 13px;
- height: 12px;
- background-position: -75px -50px;
-}
-.static-icons-static-icon-thunder {
- width: 27px;
- height: 41px;
- background-position: -135px -182px;
-}
-@-webkit-keyframes gradient-bg-antimation {
- 0% {
- background-position: 0 0;
- }
- 100% {
- background-position: -200% 0;
- }
-}
-@keyframes gradient-bg-antimation {
- 0% {
- background-position: 0 0;
- }
- 100% {
- background-position: -200% 0;
- }
-}
-.heading-primary .title {
- font-size: 32px;
- line-height: 38px;
- font-weight: 700;
- padding: 24px 0;
-}
-.heading-primary .offsite-wrapper {
- width: 100%;
- flex: 1;
- line-height: 24px;
- border-bottom: 2px solid var(--color-secondary);
- text-align: right;
-}
-.heading-primary .view-more {
- position: relative;
- display: inline-block;
- color: var(--color-primary);
- transform: translateY(-2px);
- line-height: 20px;
- margin-right: 4px;
-}
-.heading-primary .view-more::after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- border-bottom: 1px solid var(--color-primary);
-}
-.global-time-deal {
- font-size: 20px;
- line-height: 30px;
- gap: 4px;
-}
-.global-time-deal p {
- 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;
- background: #171717;
- border-radius: 5px;
- min-width: 26px;
- line-height: 36px;
- padding: 0 4px;
-}
-.header {
- box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.25);
-}
-.header .header-top .row {
- height: 40px;
-}
-.header .header-bottom .row {
- height: 105px;
-}
-.header .header-bottom .category .image {
- height: 25px;
-}
-.header .header-bottom .function .icon {
- height: 40px;
- width: 40px;
- display: inline-flex;
- align-items: center;
- justify-content: center;
- background-color: #ebe9eb;
- border-radius: 5px;
-}
-.homepage .swiper-section-hero .swiper-pagination-bullet {
- width: 14px;
- height: 14px;
- border: 2px solid #fff;
- background-color: transparent;
- opacity: 1;
-}
-.homepage .swiper-section-hero .swiper-pagination-bullet-active {
- background-color: var(--color-primary);
- border-color: transparent;
-}
-.homepage .swiper-section-hero .wrapper-content {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-.homepage .swiper-section-hero .wrapper-content .title {
- font-size: 64px;
- line-height: 78px;
- font-weight: 600;
- max-width: 484px;
- margin: 0 auto;
-}
-.homepage .swiper-section-hero .wrapper-content .text {
- font-size: 20px;
- line-height: 24px;
- max-width: 666px;
- margin: 12px auto 0;
-}
-.homepage .section-brand {
- border-radius: 15px;
-}
-.homepage .section-brand .swiper {
- margin: 0 30px;
- padding: 30px 0;
-}
-/* */
-.homepage .section-deal .heading-deal {
- background-color: var(--color-primary);
- border-radius: 15px;
- padding: 10px 16px;
- color: white;
- margin-bottom: 20px;
-}
-.homepage .section-deal .heading-deal .wrapper-title {
- font-size: 40px;
- line-height: 48px;
- font-weight: 900;
-}
-.homepage .section-deal .product-deal .wrapper-deal {
- height: 20px;
- width: 100%;
-}
-.homepage .section-deal .product-deal .wrapper-deal .deal-line {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- width: 100%;
- border-radius: 10px;
- background: linear-gradient(270deg, #ffb800 0%, #ff7a30 100%);
-}
-.homepage .section-deal .product-deal .wrapper-deal .deal-line.total {
- opacity: 0.3;
-}
-.homepage .section-deal .product-deal .wrapper-deal .deal-line.remaining {
- background: -o-repeating-linear-gradient(
- left,
- #ffb800 0,
- #ff7a30 50%,
- #ffb800 100%
- );
- background: repeating-linear-gradient(
- to right,
- #ffb800 0,
- #ff7a30 50%,
- #ffb800 100%
- );
- background-size: 200% auto;
- background-position: 0 100%;
- -webkit-animation: 2s linear infinite forwards gradient-bg-antimation;
- animation: 2s linear infinite forwards gradient-bg-antimation;
-}
-.homepage .section-deal .product-deal .wrapper-deal .static-icons {
- position: absolute;
- bottom: 2px;
- left: 0;
-}
-.homepage .section-deal .product-deal .wrapper-deal .sold {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-.homepage .section-deal .product-deal .p-deal-featured .p-cart {
- height: 50px;
- border: 1px solid var(--color-primary);
- border-radius: 10px;
-}
-.homepage .section-deal .product-deal .p-deal-featured .p-image {
- border-radius: 25px;
- border: 4px solid var(--color-primary);
-}
-.homepage .section-deal .product-deal .p-deal-other .p-image {
- max-width: 124px;
- width: 100%;
- padding-bottom: 0;
- border-radius: 8px;
-}
-.homepage .section-deal .product-deal .p-deal-other .swiper {
- height: 392px;
-}
-
-.homepage .section-deal .banner-deal-image {
- position: relative;
- border-radius: 15px;
- overflow: hidden;
- display: block;
-}
-.homepage .section-deal .banner-deal-image .overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.5);
-}
-.homepage .section-deal .banner-deal-image .wrapper-content {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- color: #fff;
- max-width: 335px;
- width: 100%;
- text-align: center;
-}
-.homepage .section-deal .banner-deal-image .wrapper-content .title {
- font-size: 36px;
- line-height: 44px;
- font-weight: 600px;
-}
-.homepage .section-deal .banner-deal-image .wrapper-content .btn {
- padding: 13px 33px;
- width: max-content;
- margin: 0 auto;
- border-radius: 10px;
-}
-
-/* */
-.homepage .section-category .category-child {
- border-bottom: 1px solid #d9d9d9;
-}
-.homepage .section-category .category-child .list {
- gap: 50px;
-}
-.homepage .section-category .category-child .item {
- position: relative;
- cursor: pointer;
- padding-bottom: 10px;
- transform: translateY(1px);
-}
-.homepage .section-category .category-child .item.selected {
- color: var(--color-primary);
-}
-.homepage .section-category .category-child .item.selected::after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- border-bottom: 1px solid var(--color-primary);
-}
-.homepage .section-customer .list {
- margin: 12px 0 38px;
-}
-.homepage .section-customer .customer-product-review {
- border-top: 1px solid var(--color-primary);
-}
-
-.homepage .section-customer .customer-product-image {
- border-radius: 15px;
-}
-
-/* */
-.p-item .p-image {
- position: relative;
- padding-bottom: 100%;
- overflow: hidden;
- display: flex;
-}
-.p-item .p-img {
- margin: auto 0;
- bottom: 0;
- right: 0;
- top: 0;
- left: 0;
- position: absolute;
-}
-.p-item .p-name {
- display: block;
- font-size: 14px;
- line-height: 18px;
- font-weight: 600;
- margin: 12px 0 8px;
-}
-.p-item .p-price-sale {
- font-size: 18px;
- line-height: 24px;
- font-weight: 700;
- color: var(--color-primary);
-}
-.p-item .p-price-stock {
- font-size: 14px;
- line-height: 24px;
- font-weight: 500;
- color: #b7b7b7;
- text-decoration: line-through;
- margin-left: 8px;
-}
-.p-item .p-summary {
- font-size: 13px;
- line-height: 18px;
- max-width: 190px;
-}
-.p-item .p-cart {
- width: 40px;
- height: 40px;
- border: 1px solid var(--color-primary);
- border-radius: 5px;
- display: flex;
- align-items: center;
- justify-content: center;
-}
-.footer .footer-top .features {
- border-top: 1px solid #f0f0f0;
- height: 110px;
-}
-.footer .footer-mid {
- background-color: #f0f0f0;
-}
-.footer .footer-mid .row {
- height: 180px;
-}
-.footer .footer-bottom {
- padding: 30px 0 40px;
-}
-.footer .footer-bottom .list li:not(:last-child) {
- margin-bottom: 8px;
-}
-.footer .footer-bottom .list a:hover {
- color: var(--color-primary);
-}
-.footer .footer-bottom .ministry-of-industry-and-trade {
- max-width: 140px;
- margin-top: 30px;
-}
-.footer .copy-right {
- border-top: 1px solid rgba(255, 255, 255, 0.3);
-}
-
-/* */
-.category-page .banner .overlay {
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: rgba(0, 0, 0, 0.3);
- font-size: 40px;
- line-height: 48px;
- font-weight: 700;
- text-transform: uppercase;
- color: #fff;
-}
-.category-page .sort {
- border-bottom: 1px solid #f0f0f0;
-}
-.category-page .sort .sort-by-collection select {
- width: 156px;
- height: 36px;
- border-radius: 8px;
- background-color: #f0f0f0;
- outline: 0;
- border: 0;
- padding: 4px;
-}
-.category-page .filter {
- background-color: #f0f0f0;
- border-radius: 15px;
- padding: 16px 8px;
-}
-.category-page .filter .filter-item {
- border-top: 1px solid #1f1f1f;
- padding-top: 12px;
-}
-.category-page .filter .filter-item .list .check-box {
- display: inline-block;
- width: 16px;
- height: 16px;
- background-color: #ffffff;
- border-radius: 3px;
-}
-
-/* */
-.color-green {
- color: #64c800;
-}
-.color-blue {
- color: #0079c8;
-}
-.gray-line {
- width: 100%;
- height: 1px;
- border-bottom: 1px solid #e1e1e1;
-}
-.detail-page .section-product .pro-name {
- font-size: 32px;
- line-height: 40px;
- font-weight: 600;
- margin-bottom: 8px;
-}
-.detail-page .section-product .pro-sub-title {
- line-height: 26px;
-}
-.detail-page .section-product .pro-price .title {
- font-size: 16px;
- line-height: 20px;
- font-weight: 700;
- display: inline-block;
- width: 90px;
-}
-.detail-page .section-product .pro-status .pro-status-item {
- padding: 8px 12px;
- background: #f0f0f0;
- border-radius: 8px;
- display: inline-block;
-}
-.detail-page .section-product .pro-gift .title {
- font-size: 16px;
- line-height: 26px;
- font-weight: 700;
- color: var(--color-primary);
-}
-.detail-page .section-product .pro-gift .list {
- position: relative;
- padding: 16px;
- background: #f0f0f0;
- border-radius: 15px;
-}
-.detail-page .section-product .pro-gift .list::after {
- position: absolute;
- content: "";
- top: -12px;
- left: 60px;
- width: 20px;
- height: 12px;
- clip-path: polygon(50% 0%, 0 100%, 100% 100%);
- background: #f0f0f0;
-}
-.detail-page .section-product .pro-gift .list .item {
- display: flex;
- align-items: center;
- gap: 8px;
- margin-bottom: 4px;
-}
-.detail-page .section-product .pro-gift .list .marker {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- width: 16px;
- height: 16px;
- border-radius: 50%;
- background-color: var(--color-primary);
- font-size: 12px;
- line-height: 13px;
- font-weight: 700;
- color: #fff;
-}
-.detail-page .section-product .pro-cart .pro-cart-quantity {
- max-width: 72px;
- width: 100%;
- height: 50px;
- background: #f0f0f0;
- border-radius: 5px;
- outline: 0;
- border: 0;
- padding: 12px 18px;
- font-size: 16px;
- font-weight: 700;
-}
-.detail-page .section-product .pro-cart .pro-cart-btn {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- max-width: 245px;
- width: 100%;
- height: 50px;
- border-radius: 25px;
- border: 1px solid var(--color-primary);
- font-size: 18px;
- line-height: 24px;
- font-weight: 700;
- text-transform: uppercase;
-}
-
-.detail-page .section-review .review-form {
- padding: 20px 12px 30px;
- border: 1px solid #e1e1e1;
- border-radius: 15px;
-}
-.detail-page .section-review .review-form .review-form-item {
- margin-bottom: 20px;
-}
-.detail-page .section-review .review-form .review-form-item .r-input {
- background: #ffffff;
- border: 1px solid #d9d9d9;
- border-radius: 10px;
- height: 42px;
- width: 100%;
- font-size: 14px;
- line-height: 18px;
- padding: 10px;
- outline-color: #d7d7d7;
-}
-.detail-page .section-review .review-form .review-form-item textarea.r-input {
- height: 106px;
- resize: none;
- margin-bottom: -4px;
-}
-
-.detail-page .section-review .review-form .review-btn {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 212px;
- height: 42px;
- background: #1f1f1f;
- border-radius: 10px;
- font-size: 16px;
- font-weight: 700;
- text-transform: uppercase;
- color: #fff;
-}
+:root{--color-primary:#ff5c00;--color-secondary:#1f1f1f;--white:#fff;--black:#000;--gray:#b7b7b7;--gray-2:#999999;--box-shadow:0px 1px 6px rgba(0, 0, 0, 0.2);--marker-color:#d9d9d9}
+*,::after,::before{padding:0;margin:0;-webkit-box-sizing:inherit;box-sizing:inherit}
+html{font-size:16px}
+body{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Inter,sans-serif;color:#000;min-width:1220px;word-break:break-word;line-height:1.3;font-weight:400;background-color:#fff}
+.container{max-width:1220px;width:100%;padding:0 10px;margin:0 auto}
+.color-green{color:#64c800}
+.color-blue{color:#0079c8}
+.gray-line{width:100%;height:1px;border-bottom:1px solid #e1e1e1}
+.box-w{border-radius:15px;background-color:#fff;padding:12px}
+.alert-mess{text-align:center;padding:50px 30px;font-size:20px;font-weight:500;color:red}
+.paging{padding:56px 10px 32px;text-align:center}
+.paging-link.active,.paging-link:hover{color:#fff;background:var(--color-secondary);font-weight:500;border-color:var(--color-secondary)}
+.paging-link{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:8px;border-radius:5px;color:#fff;font-size:16px;line-height:20px;text-decoration:none;background:#fff;text-transform:capitalize;width:34px;height:34px;color:#000}
+.routing ol{margin:0;list-style:none}
+.routing-link{position:relative;font-size:14px;font-weight:400;padding:0 10px;color:#888;text-decoration:none}
+.routing-link:first-child{padding-left:0}
+.routing-link:last-child{color:#333;max-width:700px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}
+.routing-link:not(:last-child)::before{content:"";position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%) rotate(25deg);-ms-transform:translateY(-50%) rotate(25deg);transform:translateY(-50%) rotate(25deg);width:1px;height:80%;border-right:1px solid #dfdfdf}
+.success-form{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;background:rgba(0,0,0,.5);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}
+.success-form .cart-success{width:500px;height:300px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed}
+.success-form .success-form-svg{display:block;height:80px;width:80px;color:var(--color-primary)}
+.success-form .text-cart-success{font-size:24px;font-weight:600;line-height:1.6;padding-top:30px}
+.cart:hover .cart-ttip{display:block}
+.cart-ttip{display:none;position:absolute;background-color:#fff;border-radius:10px;width:400px;height:auto;right:0;top:24px;z-index:3;-webkit-box-shadow:0 1px 6px rgb(0 0 0 / 25%);box-shadow:0 1px 6px rgb(0 0 0 / 25%)}
+.cart-ttip .cart-ttip-price-button{border-radius:5px;padding:10px;background:var(--color-primary);text-align:center;margin:0 12px 12px}
+.cart-ttip .cart-ttip-item-container{max-height:300px;overflow:auto}
+.cart-ttip .cart-ttip-item-container .compare-item{height:auto;margin:0;max-width:unset;-webkit-box-shadow:none;box-shadow:none}
+.cart-ttip .cart-ttip .header-null-cart{width:100%!important;text-align:center;padding:30px;color:#000;font-weight:600}
+.cart-ttip .header-cart-item-price{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:10px}
+.cart-ttip .cart-ttip-price,.compare-item,.header-nav-menu a{display:-webkit-box;display:-ms-flexbox}
+.cart-ttip .header-cart-item-price p{font-weight:700;width:auto}
+.cart-ttip .cart-ttip-price{padding:10px 20px 10px 10px;border-top:3px solid var(--color-primary);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important;gap:6px}
+.cart-ttip .cart-ttip-price p{color:#000;width:auto;padding:0;margin:0}
+.cart-ttip .cart-ttip-price p:first-child{font-size:15px;font-weight:700;text-transform:uppercase}
+.cart-ttip .cart-ttip-price p:nth-child(2){font-size:13px;font-weight:200;color:var(--color-primary);margin-left:0!important}
+.cart-ttip .cart-ttip-price p:last-child{font-size:15px;font-weight:700}
+.cart-ttip .compare-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-shadow:0 1px 8px rgb(0 0 0 / 25%);box-shadow:0 1px 8px rgb(0 0 0 / 25%);padding:10px;border-radius:10px;max-width:360px;background:#fff}
+.cart-ttip .compare-item img{width:80px;border:5px}
+.cart-ttip .compare-item .compare-item-text{display:inline-block;padding:0 10px;-webkit-box-flex:1;-ms-flex:1;flex:1}
+.cart-ttip .compare-item .compare-item-text p{background:0 0;color:#000;padding:0;width:100%;word-break:break-word;line-height:24px;margin-left:0}
+.cart-ttip .header-null-cart{width:100%;text-align:center;padding:24px;color:#000;font-size:14px;font-weight:600}
+.static-icons{background-image:url(../images/static-icons-map-pc.png);background-repeat:no-repeat;display:inline-block;background-size:240px 227px}
+.static-icons-static-icon-category-grid{width:23px;height:20px;background-position:-2px -2px}
+.static-icons-static-icon-category-list{width:23px;height:20px;background-position:-30px -2px}
+.static-icons-static-icon-feature-calendar{width:32px;height:32px;background-position:-57px -2px}
+.static-icons-static-icon-feature-calendar-orange{width:36px;height:36px;background-position:-94px -2px}
+.static-icons-static-icon-feature-delivery{width:32px;height:26px;background-position:-135px -2px}
+.static-icons-static-icon-feature-delivery-orange{width:46px;height:36px;background-position:-2px -33px}
+.static-icons-static-icon-feature-phone{width:32px;height:32px;background-position:-135px -33px}
+.static-icons-static-icon-feature-wallet{width:32px;height:31px;background-position:-53px -70px}
+.static-icons-static-icon-fire{width:21px;height:30px;background-position:-90px -70px}
+.static-icons-static-icon-header-cart{width:20px;height:20px;background-position:-116px -70px}
+.static-icons-static-icon-header-cart-pro{width:20px;height:20px;background-position:-141px -70px}
+.static-icons-static-icon-header-cart-pro-big{width:26px;height:25px;background-position:-2px -95px}
+.static-icons-static-icon-header-delivery{width:24px;height:20px;background-position:-166px -70px}
+.static-icons-static-icon-header-phone{width:24px;height:24px;background-position:-116px -95px}
+.static-icons-static-icon-header-search{width:20px;height:20px;background-position:-145px -95px}
+.static-icons-static-icon-header-user{width:22px;height:24px;background-position:-33px -120px}
+.static-icons-static-icon-location{width:13px;height:14px;background-position:-172px -2px}
+.static-icons-static-icon-phone-ct{width:14px;height:14px;background-position:-172px -21px}
+.static-icons-static-icon-phone-ct-orange{width:26px;height:28px;background-position:-60px -120px}
+.static-icons-static-icon-red-gift{width:16px;height:16px;background-position:-53px -40px}
+.static-icons-static-icon-review-user{width:31px;height:31px;background-position:-145px -120px}
+.static-icons-static-icon-social-fb{width:42px;height:42px;background-position:-191px -2px}
+.static-icons-static-icon-social-fb-orange{width:34px;height:34px;background-position:-195px -49px}
+.static-icons-static-icon-social-gg-news{width:42px;height:42px;background-position:-195px -88px}
+.static-icons-static-icon-social-gg-news-orange{width:34px;height:34px;background-position:-91px -135px}
+.static-icons-static-icon-social-instagram{width:42px;height:42px;background-position:-181px -135px}
+.static-icons-static-icon-social-instagram-orange{width:34px;height:34px;background-position:-2px -182px}
+.static-icons-static-icon-social-twitter{width:42px;height:42px;background-position:-41px -182px}
+.static-icons-static-icon-social-youtube{width:42px;height:42px;background-position:-88px -182px}
+.static-icons-static-icon-star-orange{width:13px;height:12px;background-position:-75px -50px}
+.static-icons-static-icon-thunder{width:27px;height:41px;background-position:-135px -182px}
+@-webkit-keyframes gradient-bg-antimation{
+0%{background-position:0 0}
+100%{background-position:-200% 0}
+}
+@keyframes gradient-bg-antimation{
+0%{background-position:0 0}
+100%{background-position:-200% 0}
+}
+.heading-primary .title{font-size:32px;line-height:38px;font-weight:700;padding:24px 0}
+.heading-primary .offsite-wrapper{width:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:24px;border-bottom:2px solid var(--color-secondary);text-align:right}
+.heading-primary .view-more{position:relative;display:inline-block;color:var(--color-primary);-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);line-height:20px;margin-right:4px}
+.heading-primary .view-more::after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--color-primary)}
+.global-time-deal{font-size:20px;line-height:30px;gap:4px}
+.global-time-deal p{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;background:#171717;border-radius:5px;min-width:26px;line-height:36px;padding:0 4px}
+.global-header{-webkit-box-shadow:0 1px 8px rgba(0,0,0,.25);box-shadow:0 1px 8px rgba(0,0,0,.25)}
+.global-header .header-top .row{height:40px}
+.global-header .header-bottom .row{height:105px}
+.global-header .header-bottom .category .image{height:25px}
+.global-header .header-bottom .function .icon{height:40px;width:40px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#ebe9eb;border-radius:5px}
+.homepage .swiper-section-hero .swiper-pagination-bullet{width:14px;height:14px;border:2px solid #fff;background-color:transparent;opacity:1}
+.homepage .swiper-section-hero .swiper-pagination-bullet-active{background-color:var(--color-primary);border-color:transparent}
+.homepage .swiper-section-hero .wrapper-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.homepage .swiper-section-hero .wrapper-content .title{font-size:64px;line-height:78px;font-weight:600;max-width:484px;margin:0 auto}
+.homepage .swiper-section-hero .wrapper-content .text{font-size:20px;line-height:24px;max-width:666px;margin:12px auto 0}
+.homepage .section-brand{border-radius:15px}
+.homepage .section-brand .swiper{margin:0 30px;padding:30px 0}
+.homepage .section-deal .heading-deal{background-color:var(--color-primary);border-radius:15px;padding:10px 16px;color:#fff;margin-bottom:20px}
+.homepage .section-deal .heading-deal .wrapper-title{font-size:40px;line-height:48px;font-weight:900}
+.homepage .section-deal .product-deal .wrapper-deal{height:20px;width:100%}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line{position:absolute;top:0;left:0;bottom:0;width:100%;border-radius:10px;background:-o-linear-gradient(right,#ffb800 0,#ff7a30 100%);background:-webkit-gradient(linear,right top,left top,color-stop(0,#ffb800),to(#ff7a30));background:linear-gradient(270deg,#ffb800 0,#ff7a30 100%)}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line.total{opacity:.3}
+.homepage .section-deal .product-deal .wrapper-deal .deal-line.remaining{background:-o-repeating-linear-gradient(left,#ffb800 0,#ff7a30 50%,#ffb800 100%);background:repeating-linear-gradient(to right,#ffb800 0,#ff7a30 50%,#ffb800 100%);background-size:200% auto;background-position:0 100%;-webkit-animation:2s linear infinite forwards gradient-bg-antimation;animation:2s linear infinite forwards gradient-bg-antimation}
+.homepage .section-deal .product-deal .wrapper-deal .static-icons{position:absolute;bottom:2px;left:0}
+.homepage .section-deal .product-deal .wrapper-deal .sold{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
+.homepage .section-deal .product-deal .p-deal-featured .p-cart{height:50px;border:1px solid var(--color-primary);border-radius:10px}
+.homepage .section-deal .product-deal .p-deal-featured .p-image{border-radius:25px;border:4px solid var(--color-primary)}
+.homepage .section-deal .product-deal .p-deal-other .p-image{max-width:124px;width:100%;padding-bottom:0;border-radius:8px}
+.homepage .section-deal .product-deal .p-deal-other .swiper{height:392px}
+.homepage .section-deal .banner-deal-image{position:relative;border-radius:15px;overflow:hidden;display:block}
+.homepage .section-deal .banner-deal-image .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}
+.homepage .section-deal .banner-deal-image .wrapper-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;max-width:335px;width:100%;text-align:center}
+.homepage .section-deal .banner-deal-image .wrapper-content .title{font-size:36px;line-height:44px;font-weight:600px}
+.homepage .section-deal .banner-deal-image .wrapper-content .btn{padding:13px 33px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:0 auto;border-radius:10px}
+.homepage .section-category .category-child{border-bottom:1px solid #d9d9d9}
+.homepage .section-category .category-child .list{gap:50px}
+.homepage .section-category .category-child .item{position:relative;cursor:pointer;padding-bottom:10px;-webkit-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px)}
+.homepage .section-category .category-child .item.selected{color:var(--color-primary)}
+.homepage .section-category .category-child .item.selected::after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--color-primary)}
+.homepage .section-customer .list{margin:12px 0 38px}
+.homepage .section-customer .customer-product-review{border-top:1px solid var(--color-primary)}
+.homepage .section-customer .customer-product-image{border-radius:15px}
+.p-item .p-image{position:relative;padding-bottom:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}
+.p-item .p-img{margin:auto 0;bottom:0;right:0;top:0;left:0;position:absolute}
+.p-item .p-name{display:block;font-size:14px;line-height:18px;font-weight:600;margin:12px 0 8px}
+.p-item .p-price-sale{font-size:18px;line-height:24px;font-weight:700;color:var(--color-primary)}
+.p-item .p-price-stock{font-size:14px;line-height:24px;font-weight:500;color:#b7b7b7;text-decoration:line-through;margin-left:8px}
+.p-item .p-summary{font-size:13px;line-height:18px;max-width:190px}
+.p-item .p-cart{width:40px;height:40px;border:1px solid var(--color-primary);border-radius:5px;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}
+.global-footer .footer-top .features{border-top:1px solid #f0f0f0;height:110px}
+.global-footer .footer-mid{background-color:#f0f0f0}
+.global-footer .footer-mid .row{height:180px}
+.global-footer .footer-bottom{padding:30px 0 40px}
+.global-footer .footer-bottom .list li:not(:last-child){margin-bottom:8px}
+.global-footer .footer-bottom .list a:hover{color:var(--color-primary)}
+.global-footer .footer-bottom .ministry-of-industry-and-trade{max-width:140px;margin-top:30px}
+.global-footer .copy-right{border-top:1px solid rgba(255,255,255,.3)}
+.product-page .banner .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);font-size:40px;line-height:48px;font-weight:700;text-transform:uppercase;color:#fff}
+.product-page .sort{border-bottom:1px solid #f0f0f0}
+.product-page .sort .sort-by-collection select{width:156px;height:36px;border-radius:8px;background-color:#f0f0f0;outline:0;border:0;padding:4px}
+.product-page .filter{background-color:#f0f0f0;border-radius:15px;padding:16px 8px}
+.product-page .filter .filter-item{border-top:1px solid #1f1f1f;padding-top:12px}
+.product-page .filter .filter-item .list .check-box{display:inline-block;width:16px;height:16px;background-color:#fff;border-radius:3px}
+.product-detail-page .section-product .pro-name{font-size:32px;line-height:40px;font-weight:600;margin-bottom:8px}
+.product-detail-page .section-product .pro-sub-title{line-height:26px}
+.product-detail-page .section-product .pro-price .title{font-size:16px;line-height:20px;font-weight:700;display:inline-block;width:90px}
+.product-detail-page .section-product .pro-status .pro-status-item{padding:8px 12px;background:#f0f0f0;border-radius:8px;display:inline-block}
+.product-detail-page .section-product .pro-gift .title{font-size:16px;line-height:26px;font-weight:700;color:var(--color-primary)}
+.product-detail-page .section-product .pro-gift .list{position:relative;padding:16px;background:#f0f0f0;border-radius:15px}
+.product-detail-page .section-product .pro-gift .list::after{position:absolute;content:"";top:-12px;left:60px;width:20px;height:12px;-webkit-clip-path:polygon(50% 0%,0 100%,100% 100%);clip-path:polygon(50% 0%,0 100%,100% 100%);background:#f0f0f0}
+.product-detail-page .section-product .pro-gift .list .item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:4px}
+.product-detail-page .section-product .pro-gift .list .marker{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;border-radius:50%;background-color:var(--color-primary);font-size:12px;line-height:13px;font-weight:700;color:#fff}
+.product-detail-page .section-product .pro-cart .pro-cart-quantity{max-width:72px;width:100%;height:50px;background:#f0f0f0;border-radius:5px;outline:0;border:0;padding:12px 18px;font-size:16px;font-weight:700}
+.product-detail-page .section-product .pro-cart .pro-cart-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-width:245px;width:100%;height:50px;border-radius:25px;border:1px solid var(--color-primary);font-size:18px;line-height:24px;font-weight:700;text-transform:uppercase}
+.product-detail-page .section-review .review-form{padding:20px 12px 30px;border:1px solid #e1e1e1;border-radius:15px}
+.product-detail-page .section-review .review-form .review-form-item{margin-bottom:20px}
+.product-detail-page .section-review .review-form .review-form-item .r-input{background:#fff;border:1px solid #d9d9d9;border-radius:10px;height:42px;width:100%;font-size:14px;line-height:18px;padding:10px;outline-color:#d7d7d7}
+.product-detail-page .section-review .review-form .review-form-item textarea.r-input{height:106px;resize:none;margin-bottom:-4px}
+.product-detail-page .section-review .review-form .review-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:212px;height:42px;background:#1f1f1f;border-radius:10px;font-size:16px;font-weight:700;text-transform:uppercase;color:#fff}
+.modal-global{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);overflow:auto;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;z-index:9999}
+.modal-global .contact-box{position:relative;padding:15px 0 25px;border-radius:20px;background-color:#fff;max-width:594px;width:100%}
+.modal-global .contact-box .btn-close{position:absolute;top:-27px;right:-27px;width:54px;height:54px;background:#000;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.25);box-shadow:0 1px 8px rgba(0,0,0,.25);border-radius:50%;border:4px solid #fff;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;cursor:pointer}
+.modal-global .contact-form .form-title{border-bottom:1px solid #eee}
+.modal-global .contact-form .form-input{display:block;width:100%;background:#fff;border:1px solid #dadada;border-radius:8px;height:42px;padding:0 18px;outline-color:var(--color-primary)}
+.modal-global .contact-form .form-input:not(:last-child){margin-bottom:12px}
+.modal-global .contact-form .form-btn{width:100%;height:40px;border-radius:8px}
+.cart-page .cart-box .heading .cart-icon{height:20px}
+.cart-page .cart-box .content{border:1px solid #e1e1e1;padding:12px}
+.cart-page .cart-box .content .input-w{width:100%;padding:10px;font-size:14px;border:1px solid #d9d9d9;border-radius:5px;outline-color:#b7b7b7;margin-bottom:10px}
+.cart-page .cart-box .content textarea.input-w{max-height:132px;resize:none;margin-bottom:-4px}
+.cart-page .cart-box .list-radio .item:not(:last-child){margin-bottom:16px}
+.cart-page .cart-box .list-radio .item label{position:relative}
+.cart-page .cart-box .list-radio .item label:before{content:"";display:inline-block;position:relative;top:0;margin:0 5px 0 0;width:13px;height:13px;border-radius:11px;border:1px solid var(--color-primary);background-color:transparent}
+.cart-page .cart-box .list-radio .item input[type=radio]:checked+label:after{border-radius:11px;width:8px;height:8px;position:absolute;top:5px;left:2px;content:" ";display:block;background:var(--color-primary)}
+.cart-page .cart-box.cart-container{border:2px solid #ff5c00;border-radius:15px}
+.cart-page .cart-box.cart-container .heading{border-bottom:1px solid #d9d9d9}
+.cart-page .cart-box.cart-container .cart-voucher{border-bottom:1px solid #d9d9d9}
+.cart-page .c-item{padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:26px;font-size:14px;line-height:18px}
+.cart-page .c-item .c-img{max-width:92px;border:1px solid #e1e1e1}
+.cart-page .c-item .c-delete{display:block;color:#8d8d8d;font-weight:300;text-align:center;margin-top:16px}
+.cart-page .c-item .c-name{font-size:14px;line-height:18px;font-weight:400;margin-bottom:8px}
+.cart-page .c-item .c-price{font-weight:700;font-size:15px;line-height:24px;color:#ff5c00;margin-bottom:4px}
+.cart-page .c-item .c-quantity{width:60px;height:36px;border:1px solid #999;border-radius:5px;padding:10px;outline:0;font-weight:700}
+.cart-page .cart-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;width:100%;height:42px;background:#ff5c00;border-radius:5px;font-size:16px;text-transform:uppercase;font-weight:500}
+.cart-page .cart-voucher .cart-btn{max-width:92px;font-size:14px;text-transform:capitalize}
+.cart-page .cart-voucher .cart-voucher-input{border:1px solid #d9d9d9;border-radius:5px;padding:12px 10px;outline-color:#b7b7b7;width:100%}
+.scroll-top-btn{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:24px;width:55px;height:55px;position:fixed;bottom:100px;right:20px;background:var(--color-primary);border-radius:50%;z-index:999;-webkit-box-shadow:0 1px 5px rgb(0 0 0 / 20%);box-shadow:0 1px 5px rgb(0 0 0 / 20%);color:#fff}
\ No newline at end of file
diff --git a/demo-audio-2/images/audio-logo-demo-2.png b/demo-audio-2/images/audio-logo-demo-2.png
new file mode 100644
index 0000000..935a2ca
Binary files /dev/null and b/demo-audio-2/images/audio-logo-demo-2.png differ
diff --git a/demo-audio-2/images/audio-logo.png b/demo-audio-2/images/audio-logo.png
deleted file mode 100644
index 55734c6..0000000
Binary files a/demo-audio-2/images/audio-logo.png and /dev/null differ
diff --git a/demo-audio-2/images/favicon.png b/demo-audio-2/images/favicon.png
deleted file mode 100644
index 5dc9b48..0000000
Binary files a/demo-audio-2/images/favicon.png and /dev/null differ
diff --git a/demo-audio-2/images/favicon_audio.png b/demo-audio-2/images/favicon_audio.png
new file mode 100644
index 0000000..140d58f
Binary files /dev/null and b/demo-audio-2/images/favicon_audio.png differ
diff --git a/demo-audio-2/images/static-icon-cart-card.png b/demo-audio-2/images/static-icon-cart-card.png
new file mode 100644
index 0000000..4a923cb
Binary files /dev/null and b/demo-audio-2/images/static-icon-cart-card.png differ
diff --git a/demo-audio-2/images/static-icon-cart-deal.png b/demo-audio-2/images/static-icon-cart-deal.png
new file mode 100644
index 0000000..e6253d5
Binary files /dev/null and b/demo-audio-2/images/static-icon-cart-deal.png differ
diff --git a/demo-audio-2/images/static-icon-cart-location.png b/demo-audio-2/images/static-icon-cart-location.png
new file mode 100644
index 0000000..f563a7d
Binary files /dev/null and b/demo-audio-2/images/static-icon-cart-location.png differ
diff --git a/demo-audio-2/images/static-icon-cart-truck.png b/demo-audio-2/images/static-icon-cart-truck.png
new file mode 100644
index 0000000..db198d2
Binary files /dev/null and b/demo-audio-2/images/static-icon-cart-truck.png differ
diff --git a/demo-audio-2/images/static-icon-filter.png b/demo-audio-2/images/static-icon-filter.png
new file mode 100644
index 0000000..5d41bc7
Binary files /dev/null and b/demo-audio-2/images/static-icon-filter.png differ
diff --git a/demo-audio-2/images/static-icon-menu.png b/demo-audio-2/images/static-icon-menu.png
new file mode 100644
index 0000000..42274a2
Binary files /dev/null and b/demo-audio-2/images/static-icon-menu.png differ
diff --git a/demo-audio-2/index.html b/demo-audio-2/index.html
index 8692eaa..39b3fbd 100644
--- a/demo-audio-2/index.html
+++ b/demo-audio-2/index.html
@@ -5,17 +5,14 @@
- Document
+
+ DEMO AUDIO 2
-
-
-
-
@@ -23,7 +20,7 @@
- 
+ 
+
+
+