/* spartan-latin-ext-500-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 500; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-ext-500-normal.woff2?c06aeec0aa6902ec37e0bc904a629ea6) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-500-normal.woff?165ba6852bac0049a36a5ce734a4c085) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* spartan-latin-500-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 500; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-500-normal.woff2?f4afbbc4d9f4e9b60c7d0f371eb43bc8) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-500-normal.woff?165ba6852bac0049a36a5ce734a4c085) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* spartan-latin-ext-600-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 600; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-ext-600-normal.woff2?f0a8b01db56618f6d51128c53f6b137d) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-600-normal.woff?8581463086b3edf9e3773996cb6c899e) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* spartan-latin-600-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 600; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-600-normal.woff2?d4694d8404aa488be039689291c43a8b) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-600-normal.woff?8581463086b3edf9e3773996cb6c899e) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* spartan-latin-ext-700-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 700; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-ext-700-normal.woff2?9c34dcbdc8ee9f739c730d955377a826) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-700-normal.woff?52ee8b23df0419db3cb09a06dcf065ad) format('woff'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* spartan-latin-700-normal*/ @font-face { font-family: 'Spartan'; font-style: normal; font-display: swap; font-weight: 700; src: url(/fonts/vendor/@fontsource/spartan/files/spartan-latin-700-normal.woff2?20edff324d4549069d8c41e50f6c2ef4) format('woff2'), url(/fonts/vendor/@fontsource/spartan/files/spartan-all-700-normal.woff?52ee8b23df0419db3cb09a06dcf065ad) format('woff'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Magic Zoom v5.3.7 Copyright 2021 Magic Toolbox Buy a license: https://www.magictoolbox.com/magiczoom/ License agreement: https://www.magictoolbox.com/license/ */ /** * Core styles */ .MagicZoom, .mz-figure, .mz-lens, .mz-zoom-window, .mz-loading, .mz-hint, .mz-expand .mz-expand-stage, .mz-expand .mz-expand-stage .mz-image-stage, .mz-expand .mz-expand-stage .mz-image-stage .mz-caption, .mz-thumb img, .mz-expand-thumbnails, .mz-expand-controls, .mz-button { box-sizing: border-box; } .MagicZoom, .mz-figure { display: inline-block; outline: 0 !important; font-size: 0 !important; line-height: 100% !important; direction: ltr !important; position: relative; z-index: 1; margin: 0 auto; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; backface-visibility: hidden; } .MagicZoom { -webkit-transform: translate3d(0, 0, 0); touch-action: pan-y; } figure.mz-figure { overflow: hidden; margin: 0 !important; transform-style: preserve-3d; } .MagicZoom img, .mz-figure img { border: 0 !important; margin: 0 !important; outline: 0 !important; padding: 0 !important; } .MagicZoom > img, .mz-figure > img { width: 100%; height: auto; } .ie8-magic .MagicZoom > img, .ie8-magic .mz-figure > img { width: 100%; max-width: none !important; } .mz-figure.mz-no-zoom.mz-no-expand, .mz-expand .mz-figure.mz-no-zoom { cursor: default !important; } .mz-figure.mz-active, .mz-expand { touch-action: none; } .mz-lens, .mz-zoom-window { position: absolute !important; overflow: hidden !important; pointer-events: none !important; } .mz-lens img, .mz-zoom-window img { position: absolute !important; max-width: none !important; max-height: none !important; } .mz-lens img { transition: none !important; } .mz-zoom-window { z-index: 2000000000; transform: translate3d(0, 0, 0); } .mz-zoom-window.mz-magnifier { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); -webkit-mask-clip: content; cursor: none; } .mz-figure.mz-active .mz-zoom-window.mz-magnifier { pointer-events: auto !important; cursor: inherit !important; } .mz-zoom-window.mz-magnifier.mz-expanded { z-index: 2147483647; } .mz-zoom-window img { width: auto; height: auto; left: -1000%; right: -1000%; top: -1000%; bottom: -1000%; margin: auto !important; transition: none !important; transform-origin: 50% 50% !important; } .mz-zoom-window.mz-preview img { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; width: 100% !important; height: auto !important; transform: none !important; } .lt-ie9-magic .mz-zoom-window img { margin: 0 !important; } .mz-expand-controls { z-index: 2147483647; } .mz-fade { transition: opacity .25s; } .mz-hidden { opacity: 0; } .mz-visible { opacity: 1; } .mobile-magic .mz-expand .mz-expand-bg { transform-style: flat !important; } .mobile-magic .mz-expand-controls.mz-fade { transition: none !important; } .mobile-magic .mz-expand > .mz-zoom-window { top: 0 !important; left: 0 !important; } @media not screen and (max-device-width: 767px) { .mz-expanded-view-open, .mz-expanded-view-open body { overflow: hidden !important; } .mz-expanded-view-open body { height: auto !important; } } @media screen and (max-device-width: 767px) { :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]), :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { overflow: hidden !important; } :root.mz-expanded-view-open:not(.ios-magic):not([data-magic-ua=safari]) body { height: auto !important; } } /** * Main figure */ .mz-figure.mz-active { background: #fff; } .mz-figure.mz-no-zoom, .mz-figure.mz-click-zoom, .mz-figure.mz-active { cursor: pointer; cursor: zoom-in; } .mz-figure.mz-active.mz-no-expand { cursor: crosshair; } .mz-figure.mz-active.mz-click-zoom.mz-no-expand { cursor: crosshair; cursor: zoom-out; } .mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand { cursor: none; } .mz-figure.mz-magnifier-zoom.mz-active { overflow: visible !important; } .mz-figure.mz-active > img { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(80%) opacity(60%); } .no-cssfilters-magic .mz-figure.mz-active > img { opacity: 0.6; } .lt-ie10-magic .mz-figure.mz-active > img { opacity: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6); } .mz-expand .mz-figure.mz-active.mz-inner-zoom, :not(.mz-expand) .mz-figure.mz-active.mz-inner-zoom > img { opacity: 0; } .lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom, .lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom > img { filter: alpha(opacity=0); } .ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom { background: transparent; } /** * Zoom lens */ .mz-lens { border: 1px solid #aaa; border-color: rgba(170, 170, 170, 0.7); box-shadow: 0 0 5px rgba(0, 0, 0, .3); cursor: none; z-index: 10; opacity: 0; } .mz-figure.mz-active .mz-lens { opacity: 1; transition: opacity .3s cubic-bezier(0.25, 0.5, 0.5, 0.9) .1s; } .mz-figure.mz-active.mz-magnifier-zoom .mz-lens { border-radius: 50%; opacity: 0; cursor: none; } /** * Zoom window */ .mz-zoom-window { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .mz-zoom-window.mz-magnifier { border-radius: 100%; border: 0; background: rgba(255, 255, 255, .3); } .mz-zoom-window.mz-magnifier:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; border: 1px solid rgba(170, 170, 170, 0.7); box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, .3); background: transparent; z-index: 1; } .mz-zoom-window.mz-magnifier.mz-square, .mz-zoom-window.mz-magnifier.mz-square:before { border-radius: 0 !important; } .lt-ie9-magic .mz-zoom-window { border: 1px solid #e5e5e5; } .mz-zoom-window.mz-inner { border: none; box-shadow: none; } .mz-zoom-window.mz-inner:not(.mz-expanded) { z-index: 80; } /* Caption in zoom window */ .mz-zoom-window .mz-caption { background: #777; color: #fff; font-size: 10pt; opacity: 0.8; position: absolute; top: 0; z-index: 150; padding: 3px; width: 100%; line-height: normal !important; text-align: center !important; } .lt-ie9-magic .mz-zoom-window .mz-caption { filter: alpha(opacity=80); } .mz-zoom-window.caption-bottom .mz-caption { top: auto; bottom: 0; } .mz-zoom-window.mz-expanded > .mz-caption { display: none; } /* Zoom window animations */ .mz-zoom-window.mz-deactivating, .mz-zoom-window.mz-activating { transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-deactivating { transition-duration: .25s, .25s, .25s; } .mz-zoom-window.mz-p-right, .mz-zoom-window.mz-p-left, .mz-zoom-window.mz-p-top, .mz-zoom-window.mz-p-bottom { opacity: 0; z-index: -100; } .mz-zoom-window.mz-p-right { transform: translate3d(-20%, 0, 0); } .mz-zoom-window.mz-p-left { transform: translate3d(20%, 0, 0); } .mz-zoom-window.mz-p-top { transform: translate3d(0, 20%, 0); } .mz-zoom-window.mz-p-bottom { transform: translate3d(0, -20%, 0); } /* Inner mode animation */ .mz-zoom-window > img { transform: translate3d(0, 0, 0) scale(1); backface-visibility: hidden; } .mz-zoom-window.mz-p-inner.mz-deactivating > img, .mz-zoom-window.mz-p-inner.mz-activating > img { transition: transform .22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important; } /* Magnifier mode animation */ .mz-zoom-window.mz-p-magnifier { transform: scale(.1); } /* Preview mode animation */ .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-preview.mz-activating, .mz-zoom-window.mz-custom.mz-deactivating, .mz-zoom-window.mz-custom.mz-activating { transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .mz-zoom-window.mz-preview.mz-deactivating, .mz-zoom-window.mz-custom.mz-deactivating { transition-duration: .2s; } .mz-zoom-window.mz-p-preview, .mz-zoom-window.mz-p-custom { opacity: 0; } /** * Hint & Loading */ .mz-hint, .mz-loading { color: #eee; background: rgba(49, 51, 61, 0.7); font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; direction: ltr; display: inline-block; margin: 0; position: absolute; z-index: 1000; pointer-events: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: opacity 0.25s ease; } .mz-hint { bottom: 8px; left: 0; right: 0; padding: 0 10%; background-color: transparent; transition: opacity 0.4s ease, z-index 0.4s ease; } .mz-hint-message { display: inline-block; background: rgba(49, 51, 61, 0.7); border-radius: 2em; padding: .7em 1.1em; } .mz-hint-message:before { content: '\02295'; font-family: serif; font-size: 1.5em; speak: none; text-align: center; vertical-align: -2px; margin-right: 6px; } .mobile-magic .mz-hint-message:before { display: none; } .mz-hint-hidden { opacity: 0; z-index: -1; transition-delay: .6s; } /* Hint in the expanded view on mobile */ .mz-expand .mz-hint { font-size: 18px; line-height: 1.1em; top: 50%; bottom: auto; margin: 0; transform: translate(0, -50%); } .mz-expand .mz-hint-message { padding: 1.1em; } .mz-expand .mz-hint-message:before { display: none; } .mz-expand .mz-hint-hidden { opacity: 0; transition-delay: 1.5s; } /* Loading indicator */ .mz-loading { font-size: 0; border-radius: 100%; opacity: 0; padding: 0; width: 36px; height: 36px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mz-loading:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 24px; height: 24px; margin: auto; text-indent: -9999em; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 1); border-top-color: transparent; box-sizing: border-box; } .mz-loading.shown { opacity: 1; z-index: 1; transition: opacity 0s; } .mz-loading.shown:after { animation: spin-loading .9s infinite linear; } @keyframes spin-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lt-ie10-magic .mz-loading { border-radius: 2em; font-size: 12px; padding: .7em 1.1em; width: auto; height: auto; } .lt-ie10-magic .mz-loading:after { content: 'Loading...'; text-indent: 0; border: none; position: relative; } .lt-ie9-magic .mz-loading { filter: alpha(opacity=0); right: 0; left: 0; width: 126px; margin: auto; } .lt-ie9-magic .mz-hint-message, .lt-ie9-magic .mz-loading.shown { background: transparent !important; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D'); } .lt-ie9-magic .mz-hint-hidden { filter: alpha(opacity=0); } /** * Expanded view */ .mz-expand, .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg, .mz-expand .mz-expand-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > img, .mz-expand .mz-expand-bg > svg { width: auto !important; height: auto !important; } .mz-expand .mz-expand-bg, .mz-expand .mz-expand-bg > svg { min-width: 100% !important; min-height: 100% !important; } .mz-expand { background-color: rgba(0, 0, 0, 1); text-align: center; vertical-align: middle; display: block; overflow: hidden; z-index: 2100000000; position: fixed; width: auto; height: auto; perspective: 600px; transform-style: preserve-3d; backface-visibility: hidden; -ms-overflow-style: none; } /* Expanded view background */ .mz-expand .mz-expand-bg { display: inline-block; max-width: none !important; max-height: none !important; margin: auto; vertical-align: middle; z-index: -100; background-repeat: no-repeat; background-size: cover; perspective: 600px; transform: translate3d(0, 0, 0) scale(7) rotate(0.01deg); } .mz-expand .mz-expand-bg > img { margin: auto; transform: translate3d(0, 0, 0); backface-visibility: hidden; } .mz-expand .mz-expand-bg > img { filter: url("data:image/svg+xml;utf8,#blur"); filter: blur(20px) brightness(60%); } .mz-expand .mz-expand-bg > svg { margin: auto; opacity: .6; } [data-magic-ua=edge] .mz-expand .mz-expand-bg, .lt-ie10-magic .mz-expand .mz-expand-bg { display: none !important; } .lt-ie9-magic .mz-expand { background: #1f1f1f; } [data-magic-ua=edge] .mz-expand { background-color: rgba(31, 31, 31, .96); } /** Plain backgrounds: dark-bg, white-bg **/ .mz-expand.plain-bg .mz-expand-bg, .mz-expand.dark-bg .mz-expand-bg, .mz-expand.white-bg .mz-expand-bg { display: none !important; } .mz-expand.dark-bg { background-color: #1f1f1f; background-color: rgba(31, 31, 31, .96); } .mz-expand.white-bg { background-color: #fff; } /* Expanded view stage */ .mz-expand .mz-expand-stage { display: flex; flex-direction: column; padding: 0; z-index: 2100000000; } .mz-expand .mz-expand-stage .mz-image-stage { display: flex; flex-direction: column; flex: 1 1; position: relative; margin: 0; padding: 20px 0; overflow: hidden; text-align: center; vertical-align: middle; backface-visibility: hidden; } .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage { padding: 0 !important; left: 0; right: 0; } .mz-expand .mz-image-stage > figure { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 1; width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; padding: 0; font-size: 0; overflow: hidden; } .mz-expand .mz-figure { max-width: 100% !important; overflow: visible; } .mz-expand .mz-figure > img { max-width: 100%; width: auto; height: auto; } .mz-expand .mz-zoom-in .mz-image-stage > figure, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-activating, .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active { flex: 1 0; width: 100%; height: 100%; } .mz-expand .mz-zoom-in .mz-image-stage > figure .mz-figure.mz-active > img { pointer-events: none; } .mz-expand .mz-figure { cursor: pointer; cursor: zoom-in; } .mz-expand .mz-figure.mz-active { cursor: crosshair; cursor: zoom-out; } /* When inner zoom is always shown */ .mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage > figure > figure > img { z-index: 1; position: absolute !important; top: -5000px !important; bottom: -5000px !important; left: -5000px !important; right: -5000px !important; margin: auto !important; } .lt-ie10-magic .mz-zoom-window.mz-expanded img { filter: alpha(opacity=100); } .lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom { overflow: hidden; filter: alpha(opacity=100); } /* Caption in expanded view */ .mz-expand .mz-caption { flex: 0 0; color: #fff; text-shadow: 0px 0px 46px #000; padding: 10px 30px; font: normal 10pt/1.25 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif; text-align: center; width: 100%; opacity: 0; } .mz-expand .mz-caption.mz-show { transition: opacity 0.15s ease-out; opacity: 1; } .mz-expand .mz-zoom-in .mz-image-stage .mz-caption { display: none; } .mz-expand .mz-caption a { color: inherit; cursor: pointer; } .mz-expand.white-bg .mz-caption { color: #555; text-shadow: none; } .lt-ie9-magic .mz-expand .mz-caption { top: 100%; } .mz-expand .mz-zoom-window { box-shadow: none; background: transparent; } .lt-ie9-magic .mz-expand .mz-zoom-window { border: 0; } /* Expanded view on mobile */ @media screen and (max-device-width: 767px) { .mobile-magic .mz-expand .mz-image-stage .mz-caption { display: none !important; } } /** * Buttons & Arrows */ .mz-nav-controls, .mz-expand-controls, button.mz-button { margin: 0 !important; padding: 0 !important; outline: 0 !important; } .mz-nav-controls { z-index: 2100000000; } button.mz-button { color: rgba(180, 180, 180, .6) !important; font-size: 0; cursor: pointer; z-index: 2100000000 !important; background-color: transparent !important; border: 0 solid transparent !important; border-radius: 100% !important; box-shadow: none !important; position: absolute !important; text-transform: none !important; text-align: center; speak: none; width: 60px !important; height: 60px !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; transition: color .25s, background-color .25s !important; } button.mz-button:before { display: block; position: static; height: 100%; transform: scale(.9); transition: transform .25s !important; } :root:not(.mobile-magic) button.mz-button:hover, button.mz-button:active { color: rgba(180, 180, 180, 1) !important; } button.mz-button:active:before { transform: scale(.7) !important; } .mobile-magic .mz-expand button.mz-button:active { background-color: rgba(49, 51, 61, .7) !important; } button.mz-button.mz-button-prev, button.mz-button.mz-button-next { margin: auto 10px !important; top: 0 !important; bottom: 0 !important; overflow: hidden !important; } button.mz-button.mz-button-prev { left: 0 !important; transform: rotateZ(180deg) !important; } button.mz-button.mz-button-next { right: 0 !important; } button.mz-button.mz-button-close { margin: 10px !important; top: 0 !important; right: 0 !important; z-index: 95 !important; } button.mz-button.mz-button-close:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports ( ((-webkit-mask-image: url()) or (mask-image: url())) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) and ((-webkit-mask-position: center) or (mask-position: center)) and ((-webkit-mask-size: cover) or (mask-size: cover)) ) { button.mz-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } button.mz-button.mz-button-close:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yNS4zODQxIDI0LjcyNDFDMjQuOTkzNyAyNC4zMzM0IDI0Ljk5MzkgMjMuNzAwMiAyNS4zODQ3IDIzLjMwOThMMzcgMTEuNzA1MUwzNi4yOTQzIDExTDI0LjY3OTMgMjIuNjA0NEMyNC4yODg2IDIyLjk5NDcgMjMuNjU1NiAyMi45OTQ0IDIzLjI2NTIgMjIuNjAzOEwxMS43MDUyIDExLjAzNjZMMTEgMTEuNzQyMkwyMi41NTkzIDIzLjMwODdDMjIuOTQ5NyAyMy42OTk0IDIyLjk0OTUgMjQuMzMyNiAyMi41NTg4IDI0LjcyM0wxMS4wMzcgMzYuMjM0MkwxMS43NDI3IDM2LjkzOTNMMjMuMjY0MSAyNS40Mjg0QzIzLjY1NDggMjUuMDM4MSAyNC4yODc5IDI1LjAzODMgMjQuNjc4MiAyNS40Mjg5TDM2LjI0MjEgMzdMMzYuOTQ3MiAzNi4yOTQ0TDI1LjM4NDEgMjQuNzI0MVoiIGZpbGw9IiM5OTk5OTkiLz4KPHBhdGggZD0iTTI1LjM4NDEgMjQuNzI0MUMyNC45OTM3IDI0LjMzMzQgMjQuOTkzOSAyMy43MDAyIDI1LjM4NDcgMjMuMzA5OEwzNyAxMS43MDUxTDM2LjI5NDMgMTFMMjQuNjc5MyAyMi42MDQ0QzI0LjI4ODYgMjIuOTk0NyAyMy42NTU2IDIyLjk5NDQgMjMuMjY1MiAyMi42MDM4TDExLjcwNTIgMTEuMDM2NkwxMSAxMS43NDIyTDIyLjU1OTMgMjMuMzA4N0MyMi45NDk3IDIzLjY5OTQgMjIuOTQ5NSAyNC4zMzI2IDIyLjU1ODggMjQuNzIzTDExLjAzNyAzNi4yMzQyTDExLjc0MjcgMzYuOTM5M0wyMy4yNjQxIDI1LjQyODRDMjMuNjU0OCAyNS4wMzgxIDI0LjI4NzkgMjUuMDM4MyAyNC42NzgyIDI1LjQyODlMMzYuMjQyMSAzN0wzNi45NDcyIDM2LjI5NDRMMjUuMzg0MSAyNC43MjQxWiIgc3Ryb2tlPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } button.mz-button.mz-button-prev:before, button.mz-button.mz-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } @media screen and (max-device-width: 767px) { button.mz-button-prev, button.mz-button-next { display: none !important; } .mobile-magic .mz-expand button.mz-button.mz-button-close { width: 50px !important; height: 50px !important; color: rgb(180, 180, 180) !important; } .mobile-magic .mz-expand button.mz-button:before { transform: scale(.8); } } .lt-ie9-magic button.mz-button { border: 0; filter: alpha(opacity=75); } .lt-ie9-magic button.mz-button:hover { filter: alpha(opacity=100); } /* Arrows on the main image on the page */ .mz-figure .mz-nav-controls button.mz-button { display: none; width: 32px !important; height: 56px !important; margin: auto 0 !important; padding: 0 !important; border: 0 !important; } .mz-figure.mz-show-arrows .mz-nav-controls button.mz-button { display: block; } /** * Thumbnails */ /** Thumbnails on the page **/ a[data-zoom-id], .mz-thumb, .mz-thumb:focus { display: inline-block; line-height: 0; outline: none; } a[data-zoom-id] img, .mz-thumb img { padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; box-sizing: border-box; } .mz-thumb:not(.mz-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, .3); } .mz-thumb.mz-thumb-selected img { border-bottom-color: rgb(180, 180, 180); } /** Thumbnails in expanded view **/ .mz-expand-thumbnails { flex: 0 0 80px; position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 10px 0; z-index: 50; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand-thumbnails { height: 80px; } .mz-expand-thumbnails .magic-thumb > img { cursor: pointer; padding-bottom: 4px; border: 0; border-bottom: 2px solid transparent; } .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected):hover img { border-bottom-color: rgba(180, 180, 180, .3); } .mz-expand-thumbnails .magic-thumb.magic-thumb-selected img { border-bottom-color: rgb(180, 180, 180); } .mz-expand-thumbnails .magic-thumbs .magic-thumbs-button { box-shadow: none; } /** Thumbnails on the left in expanded view with .expand-thumbnails-left class **/ @media not screen and (max-device-width: 767px) and (orientation: portrait) { .mz-expand.expand-thumbnails-left .mz-expand-stage { flex-direction: row-reverse; } .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { padding: 0 10px; height: 100%; overflow: hidden; } .ios-magic[data-magic-engine=webkit][data-magic-engine-ver="603.1"] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails, :root[data-magic-ua=firefox] .mz-expand.expand-thumbnails-left .mz-expand-thumbnails { width: 80px; height: 100%; } @media not screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } @media screen and (max-device-width: 767px) { .mz-expand-thumbnails .magic-thumbs.magic-thumbs-vertical.no-buttons { height: calc(100% - 40px); margin-top: 20px; margin-bottom: 20px; } } } /** Hide thumbnails in expanded view with .no-expand-thumbnails class **/ .mz-expand.no-expand-thumbnails .mz-expand-thumbnails { display: none; } /** Thumbnails shaded style (improved previous one) **/ .thumbnails-style-shaded.mz-thumb img { border: 0 !important; padding-bottom: 0; box-shadow: 0 0 1px 0px rgba(0, 0, 0, .3); } .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { filter: brightness(.7); } .thumbnails-style-shaded.mz-thumb-selected img { filter: brightness(.7) opacity(.7); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb > img { border: 0; padding-bottom: 0; box-shadow: 0 0 5px 1px rgba(0, 0, 0, .3); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected) > img:hover { filter: brightness(.75); } .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb-selected img { filter: brightness(.7) opacity(.7); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb.mz-thumb-selected, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb:hover, .no-cssfilters-magic .thumbnails-style-shaded .magic-thumb.magic-thumb-selected { background: #000; } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb:hover:not(.mz-thumb-selected) img { opacity: .75; filter: alpha(opacity=75); } .no-cssfilters-magic .thumbnails-style-shaded.mz-thumb-selected img { opacity: .7; filter: alpha(opacity=70); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb { position: relative; } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; z-index: 100; pointer-events: none; background-color: rgba(0, 0, 0, 0); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected):after { background-color: rgba(0, 0, 0, 0.2); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb.magic-thumb-selected:after { background-color: rgba(0, 0, 0, 0.3); } .no-cssfilters-magic .thumbnails-style-shaded .mz-expand-thumbnails .magic-thumb img { position: relative; z-index: 1; } .ie9-magic .thumbnails-style-shaded.mz-thumb img { box-shadow: 0 0 4px 0px rgba(0, 0, 0, .3); } .magic-thumbs, .magic-thumbs .magic-thumbs-wrapper, .magic-thumbs ul, .magic-thumbs li, .magic-thumbs li:before, .magic-thumbs li:after, .magic-thumbs li img, .magic-thumbs .magic-thumbs-button { margin: 0; padding: 0; outline: 0; box-sizing: border-box; } .magic-thumbs { direction: ltr; overflow: visible; z-index: 100; position: relative; left: 0; top: 0; padding: 0 40px; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; touch-action: none; } .magic-thumbs { width: 100%; height: 100%; white-space: nowrap; } .magic-thumbs.no-buttons { padding: 0 !important; } .magic-thumbs-wrapper { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; text-align: center; } .magic-thumbs ul { list-style: none; font-size: 0; display: inline-block; vertical-align: middle; height: 100%; position: relative; white-space: nowrap; } .magic-thumbs.no-buttons ul { left: 0 !important; padding: 0 !important; transition: none !important; transform: none !important; } .magic-thumbs ul li { margin: 0 4px; height: 100%; width: auto; vertical-align: top; line-height: 0; display: inline-block; } .magic-thumbs ul li:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .magic-thumbs ul li > img { width: auto; height: auto; max-width: none !important; max-height: 100% !important; vertical-align: middle; } .ie8-magic .magic-thumbs ul li > img { max-width: none !important; max-height: none !important; } /* vertical */ .magic-thumbs.magic-thumbs-vertical { height: 100%; } .magic-thumbs-vertical { padding: 40px 0; } .magic-thumbs-vertical ul { height: auto; width: 100%; white-space: normal; } .magic-thumbs-vertical ul li { width: 100%; height: auto; } .magic-thumbs-vertical ul li { margin: 4px 0; } .magic-thumbs-vertical ul li > img { max-width: 100% !important; max-height: none !important; } .ie8-magic .magic-thumbs-vertical ul li > img { width: 100%; } /** * Buttons */ .magic-thumbs button.magic-thumbs-button { color: rgba(180, 180, 180, .6) !important; font-size: 0; cursor: pointer; z-index: 90 !important; background-repeat: no-repeat; background-color: transparent !important; background-image: none; border: 0; border-radius: 100%; box-shadow: none !important; overflow: hidden; position: absolute; text-transform: none !important; speak: none; text-align: center; width: 33px; height: 33px; top: 0; bottom: 0; margin: auto 3px; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; transition: color .25s, background-color .25s !important; } .magic-thumbs button.magic-thumbs-button:before { display: block; position: static; height: 100%; transform: scale(1); transition: transform .25s !important; } .mobile-magic .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled), :root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):hover, .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { color: rgba(180, 180, 180, 1) !important; } .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active:before { transform: scale(.7) !important; } .mobile-magic .mz-expand .magic-thumbs button.magic-thumbs-button:not(.magic-thumbs-button-disabled):active { background-color: rgba(49, 51, 61, .7) !important; } .magic-thumbs .magic-thumbs-button-prev { left: 0; transform: rotateZ(180deg) !important; } .magic-thumbs .magic-thumbs-button-next { right: 0; } .magic-thumbs-vertical button.magic-thumbs-button { top: auto; right: 0; bottom: auto; left: 0; margin: 3px auto; } .magic-thumbs-vertical button.magic-thumbs-button-prev { top: 0; transform: rotateZ(-90deg) !important; } .magic-thumbs-vertical button.magic-thumbs-button-next { bottom: 0; transform: rotateZ(90deg) !important; } .magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { content: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } @supports ( ((-webkit-mask-image: url()) or (mask-image: url())) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)) and ((-webkit-mask-position: center) or (mask-position: center)) and ((-webkit-mask-size: cover) or (mask-size: cover)) ) { .magic-thumbs button.magic-thumbs-button:before { content: "" !important; background-color: currentColor; background-image: none; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: cover; mask-size: cover; } .magic-thumbs .magic-thumbs-button-prev:before, .magic-thumbs .magic-thumbs-button-next:before { -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xOC43NTkzIDkuMzQ5MjFDMTguMzk5OCA4LjkyOTg4IDE3Ljc2ODUgOC44ODEzMiAxNy4zNDkyIDkuMjQwNzRDMTYuOTI5OSA5LjYwMDE3IDE2Ljg4MTMgMTAuMjMxNSAxNy4yNDA3IDEwLjY1MDhMMTguNzU5MyA5LjM0OTIxWk0zMCAyNEwzMC43NTkzIDI0LjY1MDhDMzEuMDgwMiAyNC4yNzYzIDMxLjA4MDIgMjMuNzIzNyAzMC43NTkzIDIzLjM0OTJMMzAgMjRaTTE3LjI0MDcgMzcuMzQ5MkMxNi44ODEzIDM3Ljc2ODUgMTYuOTI5OSAzOC4zOTk4IDE3LjM0OTIgMzguNzU5M0MxNy43Njg1IDM5LjExODcgMTguMzk5OCAzOS4wNzAxIDE4Ljc1OTMgMzguNjUwOEwxNy4yNDA3IDM3LjM0OTJaTTE3LjI0MDcgMTAuNjUwOEwyOS4yNDA3IDI0LjY1MDhMMzAuNzU5MyAyMy4zNDkyTDE4Ljc1OTMgOS4zNDkyMUwxNy4yNDA3IDEwLjY1MDhaTTI5LjI0MDcgMjMuMzQ5MkwxNy4yNDA3IDM3LjM0OTJMMTguNzU5MyAzOC42NTA4TDMwLjc1OTMgMjQuNjUwOEwyOS4yNDA3IDIzLjM0OTJaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo="); } } .magic-thumbs.no-buttons .magic-thumbs-button { display: none !important; } .magic-thumbs-button-disabled { opacity: 0.2; filter: alpha(opacity=20); } @charset "UTF-8"; /* VARIABILI */ /* ================ ==== COLORI ==== ================ */ /* ===================== ==== FONT FAMILY ==== ===================== */ /* ================ ==== LAYOUT ==== ================ */ /* AGGIUNGO TUTTI GLI STILI DEFAULT */ /* AGGIUNGERE QUI LE PERSONALIZZAZIONI */ /* ================ ==== COLORI ==== ================ */ /* ===================== ==== FONT FAMILY ==== ===================== */ /* =================== ==== FONT SIZE ==== =================== */ /* ===================== ==== FONT WEIGHT ==== ===================== */ /* ===================== ==== LINE HEIGHT ==== ===================== */ /* ================== ==== HEADINGS ==== ================== */ /* =================== ==== PARAGRAPH ==== =================== */ /* ================ ==== LAYOUT ==== ================ */ /* ======================= ==== BORDER RADIUS ==== ======================= */ /* ================= ==== BUTTONS ==== ================= */ /* ========================= ==== SPACER AND GRID ==== ========================= */ /* ======================= ==== SMOOTH SCROLL ==== ======================= */ /* ================================= ==== OVERRIDE BOOTSTRAP VARS ==== ================================= */ body { --bs-primary-light-rgb: 225, 225, 225; --bs-primary-light: #EFEFEF; } .accordion { --bs-accordion-color: white; --bs-accordion-bg: white; --bs-accordion-border-color: white; } /* ===================== ==== BREAKPOINTS ==== ===================== */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-cta: #609e3e; --bs-cta-light: #83C261; --bs-basic: #232323; --bs-primary: #457b9d; --bs-primary-dark: #36617C; --bs-primary-light: #e5eeff; --bs-secondary: #609e3e; --bs-secondary-dark: #4D8132; --bs-secondary-light: #83C261; --bs-gray: #b0b0b0; --bs-gray-light: #d2d2d2; --bs-gray-lighter: #f1f1f1; --bs-gray-dark: #5a5a5a; --bs-white: #fff; --bs-black: #000; --bs-highlight: #cd1719; --bs-success: #609e3e; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #cd1719; --bs-cta-rgb: 96, 158, 62; --bs-cta-light-rgb: 131, 194, 97; --bs-basic-rgb: 35, 35, 35; --bs-primary-rgb: 69, 123, 157; --bs-primary-dark-rgb: 54, 97, 124; --bs-primary-light-rgb: 229, 238, 255; --bs-secondary-rgb: 96, 158, 62; --bs-secondary-dark-rgb: 77, 129, 50; --bs-secondary-light-rgb: 131, 194, 97; --bs-gray-rgb: 176, 176, 176; --bs-gray-light-rgb: 210, 210, 210; --bs-gray-lighter-rgb: 241, 241, 241; --bs-gray-dark-rgb: 90, 90, 90; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-highlight-rgb: 205, 23, 25; --bs-success-rgb: 96, 158, 62; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 205, 23, 25; --bs-primary-text-emphasis: rgb(27.6, 49.2, 62.8); --bs-secondary-text-emphasis: rgb(38.4, 63.2, 24.8); --bs-success-text-emphasis: rgb(38.4, 63.2, 24.8); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(82, 9.2, 10); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(217.8, 228.6, 235.4); --bs-secondary-bg-subtle: rgb(223.2, 235.6, 216.4); --bs-success-bg-subtle: rgb(223.2, 235.6, 216.4); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(245, 208.6, 209); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(180.6, 202.2, 215.8); --bs-secondary-border-subtle: rgb(191.4, 216.2, 177.8); --bs-success-border-subtle: rgb(191.4, 216.2, 177.8); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(235, 162.2, 163); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: "Arsenal", sans-serif; --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.4; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #457b9d; --bs-link-color-rgb: 69, 123, 157; --bs-link-decoration: underline; --bs-link-hover-color: rgb(55.2, 98.4, 125.6); --bs-link-hover-color-rgb: 55, 98, 126; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 4px; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 10px; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(69, 123, 157, 0.25); --bs-form-valid-color: #609e3e; --bs-form-valid-border-color: #609e3e; --bs-form-invalid-color: #cd1719; --bs-form-invalid-border-color: #cd1719; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: rgb(143.4, 175.8, 196.2); --bs-secondary-text-emphasis: rgb(159.6, 196.8, 139.2); --bs-success-text-emphasis: rgb(159.6, 196.8, 139.2); --bs-info-text-emphasis: rgb(109.8, 223.2, 246); --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); --bs-danger-text-emphasis: rgb(225, 115.8, 117); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: rgb(13.8, 24.6, 31.4); --bs-secondary-bg-subtle: rgb(19.2, 31.6, 12.4); --bs-success-bg-subtle: rgb(19.2, 31.6, 12.4); --bs-info-bg-subtle: rgb(2.6, 40.4, 48); --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); --bs-danger-bg-subtle: rgb(41, 4.6, 5); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: rgb(41.4, 73.8, 94.2); --bs-secondary-border-subtle: rgb(57.6, 94.8, 37.2); --bs-success-border-subtle: rgb(57.6, 94.8, 37.2); --bs-info-border-subtle: rgb(7.8, 121.2, 144); --bs-warning-border-subtle: rgb(153, 115.8, 4.2); --bs-danger-border-subtle: rgb(123, 13.8, 15); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: rgb(143.4, 175.8, 196.2); --bs-link-hover-color: rgb(165.72, 191.64, 207.96); --bs-link-color-rgb: 143, 176, 196; --bs-link-hover-color-rgb: 166, 192, 208; --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: rgb(117, 183, 152.4); --bs-form-valid-border-color: rgb(117, 183, 152.4); --bs-form-invalid-color: rgb(234, 133.8, 143.4); --bs-form-invalid-border-color: rgb(234, 133.8, 143.4); } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-cta: #609e3e; --bs-cta-light: #83C261; --bs-basic: #232323; --bs-primary: #457b9d; --bs-primary-dark: #36617C; --bs-primary-light: #e5eeff; --bs-secondary: #609e3e; --bs-secondary-dark: #4D8132; --bs-secondary-light: #83C261; --bs-gray: #b0b0b0; --bs-gray-light: #d2d2d2; --bs-gray-lighter: #f1f1f1; --bs-gray-dark: #5a5a5a; --bs-white: #fff; --bs-black: #000; --bs-highlight: #cd1719; --bs-success: #609e3e; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #cd1719; --bs-cta-rgb: 96, 158, 62; --bs-cta-light-rgb: 131, 194, 97; --bs-basic-rgb: 35, 35, 35; --bs-primary-rgb: 69, 123, 157; --bs-primary-dark-rgb: 54, 97, 124; --bs-primary-light-rgb: 229, 238, 255; --bs-secondary-rgb: 96, 158, 62; --bs-secondary-dark-rgb: 77, 129, 50; --bs-secondary-light-rgb: 131, 194, 97; --bs-gray-rgb: 176, 176, 176; --bs-gray-light-rgb: 210, 210, 210; --bs-gray-lighter-rgb: 241, 241, 241; --bs-gray-dark-rgb: 90, 90, 90; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-highlight-rgb: 205, 23, 25; --bs-success-rgb: 96, 158, 62; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 205, 23, 25; --bs-primary-text-emphasis: rgb(27.6, 49.2, 62.8); --bs-secondary-text-emphasis: rgb(38.4, 63.2, 24.8); --bs-success-text-emphasis: rgb(38.4, 63.2, 24.8); --bs-info-text-emphasis: rgb(5.2, 80.8, 96); --bs-warning-text-emphasis: rgb(102, 77.2, 2.8); --bs-danger-text-emphasis: rgb(82, 9.2, 10); --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: rgb(217.8, 228.6, 235.4); --bs-secondary-bg-subtle: rgb(223.2, 235.6, 216.4); --bs-success-bg-subtle: rgb(223.2, 235.6, 216.4); --bs-info-bg-subtle: rgb(206.6, 244.4, 252); --bs-warning-bg-subtle: rgb(255, 242.6, 205.4); --bs-danger-bg-subtle: rgb(245, 208.6, 209); --bs-light-bg-subtle: rgb(251.5, 252, 252.5); --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: rgb(180.6, 202.2, 215.8); --bs-secondary-border-subtle: rgb(191.4, 216.2, 177.8); --bs-success-border-subtle: rgb(191.4, 216.2, 177.8); --bs-info-border-subtle: rgb(158.2, 233.8, 249); --bs-warning-border-subtle: rgb(255, 230.2, 155.8); --bs-danger-border-subtle: rgb(235, 162.2, 163); --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: "Arsenal", sans-serif; --bs-body-font-size: 0.875rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.4; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #457b9d; --bs-link-color-rgb: 69, 123, 157; --bs-link-decoration: underline; --bs-link-hover-color: rgb(55.2, 98.4, 125.6); --bs-link-hover-color-rgb: 55, 98, 126; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: rgb(255, 242.6, 205.4); --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 4px; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 10px; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(69, 123, 157, 0.25); --bs-form-valid-color: #609e3e; --bs-form-valid-border-color: #609e3e; --bs-form-invalid-color: #cd1719; --bs-form-invalid-border-color: #cd1719; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: rgb(42.5, 47.5, 52.5); --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: rgb(143.4, 175.8, 196.2); --bs-secondary-text-emphasis: rgb(159.6, 196.8, 139.2); --bs-success-text-emphasis: rgb(159.6, 196.8, 139.2); --bs-info-text-emphasis: rgb(109.8, 223.2, 246); --bs-warning-text-emphasis: rgb(255, 217.8, 106.2); --bs-danger-text-emphasis: rgb(225, 115.8, 117); --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: rgb(13.8, 24.6, 31.4); --bs-secondary-bg-subtle: rgb(19.2, 31.6, 12.4); --bs-success-bg-subtle: rgb(19.2, 31.6, 12.4); --bs-info-bg-subtle: rgb(2.6, 40.4, 48); --bs-warning-bg-subtle: rgb(51, 38.6, 1.4); --bs-danger-bg-subtle: rgb(41, 4.6, 5); --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: rgb(41.4, 73.8, 94.2); --bs-secondary-border-subtle: rgb(57.6, 94.8, 37.2); --bs-success-border-subtle: rgb(57.6, 94.8, 37.2); --bs-info-border-subtle: rgb(7.8, 121.2, 144); --bs-warning-border-subtle: rgb(153, 115.8, 4.2); --bs-danger-border-subtle: rgb(123, 13.8, 15); --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: rgb(143.4, 175.8, 196.2); --bs-link-hover-color: rgb(165.72, 191.64, 207.96); --bs-link-color-rgb: 143, 176, 196; --bs-link-hover-color-rgb: 166, 192, 208; --bs-code-color: rgb(230.4, 132.6, 181.2); --bs-highlight-color: #dee2e6; --bs-highlight-bg: rgb(102, 77.2, 2.8); --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: rgb(117, 183, 152.4); --bs-form-valid-border-color: rgb(117, 183, 152.4); --bs-form-invalid-color: rgb(234, 133.8, 143.4); --bs-form-invalid-border-color: rgb(234, 133.8, 143.4); } *, *::before, *::after { box-sizing: border-box; } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 20px; font-family: "Arsenal", sans-serif; font-weight: 600; line-height: 1.4; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.34375rem + 1.125vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.1875rem; } } h2, .h2 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 1.75rem; } } h3, .h3 { font-size: calc(1.278125rem + 0.3375vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.53125rem; } } h4, .h4 { font-size: calc(1.25625rem + 0.075vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.3125rem; } } h5, .h5 { font-size: 1.09375rem; } h6, .h6 { font-size: 0.875rem; } p { margin-top: 0; margin-bottom: 15px; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.09375rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.4; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.4; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.4; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.4; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.4; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.4; font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.09375rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-tablet, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-tablet, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-tablet: 1024px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1024px) { .col-tablet { flex: 1 0 0; } .row-cols-tablet-auto > * { flex: 0 0 auto; width: auto; } .row-cols-tablet-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-tablet-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-tablet-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-tablet-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-tablet-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-tablet-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-tablet-auto { flex: 0 0 auto; width: auto; } .col-tablet-1 { flex: 0 0 auto; width: 8.33333333%; } .col-tablet-2 { flex: 0 0 auto; width: 16.66666667%; } .col-tablet-3 { flex: 0 0 auto; width: 25%; } .col-tablet-4 { flex: 0 0 auto; width: 33.33333333%; } .col-tablet-5 { flex: 0 0 auto; width: 41.66666667%; } .col-tablet-6 { flex: 0 0 auto; width: 50%; } .col-tablet-7 { flex: 0 0 auto; width: 58.33333333%; } .col-tablet-8 { flex: 0 0 auto; width: 66.66666667%; } .col-tablet-9 { flex: 0 0 auto; width: 75%; } .col-tablet-10 { flex: 0 0 auto; width: 83.33333333%; } .col-tablet-11 { flex: 0 0 auto; width: 91.66666667%; } .col-tablet-12 { flex: 0 0 auto; width: 100%; } .offset-tablet-0 { margin-left: 0; } .offset-tablet-1 { margin-left: 8.33333333%; } .offset-tablet-2 { margin-left: 16.66666667%; } .offset-tablet-3 { margin-left: 25%; } .offset-tablet-4 { margin-left: 33.33333333%; } .offset-tablet-5 { margin-left: 41.66666667%; } .offset-tablet-6 { margin-left: 50%; } .offset-tablet-7 { margin-left: 58.33333333%; } .offset-tablet-8 { margin-left: 66.66666667%; } .offset-tablet-9 { margin-left: 75%; } .offset-tablet-10 { margin-left: 83.33333333%; } .offset-tablet-11 { margin-left: 91.66666667%; } .g-tablet-0, .gx-tablet-0 { --bs-gutter-x: 0; } .g-tablet-0, .gy-tablet-0 { --bs-gutter-y: 0; } .g-tablet-1, .gx-tablet-1 { --bs-gutter-x: 0.25rem; } .g-tablet-1, .gy-tablet-1 { --bs-gutter-y: 0.25rem; } .g-tablet-2, .gx-tablet-2 { --bs-gutter-x: 0.5rem; } .g-tablet-2, .gy-tablet-2 { --bs-gutter-y: 0.5rem; } .g-tablet-3, .gx-tablet-3 { --bs-gutter-x: 1rem; } .g-tablet-3, .gy-tablet-3 { --bs-gutter-y: 1rem; } .g-tablet-4, .gx-tablet-4 { --bs-gutter-x: 1.5rem; } .g-tablet-4, .gy-tablet-4 { --bs-gutter-y: 1.5rem; } .g-tablet-5, .gx-tablet-5 { --bs-gutter-x: 3rem; } .g-tablet-5, .gy-tablet-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: rgb(217.8, 228.6, 235.4); --bs-table-border-color: rgb(174.24, 182.88, 188.32); --bs-table-striped-bg: rgb(206.91, 217.17, 223.63); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(196.02, 205.74, 211.86); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(201.465, 211.455, 217.745); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: rgb(223.2, 235.6, 216.4); --bs-table-border-color: rgb(178.56, 188.48, 173.12); --bs-table-striped-bg: rgb(212.04, 223.82, 205.58); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(200.88, 212.04, 194.76); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(206.46, 217.93, 200.17); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: rgb(223.2, 235.6, 216.4); --bs-table-border-color: rgb(178.56, 188.48, 173.12); --bs-table-striped-bg: rgb(212.04, 223.82, 205.58); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(200.88, 212.04, 194.76); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(206.46, 217.93, 200.17); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: rgb(206.6, 244.4, 252); --bs-table-border-color: rgb(165.28, 195.52, 201.6); --bs-table-striped-bg: rgb(196.27, 232.18, 239.4); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(185.94, 219.96, 226.8); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(191.105, 226.07, 233.1); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: rgb(255, 242.6, 205.4); --bs-table-border-color: rgb(204, 194.08, 164.32); --bs-table-striped-bg: rgb(242.25, 230.47, 195.13); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(229.5, 218.34, 184.86); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(235.875, 224.405, 189.995); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: rgb(245, 208.6, 209); --bs-table-border-color: rgb(196, 166.88, 167.2); --bs-table-striped-bg: rgb(232.75, 198.17, 198.55); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(220.5, 187.74, 188.1); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(226.625, 192.955, 193.325); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: rgb(198.4, 199.2, 200); --bs-table-striped-bg: rgb(235.6, 236.55, 237.5); --bs-table-striped-color: #000; --bs-table-active-bg: rgb(223.2, 224.1, 225); --bs-table-active-color: #000; --bs-table-hover-bg: rgb(229.4, 230.325, 231.25); --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #000; --bs-table-border-color: #333333; --bs-table-striped-bg: rgb(12.75, 12.75, 12.75); --bs-table-striped-color: #fff; --bs-table-active-bg: rgb(25.5, 25.5, 25.5); --bs-table-active-color: #fff; --bs-table-hover-bg: rgb(19.125, 19.125, 19.125); --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1023.98px) { .table-responsive-tablet { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.4; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.125rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.75rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #a2bdce; outline: 0; box-shadow: 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.4em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.4; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.4em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.4em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.125rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.4em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.4em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.4em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.4em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.4em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.4em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #a2bdce; outline: 0; box-shadow: 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.125rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.225rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.2em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #a2bdce; outline: 0; box-shadow: 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .form-check-input:checked { background-color: #457b9d; border-color: #457b9d; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #457b9d; border-color: #457b9d; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a2bdce'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #457b9d; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: rgb(199.2, 215.4, 225.6); } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #457b9d; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: rgb(199.2, 215.4, 225.6); } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; color: rgba(var(--bs-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; padding-left: 0.75rem; } .form-floating > .form-control:not(:-moz-placeholder) ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:not(:-moz-placeholder) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.125rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width)); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.4em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23609e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.35em + 0.1875rem) center; background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.4em + 0.75rem); background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23609e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.7em + 0.375rem) calc(0.7em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.4em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.75rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.4em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23cd1719'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cd1719' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.35em + 0.1875rem) center; background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.4em + 0.75rem); background-position: top calc(0.35em + 0.1875rem) right calc(0.35em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23cd1719'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cd1719' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.7em + 0.375rem) calc(0.7em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.4em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.4; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: 2px; --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0 rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-cta { --bs-btn-color: #000; --bs-btn-bg: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(119.85, 172.55, 90.95); --bs-btn-hover-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-focus-shadow-rgb: 82, 134, 53; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(127.8, 177.4, 100.6); --bs-btn-active-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #609e3e; --bs-btn-disabled-border-color: #609e3e; } .btn-cta-light { --bs-btn-color: #000; --bs-btn-bg: #83C261; --bs-btn-border-color: #83C261; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(149.6, 203.15, 120.7); --bs-btn-hover-border-color: rgb(143.4, 200.1, 112.8); --bs-btn-focus-shadow-rgb: 111, 165, 82; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(155.8, 206.2, 128.6); --bs-btn-active-border-color: rgb(143.4, 200.1, 112.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #83C261; --bs-btn-disabled-border-color: #83C261; } .btn-basic { --bs-btn-color: #fff; --bs-btn-bg: #232323; --bs-btn-border-color: #232323; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(29.75, 29.75, 29.75); --bs-btn-hover-border-color: #1c1c1c; --bs-btn-focus-shadow-rgb: 68, 68, 68; --bs-btn-active-color: #fff; --bs-btn-active-bg: #1c1c1c; --bs-btn-active-border-color: rgb(26.25, 26.25, 26.25); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #232323; --bs-btn-disabled-border-color: #232323; } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #457b9d; --bs-btn-border-color: #457b9d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(58.65, 104.55, 133.45); --bs-btn-hover-border-color: rgb(55.2, 98.4, 125.6); --bs-btn-focus-shadow-rgb: 97, 143, 172; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(55.2, 98.4, 125.6); --bs-btn-active-border-color: rgb(51.75, 92.25, 117.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #457b9d; --bs-btn-disabled-border-color: #457b9d; } .btn-primary-dark { --bs-btn-color: #fff; --bs-btn-bg: #36617C; --bs-btn-border-color: #36617C; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(45.9, 82.45, 105.4); --bs-btn-hover-border-color: rgb(43.2, 77.6, 99.2); --bs-btn-focus-shadow-rgb: 84, 121, 144; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(43.2, 77.6, 99.2); --bs-btn-active-border-color: rgb(40.5, 72.75, 93); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #36617C; --bs-btn-disabled-border-color: #36617C; } .btn-primary-light { --bs-btn-color: #000; --bs-btn-bg: #e5eeff; --bs-btn-border-color: #e5eeff; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(232.9, 240.55, 255); --bs-btn-hover-border-color: rgb(231.6, 239.7, 255); --bs-btn-focus-shadow-rgb: 195, 202, 217; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(234.2, 241.4, 255); --bs-btn-active-border-color: rgb(231.6, 239.7, 255); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e5eeff; --bs-btn-disabled-border-color: #e5eeff; } .btn-secondary { --bs-btn-color: #000; --bs-btn-bg: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(119.85, 172.55, 90.95); --bs-btn-hover-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-focus-shadow-rgb: 82, 134, 53; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(127.8, 177.4, 100.6); --bs-btn-active-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #609e3e; --bs-btn-disabled-border-color: #609e3e; } .btn-secondary-dark { --bs-btn-color: #fff; --bs-btn-bg: #4D8132; --bs-btn-border-color: #4D8132; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(65.45, 109.65, 42.5); --bs-btn-hover-border-color: rgb(61.6, 103.2, 40); --bs-btn-focus-shadow-rgb: 104, 148, 81; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(61.6, 103.2, 40); --bs-btn-active-border-color: rgb(57.75, 96.75, 37.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #4D8132; --bs-btn-disabled-border-color: #4D8132; } .btn-secondary-light { --bs-btn-color: #000; --bs-btn-bg: #83C261; --bs-btn-border-color: #83C261; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(149.6, 203.15, 120.7); --bs-btn-hover-border-color: rgb(143.4, 200.1, 112.8); --bs-btn-focus-shadow-rgb: 111, 165, 82; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(155.8, 206.2, 128.6); --bs-btn-active-border-color: rgb(143.4, 200.1, 112.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #83C261; --bs-btn-disabled-border-color: #83C261; } .btn-gray { --bs-btn-color: #000; --bs-btn-bg: #b0b0b0; --bs-btn-border-color: #b0b0b0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(187.85, 187.85, 187.85); --bs-btn-hover-border-color: rgb(183.9, 183.9, 183.9); --bs-btn-focus-shadow-rgb: 150, 150, 150; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(191.8, 191.8, 191.8); --bs-btn-active-border-color: rgb(183.9, 183.9, 183.9); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #b0b0b0; --bs-btn-disabled-border-color: #b0b0b0; } .btn-gray-light { --bs-btn-color: #000; --bs-btn-bg: #d2d2d2; --bs-btn-border-color: #d2d2d2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(216.75, 216.75, 216.75); --bs-btn-hover-border-color: rgb(214.5, 214.5, 214.5); --bs-btn-focus-shadow-rgb: 179, 179, 179; --bs-btn-active-color: #000; --bs-btn-active-bg: #dbdbdb; --bs-btn-active-border-color: rgb(214.5, 214.5, 214.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #d2d2d2; --bs-btn-disabled-border-color: #d2d2d2; } .btn-gray-lighter { --bs-btn-color: #000; --bs-btn-bg: #f1f1f1; --bs-btn-border-color: #f1f1f1; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(243.1, 243.1, 243.1); --bs-btn-hover-border-color: rgb(242.4, 242.4, 242.4); --bs-btn-focus-shadow-rgb: 205, 205, 205; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(243.8, 243.8, 243.8); --bs-btn-active-border-color: rgb(242.4, 242.4, 242.4); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f1f1f1; --bs-btn-disabled-border-color: #f1f1f1; } .btn-gray-dark { --bs-btn-color: #fff; --bs-btn-bg: #5a5a5a; --bs-btn-border-color: #5a5a5a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(76.5, 76.5, 76.5); --bs-btn-hover-border-color: #484848; --bs-btn-focus-shadow-rgb: 115, 115, 115; --bs-btn-active-color: #fff; --bs-btn-active-bg: #484848; --bs-btn-active-border-color: rgb(67.5, 67.5, 67.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #5a5a5a; --bs-btn-disabled-border-color: #5a5a5a; } .btn-white { --bs-btn-color: #000; --bs-btn-bg: #fff; --bs-btn-border-color: #fff; --bs-btn-hover-color: #000; --bs-btn-hover-bg: white; --bs-btn-hover-border-color: white; --bs-btn-focus-shadow-rgb: 217, 217, 217; --bs-btn-active-color: #000; --bs-btn-active-bg: white; --bs-btn-active-border-color: white; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #fff; --bs-btn-disabled-border-color: #fff; } .btn-black { --bs-btn-color: #fff; --bs-btn-bg: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: black; --bs-btn-hover-border-color: black; --bs-btn-focus-shadow-rgb: 38, 38, 38; --bs-btn-active-color: #fff; --bs-btn-active-bg: black; --bs-btn-active-border-color: black; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #000; --bs-btn-disabled-border-color: #000; } .btn-highlight { --bs-btn-color: #fff; --bs-btn-bg: #cd1719; --bs-btn-border-color: #cd1719; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(174.25, 19.55, 21.25); --bs-btn-hover-border-color: rgb(164, 18.4, 20); --bs-btn-focus-shadow-rgb: 213, 58, 60; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(164, 18.4, 20); --bs-btn-active-border-color: rgb(153.75, 17.25, 18.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #cd1719; --bs-btn-disabled-border-color: #cd1719; } .btn-success { --bs-btn-color: #000; --bs-btn-bg: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(119.85, 172.55, 90.95); --bs-btn-hover-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-focus-shadow-rgb: 82, 134, 53; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(127.8, 177.4, 100.6); --bs-btn-active-border-color: rgb(111.9, 167.7, 81.3); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #609e3e; --bs-btn-disabled-border-color: #609e3e; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25); --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5); --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(61.4, 212.6, 243); --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(255, 202.3, 44.2); --bs-btn-hover-border-color: rgb(255, 199.2, 31.8); --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(255, 205.4, 56.6); --bs-btn-active-border-color: rgb(255, 199.2, 31.8); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #cd1719; --bs-btn-border-color: #cd1719; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: rgb(174.25, 19.55, 21.25); --bs-btn-hover-border-color: rgb(164, 18.4, 20); --bs-btn-focus-shadow-rgb: 213, 58, 60; --bs-btn-active-color: #fff; --bs-btn-active-bg: rgb(164, 18.4, 20); --bs-btn-active-border-color: rgb(153.75, 17.25, 18.75); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #cd1719; --bs-btn-disabled-border-color: #cd1719; } .btn-outline-cta { --bs-btn-color: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #609e3e; --bs-btn-hover-border-color: #609e3e; --bs-btn-focus-shadow-rgb: 96, 158, 62; --bs-btn-active-color: #000; --bs-btn-active-bg: #609e3e; --bs-btn-active-border-color: #609e3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #609e3e; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #609e3e; --bs-gradient: none; } .btn-outline-cta-light { --bs-btn-color: #83C261; --bs-btn-border-color: #83C261; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #83C261; --bs-btn-hover-border-color: #83C261; --bs-btn-focus-shadow-rgb: 131, 194, 97; --bs-btn-active-color: #000; --bs-btn-active-bg: #83C261; --bs-btn-active-border-color: #83C261; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #83C261; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #83C261; --bs-gradient: none; } .btn-outline-basic { --bs-btn-color: #232323; --bs-btn-border-color: #232323; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #232323; --bs-btn-hover-border-color: #232323; --bs-btn-focus-shadow-rgb: 35, 35, 35; --bs-btn-active-color: #fff; --bs-btn-active-bg: #232323; --bs-btn-active-border-color: #232323; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #232323; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #232323; --bs-gradient: none; } .btn-outline-primary { --bs-btn-color: #457b9d; --bs-btn-border-color: #457b9d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #457b9d; --bs-btn-hover-border-color: #457b9d; --bs-btn-focus-shadow-rgb: 69, 123, 157; --bs-btn-active-color: #fff; --bs-btn-active-bg: #457b9d; --bs-btn-active-border-color: #457b9d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #457b9d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #457b9d; --bs-gradient: none; } .btn-outline-primary-dark { --bs-btn-color: #36617C; --bs-btn-border-color: #36617C; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #36617C; --bs-btn-hover-border-color: #36617C; --bs-btn-focus-shadow-rgb: 54, 97, 124; --bs-btn-active-color: #fff; --bs-btn-active-bg: #36617C; --bs-btn-active-border-color: #36617C; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #36617C; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #36617C; --bs-gradient: none; } .btn-outline-primary-light { --bs-btn-color: #e5eeff; --bs-btn-border-color: #e5eeff; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e5eeff; --bs-btn-hover-border-color: #e5eeff; --bs-btn-focus-shadow-rgb: 229, 238, 255; --bs-btn-active-color: #000; --bs-btn-active-bg: #e5eeff; --bs-btn-active-border-color: #e5eeff; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #e5eeff; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #e5eeff; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #609e3e; --bs-btn-hover-border-color: #609e3e; --bs-btn-focus-shadow-rgb: 96, 158, 62; --bs-btn-active-color: #000; --bs-btn-active-bg: #609e3e; --bs-btn-active-border-color: #609e3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #609e3e; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #609e3e; --bs-gradient: none; } .btn-outline-secondary-dark { --bs-btn-color: #4D8132; --bs-btn-border-color: #4D8132; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #4D8132; --bs-btn-hover-border-color: #4D8132; --bs-btn-focus-shadow-rgb: 77, 129, 50; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4D8132; --bs-btn-active-border-color: #4D8132; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #4D8132; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #4D8132; --bs-gradient: none; } .btn-outline-secondary-light { --bs-btn-color: #83C261; --bs-btn-border-color: #83C261; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #83C261; --bs-btn-hover-border-color: #83C261; --bs-btn-focus-shadow-rgb: 131, 194, 97; --bs-btn-active-color: #000; --bs-btn-active-bg: #83C261; --bs-btn-active-border-color: #83C261; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #83C261; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #83C261; --bs-gradient: none; } .btn-outline-gray { --bs-btn-color: #b0b0b0; --bs-btn-border-color: #b0b0b0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #b0b0b0; --bs-btn-hover-border-color: #b0b0b0; --bs-btn-focus-shadow-rgb: 176, 176, 176; --bs-btn-active-color: #000; --bs-btn-active-bg: #b0b0b0; --bs-btn-active-border-color: #b0b0b0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #b0b0b0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #b0b0b0; --bs-gradient: none; } .btn-outline-gray-light { --bs-btn-color: #d2d2d2; --bs-btn-border-color: #d2d2d2; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d2d2d2; --bs-btn-hover-border-color: #d2d2d2; --bs-btn-focus-shadow-rgb: 210, 210, 210; --bs-btn-active-color: #000; --bs-btn-active-bg: #d2d2d2; --bs-btn-active-border-color: #d2d2d2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #d2d2d2; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #d2d2d2; --bs-gradient: none; } .btn-outline-gray-lighter { --bs-btn-color: #f1f1f1; --bs-btn-border-color: #f1f1f1; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f1f1f1; --bs-btn-hover-border-color: #f1f1f1; --bs-btn-focus-shadow-rgb: 241, 241, 241; --bs-btn-active-color: #000; --bs-btn-active-bg: #f1f1f1; --bs-btn-active-border-color: #f1f1f1; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f1f1f1; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f1f1f1; --bs-gradient: none; } .btn-outline-gray-dark { --bs-btn-color: #5a5a5a; --bs-btn-border-color: #5a5a5a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5a5a5a; --bs-btn-hover-border-color: #5a5a5a; --bs-btn-focus-shadow-rgb: 90, 90, 90; --bs-btn-active-color: #fff; --bs-btn-active-bg: #5a5a5a; --bs-btn-active-border-color: #5a5a5a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #5a5a5a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #5a5a5a; --bs-gradient: none; } .btn-outline-white { --bs-btn-color: #fff; --bs-btn-border-color: #fff; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #fff; --bs-btn-hover-border-color: #fff; --bs-btn-focus-shadow-rgb: 255, 255, 255; --bs-btn-active-color: #000; --bs-btn-active-bg: #fff; --bs-btn-active-border-color: #fff; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #fff; --bs-gradient: none; } .btn-outline-black { --bs-btn-color: #000; --bs-btn-border-color: #000; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #000; --bs-btn-hover-border-color: #000; --bs-btn-focus-shadow-rgb: 0, 0, 0; --bs-btn-active-color: #fff; --bs-btn-active-bg: #000; --bs-btn-active-border-color: #000; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #000; --bs-gradient: none; } .btn-outline-highlight { --bs-btn-color: #cd1719; --bs-btn-border-color: #cd1719; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #cd1719; --bs-btn-hover-border-color: #cd1719; --bs-btn-focus-shadow-rgb: 205, 23, 25; --bs-btn-active-color: #fff; --bs-btn-active-bg: #cd1719; --bs-btn-active-border-color: #cd1719; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #cd1719; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #cd1719; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #609e3e; --bs-btn-border-color: #609e3e; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #609e3e; --bs-btn-hover-border-color: #609e3e; --bs-btn-focus-shadow-rgb: 96, 158, 62; --bs-btn-active-color: #000; --bs-btn-active-bg: #609e3e; --bs-btn-active-border-color: #609e3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #609e3e; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #609e3e; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #cd1719; --bs-btn-border-color: #cd1719; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #cd1719; --bs-btn-hover-border-color: #cd1719; --bs-btn-focus-shadow-rgb: 205, 23, 25; --bs-btn-active-color: #fff; --bs-btn-active-bg: #cd1719; --bs-btn-active-border-color: #cd1719; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #cd1719; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #cd1719; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 97, 143, 172; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.125rem; --bs-btn-border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 0.875rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #457b9d; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1024px) { .dropdown-menu-tablet-start { --bs-position: start; } .dropdown-menu-tablet-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-tablet-end { --bs-position: end; } .dropdown-menu-tablet-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item, .top_header .navbar-nav .nav-item .nav-link { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .top_header .navbar-nav .nav-item .nav-link:hover, .dropdown-item:focus, .top_header .navbar-nav .nav-item .nav-link:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .top_header .navbar-nav .nav-item .active.nav-link, .dropdown-item:active, .top_header .navbar-nav .nav-item .nav-link:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .top_header .navbar-nav .nav-item .disabled.nav-link, .dropdown-item:disabled, .top_header .navbar-nav .nav-item .nav-link:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.75rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #457b9d; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(-1 * 2px); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(-1 * 2px); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(69, 123, 157, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #457b9d; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-grow: 1; flex-basis: 0; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.325rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.125rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.125rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-grow: 1; flex-basis: 100%; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1024px) { .navbar-expand-tablet { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-tablet .navbar-nav { flex-direction: row; } .navbar-expand-tablet .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-tablet .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-tablet .navbar-nav-scroll { overflow: visible; } .navbar-expand-tablet .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-tablet .navbar-toggler { display: none; } .navbar-expand-tablet .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-tablet .offcanvas .offcanvas-header { display: none; } .navbar-expand-tablet .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-top, .card-group > .card:not(:last-child) > .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) > .card-img-bottom, .card-group > .card:not(:last-child) > .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-top, .card-group > .card:not(:first-child) > .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) > .card-img-bottom, .card-group > .card:not(:first-child) > .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2827.6, 49.2, 62.8%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: none; --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 0.875rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28143.4, 175.8, 196.2%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28143.4, 175.8, 196.2%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-cta { --bs-alert-color: var(--bs-cta-text-emphasis); --bs-alert-bg: var(--bs-cta-bg-subtle); --bs-alert-border-color: var(--bs-cta-border-subtle); --bs-alert-link-color: var(--bs-cta-text-emphasis); } .alert-cta-light { --bs-alert-color: var(--bs-cta-light-text-emphasis); --bs-alert-bg: var(--bs-cta-light-bg-subtle); --bs-alert-border-color: var(--bs-cta-light-border-subtle); --bs-alert-link-color: var(--bs-cta-light-text-emphasis); } .alert-basic { --bs-alert-color: var(--bs-basic-text-emphasis); --bs-alert-bg: var(--bs-basic-bg-subtle); --bs-alert-border-color: var(--bs-basic-border-subtle); --bs-alert-link-color: var(--bs-basic-text-emphasis); } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-primary-dark { --bs-alert-color: var(--bs-primary-dark-text-emphasis); --bs-alert-bg: var(--bs-primary-dark-bg-subtle); --bs-alert-border-color: var(--bs-primary-dark-border-subtle); --bs-alert-link-color: var(--bs-primary-dark-text-emphasis); } .alert-primary-light { --bs-alert-color: var(--bs-primary-light-text-emphasis); --bs-alert-bg: var(--bs-primary-light-bg-subtle); --bs-alert-border-color: var(--bs-primary-light-border-subtle); --bs-alert-link-color: var(--bs-primary-light-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-secondary-dark { --bs-alert-color: var(--bs-secondary-dark-text-emphasis); --bs-alert-bg: var(--bs-secondary-dark-bg-subtle); --bs-alert-border-color: var(--bs-secondary-dark-border-subtle); --bs-alert-link-color: var(--bs-secondary-dark-text-emphasis); } .alert-secondary-light { --bs-alert-color: var(--bs-secondary-light-text-emphasis); --bs-alert-bg: var(--bs-secondary-light-bg-subtle); --bs-alert-border-color: var(--bs-secondary-light-border-subtle); --bs-alert-link-color: var(--bs-secondary-light-text-emphasis); } .alert-gray { --bs-alert-color: var(--bs-gray-text-emphasis); --bs-alert-bg: var(--bs-gray-bg-subtle); --bs-alert-border-color: var(--bs-gray-border-subtle); --bs-alert-link-color: var(--bs-gray-text-emphasis); } .alert-gray-light { --bs-alert-color: var(--bs-gray-light-text-emphasis); --bs-alert-bg: var(--bs-gray-light-bg-subtle); --bs-alert-border-color: var(--bs-gray-light-border-subtle); --bs-alert-link-color: var(--bs-gray-light-text-emphasis); } .alert-gray-lighter { --bs-alert-color: var(--bs-gray-lighter-text-emphasis); --bs-alert-bg: var(--bs-gray-lighter-bg-subtle); --bs-alert-border-color: var(--bs-gray-lighter-border-subtle); --bs-alert-link-color: var(--bs-gray-lighter-text-emphasis); } .alert-gray-dark { --bs-alert-color: var(--bs-gray-dark-text-emphasis); --bs-alert-bg: var(--bs-gray-dark-bg-subtle); --bs-alert-border-color: var(--bs-gray-dark-border-subtle); --bs-alert-link-color: var(--bs-gray-dark-text-emphasis); } .alert-white { --bs-alert-color: var(--bs-white-text-emphasis); --bs-alert-bg: var(--bs-white-bg-subtle); --bs-alert-border-color: var(--bs-white-border-subtle); --bs-alert-link-color: var(--bs-white-text-emphasis); } .alert-black { --bs-alert-color: var(--bs-black-text-emphasis); --bs-alert-bg: var(--bs-black-bg-subtle); --bs-alert-border-color: var(--bs-black-border-subtle); --bs-alert-link-color: var(--bs-black-text-emphasis); } .alert-highlight { --bs-alert-color: var(--bs-highlight-text-emphasis); --bs-alert-bg: var(--bs-highlight-bg-subtle); --bs-alert-border-color: var(--bs-highlight-border-subtle); --bs-alert-link-color: var(--bs-highlight-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(69, 123, 157, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; filter: var(--bs-btn-close-filter); border: 0; border-radius: 4px; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } :root, [data-bs-theme=light] { --bs-btn-close-filter: ; } [data-bs-theme=dark] { --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%); } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: var(--bs-body-color); --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.4; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-right: calc(-0.5 * var(--bs-modal-header-padding-x)); margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y)); margin-left: auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1023.98px) { .modal-fullscreen-tablet-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-tablet-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-tablet-down .modal-header, .modal-fullscreen-tablet-down .modal-footer { border-radius: 0; } .modal-fullscreen-tablet-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.75rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: "Arsenal", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.75rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 0.875rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: "Arsenal", sans-serif; font-style: normal; font-weight: 400; line-height: 1.4; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-tablet, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.4; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1023.98px) { .offcanvas-tablet { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1023.98px) and (prefers-reduced-motion: reduce) { .offcanvas-tablet { transition: none; } } @media (max-width: 1023.98px) { .offcanvas-tablet.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-tablet.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-tablet.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-tablet.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-tablet.showing, .offcanvas-tablet.show:not(.hiding) { transform: none; } .offcanvas-tablet.showing, .offcanvas-tablet.hiding, .offcanvas-tablet.show { visibility: visible; } } @media (min-width: 1024px) { .offcanvas-tablet { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-tablet .offcanvas-header { display: none; } .offcanvas-tablet .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-left: auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-cta { color: #000 !important; background-color: RGBA(var(--bs-cta-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-cta-light { color: #000 !important; background-color: RGBA(var(--bs-cta-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-basic { color: #fff !important; background-color: RGBA(var(--bs-basic-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-primary-dark { color: #fff !important; background-color: RGBA(var(--bs-primary-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-primary-light { color: #000 !important; background-color: RGBA(var(--bs-primary-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #000 !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary-dark { color: #fff !important; background-color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary-light { color: #000 !important; background-color: RGBA(var(--bs-secondary-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-gray { color: #000 !important; background-color: RGBA(var(--bs-gray-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-gray-light { color: #000 !important; background-color: RGBA(var(--bs-gray-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-gray-lighter { color: #000 !important; background-color: RGBA(var(--bs-gray-lighter-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-gray-dark { color: #fff !important; background-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-white { color: #000 !important; background-color: RGBA(var(--bs-white-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-black { color: #fff !important; background-color: RGBA(var(--bs-black-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-highlight { color: #fff !important; background-color: RGBA(var(--bs-highlight-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #000 !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .link-cta { color: RGBA(var(--bs-cta-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-cta-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-cta:hover, .link-cta:focus { color: RGBA(128, 177, 101, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(128, 177, 101, var(--bs-link-underline-opacity, 1)) !important; } .link-cta-light { color: RGBA(var(--bs-cta-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-cta-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-cta-light:hover, .link-cta-light:focus { color: RGBA(156, 206, 129, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(156, 206, 129, var(--bs-link-underline-opacity, 1)) !important; } .link-basic { color: RGBA(var(--bs-basic-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-basic-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-basic:hover, .link-basic:focus { color: RGBA(28, 28, 28, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(28, 28, 28, var(--bs-link-underline-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(55, 98, 126, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(55, 98, 126, var(--bs-link-underline-opacity, 1)) !important; } .link-primary-dark { color: RGBA(var(--bs-primary-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary-dark:hover, .link-primary-dark:focus { color: RGBA(43, 78, 99, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(43, 78, 99, var(--bs-link-underline-opacity, 1)) !important; } .link-primary-light { color: RGBA(var(--bs-primary-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary-light:hover, .link-primary-light:focus { color: RGBA(234, 241, 255, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(234, 241, 255, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(128, 177, 101, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(128, 177, 101, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary-dark { color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary-dark:hover, .link-secondary-dark:focus { color: RGBA(62, 103, 40, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(62, 103, 40, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary-light { color: RGBA(var(--bs-secondary-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary-light:hover, .link-secondary-light:focus { color: RGBA(156, 206, 129, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(156, 206, 129, var(--bs-link-underline-opacity, 1)) !important; } .link-gray { color: RGBA(var(--bs-gray-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray:hover, .link-gray:focus { color: RGBA(192, 192, 192, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(192, 192, 192, var(--bs-link-underline-opacity, 1)) !important; } .link-gray-light { color: RGBA(var(--bs-gray-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray-light:hover, .link-gray-light:focus { color: RGBA(219, 219, 219, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(219, 219, 219, var(--bs-link-underline-opacity, 1)) !important; } .link-gray-lighter { color: RGBA(var(--bs-gray-lighter-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-lighter-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray-lighter:hover, .link-gray-lighter:focus { color: RGBA(244, 244, 244, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(244, 244, 244, var(--bs-link-underline-opacity, 1)) !important; } .link-gray-dark { color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-gray-dark:hover, .link-gray-dark:focus { color: RGBA(72, 72, 72, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(72, 72, 72, var(--bs-link-underline-opacity, 1)) !important; } .link-white { color: RGBA(var(--bs-white-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-white-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-white:hover, .link-white:focus { color: RGBA(255, 255, 255, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important; } .link-black { color: RGBA(var(--bs-black-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-black-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-black:hover, .link-black:focus { color: RGBA(0, 0, 0, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(0, 0, 0, var(--bs-link-underline-opacity, 1)) !important; } .link-highlight { color: RGBA(var(--bs-highlight-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-highlight-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-highlight:hover, .link-highlight:focus { color: RGBA(164, 18, 20, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(164, 18, 20, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(128, 177, 101, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(128, 177, 101, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(164, 18, 20, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(164, 18, 20, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1024px) { .sticky-tablet-top { position: sticky; top: 0; z-index: 1020; } .sticky-tablet-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .visually-hidden *, .visually-hidden-focusable:not(:focus):not(:focus-within) * { overflow: hidden !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-cta { --bs-focus-ring-color: rgba(var(--bs-cta-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-cta-light { --bs-focus-ring-color: rgba(var(--bs-cta-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-basic { --bs-focus-ring-color: rgba(var(--bs-basic-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-primary-dark { --bs-focus-ring-color: rgba(var(--bs-primary-dark-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-primary-light { --bs-focus-ring-color: rgba(var(--bs-primary-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary-dark { --bs-focus-ring-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary-light { --bs-focus-ring-color: rgba(var(--bs-secondary-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-gray { --bs-focus-ring-color: rgba(var(--bs-gray-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-gray-light { --bs-focus-ring-color: rgba(var(--bs-gray-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-gray-lighter { --bs-focus-ring-color: rgba(var(--bs-gray-lighter-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-gray-dark { --bs-focus-ring-color: rgba(var(--bs-gray-dark-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-white { --bs-focus-ring-color: rgba(var(--bs-white-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-black { --bs-focus-ring-color: rgba(var(--bs-black-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-highlight { --bs-focus-ring-color: rgba(var(--bs-highlight-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-cta { --bs-border-opacity: 1; border-color: rgba(var(--bs-cta-rgb), var(--bs-border-opacity)) !important; } .border-cta-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-cta-light-rgb), var(--bs-border-opacity)) !important; } .border-basic { --bs-border-opacity: 1; border-color: rgba(var(--bs-basic-rgb), var(--bs-border-opacity)) !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-primary-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-dark-rgb), var(--bs-border-opacity)) !important; } .border-primary-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-light-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-secondary-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-border-opacity)) !important; } .border-secondary-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-light-rgb), var(--bs-border-opacity)) !important; } .border-gray { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-rgb), var(--bs-border-opacity)) !important; } .border-gray-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-light-rgb), var(--bs-border-opacity)) !important; } .border-gray-lighter { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-lighter-rgb), var(--bs-border-opacity)) !important; } .border-gray-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-gray-dark-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-highlight { --bs-border-opacity: 1; border-color: rgba(var(--bs-highlight-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: 0.75rem !important; } .fs-2 { font-size: 0.875rem !important; } .fs-3 { font-size: 1rem !important; } .fs-4 { font-size: 1.125rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.4 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-cta { --bs-text-opacity: 1; color: rgba(var(--bs-cta-rgb), var(--bs-text-opacity)) !important; } .text-cta-light { --bs-text-opacity: 1; color: rgba(var(--bs-cta-light-rgb), var(--bs-text-opacity)) !important; } .text-basic { --bs-text-opacity: 1; color: rgba(var(--bs-basic-rgb), var(--bs-text-opacity)) !important; } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-primary-dark { --bs-text-opacity: 1; color: rgba(var(--bs-primary-dark-rgb), var(--bs-text-opacity)) !important; } .text-primary-light { --bs-text-opacity: 1; color: rgba(var(--bs-primary-light-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-secondary-dark { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-dark-rgb), var(--bs-text-opacity)) !important; } .text-secondary-light { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-light-rgb), var(--bs-text-opacity)) !important; } .text-gray { --bs-text-opacity: 1; color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important; } .text-gray-light { --bs-text-opacity: 1; color: rgba(var(--bs-gray-light-rgb), var(--bs-text-opacity)) !important; } .text-gray-lighter { --bs-text-opacity: 1; color: rgba(var(--bs-gray-lighter-rgb), var(--bs-text-opacity)) !important; } .text-gray-dark { --bs-text-opacity: 1; color: rgba(var(--bs-gray-dark-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-highlight { --bs-text-opacity: 1; color: rgba(var(--bs-highlight-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-cta { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-cta-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-cta-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-cta-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-basic { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-basic-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-primary-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-primary-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-gray { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-gray-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-gray-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-gray-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-gray-lighter { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-gray-lighter-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-gray-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-white { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-white-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-black { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-black-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-highlight { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-highlight-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-cta { --bs-bg-opacity: 1; background-color: rgba(var(--bs-cta-rgb), var(--bs-bg-opacity)) !important; } .bg-cta-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-cta-light-rgb), var(--bs-bg-opacity)) !important; } .bg-basic { --bs-bg-opacity: 1; background-color: rgba(var(--bs-basic-rgb), var(--bs-bg-opacity)) !important; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-primary-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-primary-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-light-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-light-rgb), var(--bs-bg-opacity)) !important; } .bg-gray { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important; } .bg-gray-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-light-rgb), var(--bs-bg-opacity)) !important; } .bg-gray-lighter { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-lighter-rgb), var(--bs-bg-opacity)) !important; } .bg-gray-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-gray-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-highlight { --bs-bg-opacity: 1; background-color: rgba(var(--bs-highlight-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1024px) { .float-tablet-start { float: left !important; } .float-tablet-end { float: right !important; } .float-tablet-none { float: none !important; } .object-fit-tablet-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-tablet-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-tablet-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-tablet-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-tablet-none { -o-object-fit: none !important; object-fit: none !important; } .d-tablet-inline { display: inline !important; } .d-tablet-inline-block { display: inline-block !important; } .d-tablet-block { display: block !important; } .d-tablet-grid { display: grid !important; } .d-tablet-inline-grid { display: inline-grid !important; } .d-tablet-table { display: table !important; } .d-tablet-table-row { display: table-row !important; } .d-tablet-table-cell { display: table-cell !important; } .d-tablet-flex { display: flex !important; } .d-tablet-inline-flex { display: inline-flex !important; } .d-tablet-none { display: none !important; } .flex-tablet-fill { flex: 1 1 auto !important; } .flex-tablet-row { flex-direction: row !important; } .flex-tablet-column { flex-direction: column !important; } .flex-tablet-row-reverse { flex-direction: row-reverse !important; } .flex-tablet-column-reverse { flex-direction: column-reverse !important; } .flex-tablet-grow-0 { flex-grow: 0 !important; } .flex-tablet-grow-1 { flex-grow: 1 !important; } .flex-tablet-shrink-0 { flex-shrink: 0 !important; } .flex-tablet-shrink-1 { flex-shrink: 1 !important; } .flex-tablet-wrap { flex-wrap: wrap !important; } .flex-tablet-nowrap { flex-wrap: nowrap !important; } .flex-tablet-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-tablet-start { justify-content: flex-start !important; } .justify-content-tablet-end { justify-content: flex-end !important; } .justify-content-tablet-center { justify-content: center !important; } .justify-content-tablet-between { justify-content: space-between !important; } .justify-content-tablet-around { justify-content: space-around !important; } .justify-content-tablet-evenly { justify-content: space-evenly !important; } .align-items-tablet-start { align-items: flex-start !important; } .align-items-tablet-end { align-items: flex-end !important; } .align-items-tablet-center { align-items: center !important; } .align-items-tablet-baseline { align-items: baseline !important; } .align-items-tablet-stretch { align-items: stretch !important; } .align-content-tablet-start { align-content: flex-start !important; } .align-content-tablet-end { align-content: flex-end !important; } .align-content-tablet-center { align-content: center !important; } .align-content-tablet-between { align-content: space-between !important; } .align-content-tablet-around { align-content: space-around !important; } .align-content-tablet-stretch { align-content: stretch !important; } .align-self-tablet-auto { align-self: auto !important; } .align-self-tablet-start { align-self: flex-start !important; } .align-self-tablet-end { align-self: flex-end !important; } .align-self-tablet-center { align-self: center !important; } .align-self-tablet-baseline { align-self: baseline !important; } .align-self-tablet-stretch { align-self: stretch !important; } .order-tablet-first { order: -1 !important; } .order-tablet-0 { order: 0 !important; } .order-tablet-1 { order: 1 !important; } .order-tablet-2 { order: 2 !important; } .order-tablet-3 { order: 3 !important; } .order-tablet-4 { order: 4 !important; } .order-tablet-5 { order: 5 !important; } .order-tablet-last { order: 6 !important; } .m-tablet-0 { margin: 0 !important; } .m-tablet-1 { margin: 0.25rem !important; } .m-tablet-2 { margin: 0.5rem !important; } .m-tablet-3 { margin: 1rem !important; } .m-tablet-4 { margin: 1.5rem !important; } .m-tablet-5 { margin: 3rem !important; } .m-tablet-auto { margin: auto !important; } .mx-tablet-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-tablet-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-tablet-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-tablet-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-tablet-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-tablet-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-tablet-auto { margin-right: auto !important; margin-left: auto !important; } .my-tablet-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-tablet-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-tablet-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-tablet-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-tablet-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-tablet-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-tablet-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-tablet-0 { margin-top: 0 !important; } .mt-tablet-1 { margin-top: 0.25rem !important; } .mt-tablet-2 { margin-top: 0.5rem !important; } .mt-tablet-3 { margin-top: 1rem !important; } .mt-tablet-4 { margin-top: 1.5rem !important; } .mt-tablet-5 { margin-top: 3rem !important; } .mt-tablet-auto { margin-top: auto !important; } .me-tablet-0 { margin-right: 0 !important; } .me-tablet-1 { margin-right: 0.25rem !important; } .me-tablet-2 { margin-right: 0.5rem !important; } .me-tablet-3 { margin-right: 1rem !important; } .me-tablet-4 { margin-right: 1.5rem !important; } .me-tablet-5 { margin-right: 3rem !important; } .me-tablet-auto { margin-right: auto !important; } .mb-tablet-0 { margin-bottom: 0 !important; } .mb-tablet-1 { margin-bottom: 0.25rem !important; } .mb-tablet-2 { margin-bottom: 0.5rem !important; } .mb-tablet-3 { margin-bottom: 1rem !important; } .mb-tablet-4 { margin-bottom: 1.5rem !important; } .mb-tablet-5 { margin-bottom: 3rem !important; } .mb-tablet-auto { margin-bottom: auto !important; } .ms-tablet-0 { margin-left: 0 !important; } .ms-tablet-1 { margin-left: 0.25rem !important; } .ms-tablet-2 { margin-left: 0.5rem !important; } .ms-tablet-3 { margin-left: 1rem !important; } .ms-tablet-4 { margin-left: 1.5rem !important; } .ms-tablet-5 { margin-left: 3rem !important; } .ms-tablet-auto { margin-left: auto !important; } .p-tablet-0 { padding: 0 !important; } .p-tablet-1 { padding: 0.25rem !important; } .p-tablet-2 { padding: 0.5rem !important; } .p-tablet-3 { padding: 1rem !important; } .p-tablet-4 { padding: 1.5rem !important; } .p-tablet-5 { padding: 3rem !important; } .px-tablet-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-tablet-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-tablet-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-tablet-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-tablet-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-tablet-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-tablet-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-tablet-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-tablet-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-tablet-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-tablet-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-tablet-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-tablet-0 { padding-top: 0 !important; } .pt-tablet-1 { padding-top: 0.25rem !important; } .pt-tablet-2 { padding-top: 0.5rem !important; } .pt-tablet-3 { padding-top: 1rem !important; } .pt-tablet-4 { padding-top: 1.5rem !important; } .pt-tablet-5 { padding-top: 3rem !important; } .pe-tablet-0 { padding-right: 0 !important; } .pe-tablet-1 { padding-right: 0.25rem !important; } .pe-tablet-2 { padding-right: 0.5rem !important; } .pe-tablet-3 { padding-right: 1rem !important; } .pe-tablet-4 { padding-right: 1.5rem !important; } .pe-tablet-5 { padding-right: 3rem !important; } .pb-tablet-0 { padding-bottom: 0 !important; } .pb-tablet-1 { padding-bottom: 0.25rem !important; } .pb-tablet-2 { padding-bottom: 0.5rem !important; } .pb-tablet-3 { padding-bottom: 1rem !important; } .pb-tablet-4 { padding-bottom: 1.5rem !important; } .pb-tablet-5 { padding-bottom: 3rem !important; } .ps-tablet-0 { padding-left: 0 !important; } .ps-tablet-1 { padding-left: 0.25rem !important; } .ps-tablet-2 { padding-left: 0.5rem !important; } .ps-tablet-3 { padding-left: 1rem !important; } .ps-tablet-4 { padding-left: 1.5rem !important; } .ps-tablet-5 { padding-left: 3rem !important; } .gap-tablet-0 { gap: 0 !important; } .gap-tablet-1 { gap: 0.25rem !important; } .gap-tablet-2 { gap: 0.5rem !important; } .gap-tablet-3 { gap: 1rem !important; } .gap-tablet-4 { gap: 1.5rem !important; } .gap-tablet-5 { gap: 3rem !important; } .row-gap-tablet-0 { row-gap: 0 !important; } .row-gap-tablet-1 { row-gap: 0.25rem !important; } .row-gap-tablet-2 { row-gap: 0.5rem !important; } .row-gap-tablet-3 { row-gap: 1rem !important; } .row-gap-tablet-4 { row-gap: 1.5rem !important; } .row-gap-tablet-5 { row-gap: 3rem !important; } .column-gap-tablet-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-tablet-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-tablet-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-tablet-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-tablet-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-tablet-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-tablet-start { text-align: left !important; } .text-tablet-end { text-align: right !important; } .text-tablet-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; filter: var(--bs-carousel-control-icon-filter); border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: var(--bs-carousel-indicator-active-bg); background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: var(--bs-carousel-caption-color); text-align: center; } .carousel-dark { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } :root, [data-bs-theme=light] { --bs-carousel-indicator-active-bg: #fff; --bs-carousel-caption-color: #fff; --bs-carousel-control-icon-filter: ; } [data-bs-theme=dark] { --bs-carousel-indicator-active-bg: #000; --bs-carousel-caption-color: #000; --bs-carousel-control-icon-filter: invert(1) grayscale(100); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Arsenal", sans-serif; margin-bottom: 20px; font-weight: 600; line-height: 1.4; letter-spacing: 1px; } h1, .h1, h2, .h2 { font-size: 1.875rem; } h3, .h3 { font-size: 1.375rem; } h4, .h4 { font-size: 1.25rem; } h5, .h5 { font-size: 1.125rem; } h6, .h6 { font-size: 1rem; } .fw-semibold { font-weight: 600 !important; } .fw-medium { font-weight: 500 !important; } .small-icon { font-size: 10px; } .title-highlight { display: inline; background-image: linear-gradient(90deg, #e5eeff, #e5eeff); background-position: 0 88%; background-size: 90px 10px; background-repeat: no-repeat; } .title-highlight.text-white { background-image: linear-gradient(90deg, #457b9d, #457b9d); } .bg-primary-light .title-highlight { background-image: linear-gradient(90deg, #fff, #fff); } @font-face { font-family: "icomoon"; src: url(/fonts/icomoon.eot?952889af792f17e74710ff9aeb28bc85); src: url(/fonts/icomoon.eot?952889af792f17e74710ff9aeb28bc85#iefix) format("embedded-opentype"), url(/fonts/icomoon.woff2?75e9b59186d494ebf4f1fe6230779d72) format("woff2"), url(/fonts/icomoon.ttf?cb04516127a93b6637ff94de75fba12d) format("truetype"), url(/fonts/icomoon.woff?48c1188ea22c4b4f2c831c04a2be57f4) format("woff"), url(/fonts/icomoon.svg?bf97b25353f3000323c67ba772512870#icomoon) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-lingua:before { content: "\e945"; } .icon-check_thin:before { content: "\e942"; } .icon-equal:before { content: "\e943"; } .icon-plus_thin:before { content: "\e944"; } .icon-righello:before { content: "\e941"; } .icon-assistenza:before { content: "\e939"; } .icon-chevron-sm:before { content: "\e93a"; } .icon-chevronsmtop:before { content: "\e93b"; } .icon-chevronsmright:before { content: "\e93c"; } .icon-chevronsmleft:before { content: "\e93d"; } .icon-close_sm:before { content: "\e93e"; } .icon-dot:before { content: "\e93f"; } .icon-hamburger_menu:before { content: "\e940"; } .icon-fax:before { content: "\e938"; } .icon-wish-full:before { content: "\e900"; } .icon-delivery:before { content: "\e916"; } .icon-cart:before { content: "\e909"; } .icon-account:before { content: "\e901"; } .icon-wish:before { content: "\e930"; } .icon-message:before { content: "\e91a"; } .icon-pin-up:before { content: "\e90f"; } .icon-pinterest:before { content: "\e920"; } .icon-facebook:before { content: "\e912"; } .icon-instagram:before { content: "\e915"; } .icon-search:before { content: "\e924"; } .icon-chevron-left:before { content: "\e90b"; } .icon-chevron-right:before { content: "\e90c"; } .icon-chevron-top:before { content: "\e90d"; } .icon-chevron-down:before { content: "\e902"; } .icon-arrow-down:before { content: "\e903"; } .icon-arrow-left:before { content: "\e904"; } .icon-arrow-right:before { content: "\e905"; } .icon-arrow-top:before { content: "\e906"; } .icon-box:before { content: "\e907"; } .icon-calendar:before { content: "\e908"; } .icon-card:before { content: "\e90a"; } .icon-check:before { content: "\e90e"; } .icon-settings:before { content: "\e934"; } .icon-close:before { content: "\e910"; } .icon-business-woman:before { content: "\e935"; } .icon-spinner:before { content: "\e936"; } .icon-download:before { content: "\e911"; } .icon-email:before { content: "\e913"; } .icon-filter:before { content: "\e914"; } .icon-info:before { content: "\e917"; } .icon-invoice:before { content: "\e918"; } .icon-linkedin:before { content: "\e919"; } .icon-list:before { content: "\e91b"; } .icon-minus:before { content: "\e91c"; } .icon-mobile:before { content: "\e91d"; } .icon-percent:before { content: "\e91e"; } .icon-phone:before { content: "\e91f"; } .icon-pin:before { content: "\e921"; } .icon-plus:before { content: "\e922"; } .icon-quote-close:before { content: "\e923"; } .icon-quote-open:before { content: "\e925"; } .icon-star-full:before { content: "\e926"; } .icon-star-half:before { content: "\e927"; } .icon-star:before { content: "\e928"; } .icon-tag:before { content: "\e929"; } .icon-time:before { content: "\e92a"; } .icon-trash:before { content: "\e92b"; } .icon-triangle-down:before { content: "\e92c"; } .icon-triangle-dx:before { content: "\e92d"; } .icon-triangle-sx:before { content: "\e92e"; } .icon-triangle-up:before { content: "\e92f"; } .icon-twitter:before { content: "\e931"; } .icon-youtube:before { content: "\e932"; } .icon-youtube-full:before { content: "\e933"; } .icon-tripadvisor:before { content: "\e937"; } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { -webkit-user-select: none; -moz-user-select: none; user-select: none; text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0 ; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .flatpickr-months .flatpickr-month { height: 45px; } .flatpickr-current-month { font-size: 1rem; padding: 15px 0 0 0; height: 45px; line-height: 1.4; } .flatpickr { background: url("/img/calendar.svg") calc(100% - 15px) center no-repeat; background-size: 18px auto; padding-right: 50px; } input[type=date i]::-webkit-calendar-picker-indicator { display: none; } @keyframes ca3_fade_move_down { 0% { transform: translate(0, -20px); opacity: 0; } 50% { opacity: 1; } 100% { transform: translate(0, 20px); opacity: 0; } } [data-ca3_icon]::before { font-weight: 400; content: attr(data-ca3_icon); } .ca3-scroll-down-arrow { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=); background-size: contain; background-repeat: no-repeat; } .ca3-scroll-down-link { cursor: pointer; height: 100px; width: 80px; margin: 0 0 0 -40px; line-height: 60px; position: absolute; left: 50%; bottom: 0; color: #fff; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0 0 3px rgba(0, 0, 0, 0.4); filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4)); animation: ca3_fade_move_down 2s ease-in-out infinite; } .modal { z-index: 3045; } .modal select:not(.smartshop_phonenumber-prefix) + .select2 { width: 100% !important; } .modal .select-taglie { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat 98%; background-size: 1.25rem; border: 1px solid #dee2e6; border-radius: 4px; box-sizing: border-box; color: #000; font-weight: 300; margin: 0; padding: 10px 15px; position: relative; text-indent: 0.01px; width: 100%; display: inline-block; vertical-align: middle; line-height: 30px; height: 50px; font-size: 14px; } .modal .select-taglie:focus { outline: none; } .modal .modal_note { display: flex; } .modal .modal_note a { font-weight: bold; } .modal-backdrop { z-index: 3040; } .wait-loader { padding-bottom: 1.6rem; } .banner-slider .swiper-slide { display: flex; align-items: center; background: #f1f1f1; } .banner-slider .swiper-slide > img { width: 100%; } .banner-slider .content-slider { position: absolute; z-index: 10; width: 100%; padding: 20px 50px; } @media (min-width: 576px) { .banner-slider .content-slider { padding: 50px 110px; } } @media (min-width: 992px) { .banner-slider .content-slider { width: 50%; padding: 50px; } .banner-slider .content-slider.start-0 { padding-left: 110px; } .banner-slider .content-slider.end-0 { padding-right: 110px; } } @media (max-width: 991.98px) { .banner-slider .content-slider img { display: none; } } @media (max-width: 575.98px) { .banner-slider .content-slider p { display: none; } } .banner-slider .content-slider .title-slider { font-size: 2.5rem; margin-bottom: 15px; } @media (max-width: 575.98px) { .banner-slider .content-slider .title-slider { font-size: 2.2rem; } } .banner-slider .content-slider .subtitle-slider { font-family: "Arsenal", sans-serif; line-height: 1.2; margin-bottom: 10px; } .banner-slider .content-slider p { margin-bottom: 20px; } .banner-slider .banner-slider-prev, .banner-slider .banner-slider-next { background: #fff; border-radius: 4px; width: 50px; height: 50px; } @media (max-width: 575.98px) { .banner-slider .banner-slider-prev, .banner-slider .banner-slider-next { width: 30px; height: 30px; } } .banner-slider .banner-slider-prev.swiper-button-disabled, .banner-slider .banner-slider-next.swiper-button-disabled { opacity: 0; } @media (min-width: 576px) { .banner-slider .banner-slider-prev { left: 30px; } } @media (min-width: 576px) { .banner-slider .banner-slider-next { right: 30px; } } @media (max-width: 575.98px) { .banner-slider .swiper-button-prev i, .banner-slider .swiper-button-next i { font-size: 16px; } } .banner-slider .swiper-pagination { bottom: 30px; padding: 0 105px; text-align: left; } .banner-slider .swiper-pagination .swiper-pagination-bullet { border: 2px solid #fff; } .banner-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { width: 7px; height: 7px; background: #fff; } @media (max-width: 1199.98px) { .banner-slider .swiper-pagination { bottom: 20px; } } @media (max-width: 991.98px) { .banner-slider .swiper-pagination .swiper-pagination-bullet { display: none; } } .clerk-recommendations { position: relative; padding: 0 45px; margin: 0; } @media (max-width: 575.98px) { .clerk-recommendations { padding: 0 30px; } } .swiper-clerk-carousel { position: static; } .swiper-clerk-carousel .productsList__item { border: 0; padding: 0 1px; } .swiper-clerk-carousel .productsList__item .card-body { padding: 20px 15px 0; } @media (max-width: 575.98px) { .swiper-clerk-carousel .productsList__item .card-body { padding: 15px 0 0; } } .swiper-clerk-carousel .productsList__item .card-body .category { text-transform: capitalize; } .swiper-clerk-carousel .productsList__item .card-img-top { border: 1px solid #d2d2d2; } .swiper-clerk-carousel .productsList__item .card-title { margin-bottom: 10px; text-transform: capitalize; } @media (max-width: 575.98px) { .swiper-clerk-carousel .productsList__item .card-title { letter-spacing: 0.5px; } } .swiper-clerk-carousel .productsList__item .productsList__item--price { margin-bottom: 0; } .swiper-clerk-carousel .productsList__item .priceLess { text-decoration: line-through; margin-right: 50px; } @media (max-width: 575.98px) { .swiper-clerk-carousel .productsList__item .priceLess { margin-right: 25px; } } .swiper-clerk-carousel .productsList__item .productsList__item--price-2 { font-weight: 600; } .swiper-clerk-carousel .productsList__item .productsList__item--freeship { display: none; } .swiper-clerk-carousel .swiper-button-prev, .swiper-clerk-carousel .swiper-button-next { top: 40%; } .swiper-clerk-carousel .swiper-button-next { right: -5px; } .swiper-clerk-carousel .swiper-button-prev { left: -5px; } .btn { padding: 13px 20px 10px; } .btn .spinner { display: none; } .btn--loading .spinner { display: inline-block; } .btn.loading { opacity: 0.2; } .btn.btn-add-to-cart.disabled { pointer-events: auto; } .btn.btn-insieme-addtocart.disabled { pointer-events: auto; } button .spinner { display: none; } button--loading .spinner { display: inline-block; } button.loading { opacity: 0.2; } .btn-lg, .btn-group-lg > .btn { padding: 13px 20px 8px; } .btn-secondary, .btn-cta { color: #fff; } .btn-secondary:hover, .btn-cta:hover { color: #fff; } .btn-link { padding: 0; text-decoration: none; font-weight: 600; border: 0; color: inherit; transition: 0.2s ease-out; } .btn-link:hover { opacity: 0.7; } .btn-link-exception { font-size: 14px !important; font-weight: 400 !important; text-decoration: underline !important; color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-gray-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .btn-link-exception:hover { font-size: 14px !important; font-weight: 400 !important; opacity: 1 !important; } [class*=btn-outline-] { background: #fff; } .btn-outline-gray-light { color: #5a5a5a; } .btn-primary-new { background-color: #457b9d !important; color: white !important; line-height: 1.4; padding: 20px 20px 14px 20px; transition: 0.3s; font-weight: 700; font-size: 12px; border: 1px solid #457b9d; border-radius: 5px !important; } @media (min-width: 576px) { .btn-primary-new { font-size: 14px; } } .btn-primary-new:hover:not(.disabled) { transform: translateY(-3px); } @media (max-width: 767.98px) { .btn-avviso-disponibile, .btn-manca-mia-taglia { width: 100%; } } .btn-outline-primary-new { color: #212529; line-height: 1.4; padding: 20px 20px 14px 20px; border: 1px solid #828282; transition: 0.3s; font-size: 12px; } @media (min-width: 576px) { .btn-outline-primary-new { font-size: 14px; } } .btn-outline-primary-new:hover:not(.disabled) { transform: translateY(-3px); border-color: #457b9d !important; } .btn-outline-primary-new.disabled { pointer-events: none !important; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: #232323; } .dropdown-menu { min-width: 0; } .dropdown-menu.show { z-index: 1003; } .dropdown-toggle::after { content: "\e93a"; font-family: "icomoon"; border: 0; font-size: 10px; vertical-align: top; } .dropdown-menu-hover { position: absolute; display: block; width: 100%; left: 0; right: 0; top: 100%; background: #fff; opacity: 0; visibility: hidden; z-index: 1; transition: 0.2s ease-out; } @media (min-width: 992px) { .dropdown-menu-hover { pointer-events: none; } } .dropdown-hover { position: static; } @media (min-width: 992px) { .dropdown-hover:hover .dropdown-menu-hover, .dropdown-hover.active .dropdown-menu-hover { opacity: 1; visibility: visible; pointer-events: initial; transition-delay: 0.2s; } } .dropdown-toggle-select { display: block; width: 100%; padding: 16px 15px 13px; font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .dropdown-toggle-select:after { content: ""; position: absolute; top: 50%; right: 15px; width: 1.25rem; height: 1.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23666'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transform: translateY(-50%); transition: transform 0.2s ease, background-image 0.2s ease; } .dropdown-toggle-select[aria-expanded=true] { cursor: pointer; border-color: #457b9d; } .dropdown-toggle-select[aria-expanded=true]:after { transform: translateY(-50%) rotate(180deg); } .dropdown-toggle-select.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.4em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23cd1719'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23cd1719' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.35em + 2rem) center; background-size: calc(0.7em + 0.375rem) calc(0.7em + 0.375rem); } .cart-item .h6 { letter-spacing: 1px; font-size: 0.875rem; } .cart-item .img-cart-miniature { border: 1px solid #d2d2d2; } .cart-item .remove-from-cart { cursor: pointer; } .cart-item .remove-from-cart:hover i { color: #5a5a5a; } .cart-item .remove-from-cart i { font-size: 17px; color: #b0b0b0; transition: 0.2s ease-out; } .cart-item strong { font-weight: 600; } .top-banner { font-weight: 500; } @media (max-width: 575.98px) { .top-banner .fs-1 { font-size: 10px !important; } } .close-top-banner { position: absolute; right: 0; font-size: 10px; font-weight: 700; padding: 5px; cursor: pointer; transition: 0.4s ease-out; } .close-top-banner:hover { transform: rotate(180deg); } @media (max-width: 575.98px) { .close-top-banner { top: 7px; } } .social { margin-bottom: 0; } .social i { font-size: 24px; transition: 0.2s ease-out; } .social a { color: #b0b0b0; } .social a:hover i { color: #457b9d; } .form-newsletter { max-width: 500px; } .form-newsletter .form-check [type=checkbox] + label:before { border: 2px solid #232323; } .form-newsletter .form-check [type=checkbox] + label:after { color: #232323; } .accordion.accordion-flush { border-radius: 10px; overflow: hidden; } .accordion-button { text-transform: uppercase; padding: 34px 30px 26px; } .accordion-button:not(.collapsed) { box-shadow: none; font-weight: 600; } .accordion-body { padding: 0 30px 30px; color: #5a5a5a; font-size: 0.75rem; } .accordion-body > *:last-child { margin-bottom: 0; } .text-expandable { overflow: hidden; } .text-expandable p:last-of-type { margin-bottom: 0; } .text-expandable.open + .btn-read-more .more { display: none; } .text-expandable.open + .btn-read-more .minus { display: block; } .text-expandable.close + .btn-read-more .more { display: block; } .text-expandable.close + .btn-read-more .minus { display: none; } .text-separator-wrap { width: 100%; position: relative; text-align: center; z-index: 1; } .text-separator { background: #fff; text-align: center; padding: 0 10px; display: inline-block; font-weight: 600; } .text-separator:before { content: ""; width: 100%; height: 1px; background: #d2d2d2; position: absolute; top: 50%; left: 0; z-index: -1; } @media (min-width: 1200px) { .col-information-sidebar .list-group { font-size: 1rem; } } .col-information-sidebar .list-group > li { margin-bottom: 20px; } .col-information-sidebar .list-group .list-group-item { color: #5a5a5a; } .col-information-sidebar .list-group .list-group-item.current, .col-information-sidebar .list-group .list-group-item:hover { color: #457b9d; text-decoration: underline; } .col-information-sidebar .list-group .list-group-item.current { font-weight: 700; } .image-slider { padding-right: 45px; position: relative; } @media (max-width: 575.98px) { .image-slider { padding-right: 30px; } } .image-slider .swiper-container { position: static; } .image-slider .swiper-button-prev { display: none; } .image-slider .swiper-button-next { right: -5px; } .image-slider .swiper-pagination { padding-right: 45px; bottom: 30px; } @media (max-width: 575.98px) { .image-slider .swiper-pagination { display: none; } } .image-slider .swiper-pagination .swiper-pagination-bullet { border-color: #fff; } .image-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after { background: #fff; } @media (max-width: 991.98px) { .col-information-sidebar { order: 2; } } .table h1, .table h2, .table h3, .table h4, .table h5, .table .h1, .table .h2, .table .h3, .table .h4, .table .h5 { margin-bottom: 0; } .table a { color: #457b9d; } .table a:hover { text-decoration: underline; } .table > :not(caption) > * > * { padding: 15px 10px 10px; } .video-wrap { padding-top: 56.25%; height: 0; overflow: hidden; position: relative; } .video-wrap .video-preview { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 1; cursor: pointer; } .video-wrap:after { position: absolute; content: ""; width: 90px; height: 90px; top: calc(50% - 45px); left: calc(50% - 45px); background: url("/img/play.svg") center center no-repeat; background-size: contain; z-index: 2; cursor: pointer; transition: 0.3s ease-out; } @media (max-width: 767.98px) { .video-wrap:after { width: 60px; height: 60px; top: calc(50% - 30px); left: calc(50% - 30px); } } .video-wrap:hover:after { transform: scale(1.1); } .video-wrap.start-video:after { display: none; } .video-wrap iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .badge { display: inline-block; padding: 8px 10px 8px 10px; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border: 1px solid lightslategrey; border-radius: 10px; } .badge:empty { display: none; } .badge i { padding-left: 5px; cursor: pointer; } .btn .badge { position: relative; top: -1px; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .selection .iti__flag { margin-top: 17px; } .iti__text { /*width: 45px;*/ margin-left: 8px; font-size: smaller; float: left; overflow: hidden; } .iti__flag { width: 20px; float: left; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("/img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (min-resolution: 192dpi) { .iti__flag { background-image: url("/img/flags@2x.png"); } } .iti__flag.iti__np { background-color: transparent; } @media (max-width: 575.98px) { #subscription-form { max-width: none !important; left: 10px !important; right: 10px !important; } } #subscription-form { position: fixed; z-index: 10000; box-sizing: border-box; } #subscription-form.container_break-word { word-break: break-word; } #subscription-form.style_light { border-radius: 6px; font-family: Arial, sans serif; background-color: white; border: 2px solid white; color: #7D7D7D; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.3); } #subscription-form.size_small { padding: 20px 30px; max-width: 340px; min-width: 240px; } #subscription-form.position_bottom-left { bottom: 30px; left: 30px; } #subscription-form .subscription-popup-title { color: #545454; font-weight: bold; letter-spacing: 0.03em; line-height: 1.2em; font-size: 20px; text-align: center; margin: 5px 0; } #subscription-form .close-button { position: absolute; top: 8px; right: 8px; cursor: pointer; } #subscription-form label { color: #9a9a9a; font-size: 13px; line-height: 1.2em; font-weight: bold; } #subscription-form .label-privacy { font-size: 11.2px; color: #858585; line-height: 1.4em; font-weight: bold; } #subscription-form .label-privacy a { color: #12BF6D; } #subscription-form > * #btn_submit_widget_newsletter { border-color: #12BF6D; background-color: #12BF6D; transition: background-color 0.2s; color: white; border-radius: 3px; font-weight: bold; } #subscription-form > * #btn_submit_widget_newsletter:hover { border-color: #0BA059; background-color: #0BA059; } .products-slider-gallery.slider { position: relative; padding: 0 60px; } @media (max-width: 767.98px) { .products-slider-gallery.slider { padding: 0 40px; } } .products-slider-gallery.slider .swiper-pagination { display: none; position: relative; bottom: 0; margin-top: 30px; } .products-slider-gallery .col { flex: 1 0 auto; } .products-slider-gallery .col figure.card-img-top { aspect-ratio: 3/4; display: flex; align-items: center; justify-content: center; } .products-slider-gallery .col div.card-body { padding-left: 0; padding-right: 0; } .products-slider-gallery .col div.card-body .content .product-attributes ul.product-attribute-size { display: none !important; } .products-slider-gallery .col div.card-body .content .product-price { margin-bottom: 1rem; } .products-slider-gallery .col div.card-body .content .product-price h4.sconto-sotto-gallery, .products-slider-gallery .col div.card-body .content .product-price .sconto-sotto-gallery.h4 { display: none !important; } .gallery-grid { display: flex; justify-content: center; flex-wrap: wrap; -moz-column-gap: var(--grid-gutter); column-gap: var(--grid-gutter); padding: 0px var(--grid-gutter); --grid-col: var(--grid-col-desktop); --grid-gutter: 20px; } .gallery-grid > * { flex: 0 0 calc((100% - var(--grid-gutter) * (var(--grid-col) - 1)) / var(--grid-col)); } .hide-sizes .product-card .product-attributes ul.product-attribute-size { display: none !important; } .gescat_swiper_products { padding: 0px var(--pad); --pad: var(--pad-desktop); } @media (max-width: 768px) { .gallery-grid { --grid-col: var(--grid-col-mobile); --grid-gutter: 5px; } .gescat_swiper_products { --pad: var(--pad-mobile) ; } } .top_header { border-bottom: 1px solid #d2d2d2; padding: 7px 0 4px; } @media (max-width: 575.98px) { .top_header { padding: 4px 0 2px; } } .top_header span, .top_header a, .top_header p { color: #5a5a5a; } .top_header span i, .top_header a i, .top_header p i { font-size: 10px; font-weight: 700; } .top_header a:hover { color: #457b9d; } .top_header .navbar-nav .nav-item { display: inline-flex; align-items: center; padding: 0 20px; position: relative; } .top_header .navbar-nav .nav-item:after { content: "|"; position: absolute; right: 0; } .top_header .navbar-nav .nav-item .nav-link { padding: 5px 0; } .top_header .navbar-nav .nav-item:last-of-type { padding-right: 0; } .top_header .navbar-nav .nav-item:last-of-type:after { display: none; } .top_header .navbar-nav .nav-item .dropdown-menu > li { padding: 3px 15px; } .top_header .navbar-nav .nav-item .dropdown-menu > li > a { padding: 3px 0; background-position: 0 90%, 0 90%; } .top_header .navbar-nav .nav-item .dropdown-menu > li > a:hover { color: #5a5a5a; } .top_header .ticker { margin: 0 auto; padding: 0; width: 100%; position: relative; overflow: hidden; height: 25px; } .top_header .ticker ul { width: 100%; position: relative; margin: 0; padding: 0; display: list-item; height: 25px; } .top_header .ticker ul li { width: 100%; display: none; margin: 0; padding: 0; height: 25px; line-height: 25px; } @media (max-width: 575.98px) { .top_header .ticker ul li { font-size: 1rem; } } @media (max-width: 575.98px) { .top_header .fs-1 { font-size: 10px !important; } } #header { background: #fff; font-weight: 500; z-index: 2000; } #header .header-content { padding: 15px 0; } @media (max-width: 991.98px) { #header .header-content { padding: 0; } #header .header-content .search-form { display: none; position: absolute; left: 0; top: 100%; width: 100%; max-width: 100%; background: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 5; } } #header .header-content .dropdown-toggle::after { display: none; } #header .navbar-brand { padding: 0; } @media (max-width: 575.98px) { #header .navbar-brand { max-width: 160px; } } #header .widget-cart a, #header .widget-wishlist a { position: relative; } #header .widget-cart a:hover, #header .widget-wishlist a:hover { text-decoration: none; } #header .gescat_cart_count, #header .gescat_wishlist_count { position: absolute; width: 20px; height: 20px; border-radius: 50%; top: 10px; right: 17px; padding-top: 5px; color: #fff; background: #457b9d; text-align: center; font-weight: 400; } @media (max-width: 575.98px) { #header .gescat_cart_count, #header .gescat_wishlist_count { display: block; width: 16px; height: 16px; top: 12px; right: 1px; padding-top: 3px; font-size: 8px; font-weight: 500; } } #header .dropdown-item, #header .top_header .navbar-nav .nav-item .nav-link, .top_header .navbar-nav .nav-item #header .nav-link { display: inline; width: auto; color: #5a5a5a; font-size: 0.75rem; font-weight: 500; white-space: initial; background-image: linear-gradient(90deg, #e5eeff, #e5eeff), linear-gradient(transparent, transparent); background-position: 0 70%, 0 70%; background-size: 0 9px, 100% 9px; background-repeat: no-repeat; transition: 0.2s ease-out; } #header .dropdown-item:hover, #header .top_header .navbar-nav .nav-item .nav-link:hover, .top_header .navbar-nav .nav-item #header .nav-link:hover, #header .dropdown-item:focus, #header .top_header .navbar-nav .nav-item .nav-link:focus, .top_header .navbar-nav .nav-item #header .nav-link:focus, #header .dropdown-item.active, #header .top_header .navbar-nav .nav-item .active.nav-link, .top_header .navbar-nav .nav-item #header .active.nav-link { color: #5a5a5a; background-color: transparent; } @media (min-width: 992px) { #header .dropdown-item:hover, #header .top_header .navbar-nav .nav-item .nav-link:hover, .top_header .navbar-nav .nav-item #header .nav-link:hover, #header .dropdown-item.active, #header .top_header .navbar-nav .nav-item .active.nav-link, .top_header .navbar-nav .nav-item #header .active.nav-link { background-size: 100% 9px, 100% 9px; } } #header:not(.sticky-ready) { margin-top: 0 !important; } #header.sticky-ready { position: fixed; width: 100%; max-width: 100%; top: 0; transition: top 0.5s ease-out; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); } #header.sticky-ready .header-content { padding-top: 0; } #header.sticky-ready .top_header { display: none; } @media (max-width: 991.98px) { #header.sticky-ready:not(.sticky) { overflow: hidden; } } @media (min-width: 992px) { .header-content-top { padding: 8px 0; } } .header-content-top .widget-menu { margin-right: -15px; } @media (max-width: 991.98px) { .header-content-top .widget-menu { margin-left: auto; } } @media (max-width: 575.98px) { .header-content-top .widget-menu { margin-right: -8px; } } .header-content-top .widget-menu .nav-link { display: inline-flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 15px; color: #232323; } @media (max-width: 575.98px) { .header-content-top .widget-menu .nav-link { padding: 15px 8px; } } .header-content-top .widget-menu .nav-link i { font-size: 20px; color: #b0b0b0; transition: 0.2s ease-out; } @media (min-width: 576px) { .header-content-top .widget-menu .nav-link i { margin-bottom: 8px; font-size: 24px; } } .header-content-top .widget-menu .nav-link span { font-size: 0.6rem; transition: 0.2s ease-out; } @media (max-width: 575.98px) { .header-content-top .widget-menu .nav-link span { display: none; } } .header-content-top .widget-menu .nav-item { position: relative; z-index: 1; } .header-content-top .widget-menu .widget-dropdown > a { border: 1px solid transparent; border-bottom: 1px solid #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; z-index: 2; transition: 0.2s ease-out; } @media (min-width: 992px) { .header-content-top .widget-menu .widget-dropdown:hover > a, .header-content-top .widget-menu .widget-dropdown.active > a { border: 1px solid #d2d2d2; border-bottom: 1px solid #fff; transition-delay: 0.2s; } } .header-content-top .widget-menu .dropdown-menu-hover { width: 350px; left: auto; right: 0; margin-top: 0; border: 1px solid #d2d2d2; border-radius: 4px; border-top-right-radius: 0; padding: 15px; } .header-content-top .widget-menu .widget-wishlist span { background-image: linear-gradient(90deg, #e5eeff, #e5eeff), linear-gradient(transparent, transparent); background-position: 0 150%, 0 150%; background-size: 0 9px, 100% 9px; background-repeat: no-repeat; display: inline-flex; flex-direction: column; text-align: center; } .header-content-top .widget-menu .widget-wishlist span:hover { font-weight: 600; } .header-content-top .widget-menu .widget-wishlist span:hover:before { font-weight: 500; } .header-content-top .widget-menu .widget-wishlist span:before { content: attr(data-text); content: attr(data-text)/""; height: 0; visibility: hidden; overflow: hidden; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; letter-spacing: 0.1px; } @media speech { .header-content-top .widget-menu .widget-wishlist span:before { display: none; } } .header-content-top .widget-menu .widget-wishlist:hover i { color: #457b9d; } .header-content-top .widget-menu .widget-wishlist:hover span { background-size: 100% 9px, 100% 9px; font-weight: 600; } .header-content-top .widget-menu .widget-account .dropdown-menu-hover { padding-top: 20px; } .header-content-top .widget-menu .widget-account .form-control { padding: 10px 15px 7px; } .header-content-top .widget-menu .widget-account .btn { padding: 8px 12px 5px; } @media (min-width: 992px) { .header-nav { padding-top: 5px; } } @media (max-width: 991.98px) { .header-nav .navbar-nav .nav-item > a { padding: 14px 15px 10px; } } @media (min-width: 992px) { .header-nav .navbar-nav .nav-item { margin: 0 18px; } } @media (min-width: 992px) and (max-width: 1023.98px) { .header-nav .navbar-nav .nav-item { margin: 0 10px; } } .header-nav .navbar-nav .nav-item:first-of-type { margin-left: 0; } .header-nav .navbar-nav .nav-item:last-of-type { margin-right: 0; } .header-nav .navbar-nav .nav-item > a { color: #5a5a5a; font-size: 0.75rem; text-transform: uppercase; transition: 0.3s ease-out; } @media (min-width: 992px) { .header-nav .navbar-nav .nav-item > a { text-align: center; padding: 8px 0; background-image: linear-gradient(90deg, #e5eeff, #e5eeff), linear-gradient(transparent, transparent); background-position: 0 64%, 0 64%; background-size: 0 9px, 100% 9px; background-repeat: no-repeat; } } @media (min-width: 992px) and (max-width: 1023.98px) { .header-nav .navbar-nav .nav-item > a { font-size: 11px; } } @media (min-width: 992px) { .header-nav .navbar-nav .nav-item:hover > a, .header-nav .navbar-nav .nav-item > a.active { color: #5a5a5a; background-size: 100% 9px, 100% 9px; } .header-nav .navbar-nav .nav-item > a.active { font-weight: 600; } } .header-nav .navbar-nav .nav-item.highlight-item > a { color: #cd1719; } .header-nav .dropdown-item, .header-nav .top_header .navbar-nav .nav-item .nav-link, .top_header .navbar-nav .nav-item .header-nav .nav-link { padding-left: 0; padding-right: 0; } #header .checkout-header .navbar-brand { padding: 12px 0; display: inline-block; } #header .checkout-header .link-chat i { font-size: 20px; } #btn-menu-mobile { height: 14px; min-width: 26px; margin-right: 15px; position: relative; transform: rotate(0deg); cursor: pointer; transition: 0.5s ease-in-out; } @media (min-width: 576px) and (max-width: 991.98px) { #btn-menu-mobile { margin-right: 45px; } } #btn-menu-mobile span { display: block; position: absolute; height: 2px; width: 100%; background: #b0b0b0; opacity: 1; left: 0; transform: rotate(0deg); transition: 0.25s ease-in-out; } #btn-menu-mobile span:nth-child(1) { top: 0; } #btn-menu-mobile span:nth-child(2), #btn-menu-mobile span:nth-child(3) { top: 6px; } #btn-menu-mobile span:nth-child(4) { top: 12px; } #btn-menu-mobile.open span:nth-child(1) { top: 6px; width: 0; left: 50%; } #btn-menu-mobile.open span:nth-child(2) { transform: rotate(45deg); } #btn-menu-mobile.open span:nth-child(3) { transform: rotate(-45deg); } #btn-menu-mobile.open span:nth-child(4) { top: 6px; width: 0; left: 50%; } .overlay_fast_checkout { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.8); color: red; z-index: 9999; } .overlay_fast_checkout p { margin-top: 20px; text-align: center; padding: 8px; background: rgba(255, 255, 255, 0.5); } @media (min-width: 992px) { .section-plus .col-plus { max-width: 210px; } } @media (max-width: 991.98px) { .section-plus .col-plus { background: #e5eeff; padding: 25px; width: 100%; } } @media (max-width: 575.98px) { .section-plus .col-plus { padding: 15px; } } .section-plus .col-plus .title-plus { font-size: 24px; } .section-plus .col-plus p { font-weight: 400; letter-spacing: 0.5px; } @media (max-width: 991.98px) { .section-plus .col-plus p { display: none; } } .title-footer-reviews { transform: translateY(-25px); } @media (max-width: 575.98px) { .title-footer-reviews { transform: translateY(-22px); } } @media (max-width: 767.98px) { .footer-content > .section-padding { padding-top: 29.7px; } } @media (min-width: 992px) { .footer-content .col-left-footer { border-right: 1px solid #d2d2d2; } } @media (max-width: 991.98px) { .footer-content .col-left-footer { border-bottom: 1px solid #d2d2d2; padding-bottom: 45px; margin-bottom: 45px; } } @media (max-width: 991.98px) { .footer-content .col-left-footer { padding-bottom: 29.7px; } } .footer-content .footer-menu { padding-left: 0; list-style-type: none; margin-bottom: 0; } .footer-content .footer-menu li { margin-bottom: 6px; } .footer-content .footer-menu li:last-of-type { margin-bottom: 0; } .footer-content .footer-menu li a { color: #232323; font-weight: 400; font-size: 13px; line-height: 1.2; } .footer-content .footer-menu li a:hover { color: #457b9d; } .footer-content .footer-menu .list-payment { padding-left: 0; list-style-type: none; margin-bottom: 0; } .footer-content .footer-menu .list-payment li { display: inline-block; margin: 13px 10px 0 0; } @media (max-width: 767.98px) { .footer-accordion .title-footer { display: flex; margin-bottom: 0; padding: 15px 0; } .footer-accordion .title-footer:after { content: "\e902"; font-family: "icomoon"; font-weight: 400; color: #b0b0b0; margin-left: auto; } .footer-accordion .title-footer.active:after { content: "\e90d"; } .footer-accordion .footer-menu { display: none; padding-bottom: 20px; } } .footer-after p { font-size: 11px; line-height: 2; } @media (min-width: 992px) { .footer-after .col-brands-footer-after { max-width: 185px; } } @media (max-width: 991.98px) { .footer-after .col-brands-footer-after .col { max-width: 70px; } } .footer-after .copyright a { font-weight: 700; } .footer-checkout .section-plus { padding-top: 50px; padding-bottom: 50px; } #toTop { display: inline-flex; align-items: center; justify-content: center; position: fixed; right: 30px; left: auto; bottom: 80px; height: 60px; width: 60px; border-radius: 4px; background: #e5eeff; z-index: 1000; transform: translateX(110px); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1); } @media (max-width: 767.98px) { #toTop { display: none; } } @media (max-width: 575.98px) { #toTop { display: none !important; } } #toTop.active { transform: translateX(0); } #toTop i { font-size: 24px; display: block; color: #b0b0b0; transition: 0.5s cubic-bezier(0.7, 0, 0.3, 1); } #toTop:hover { background: #457b9d; } #toTop:hover i { color: #fff; } body .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], body .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] { left: 0 !important; right: auto !important; } #main-menu { position: static; } .megamenu { border: 0; background: #fff; } .megamenu:before { content: ""; position: absolute; width: 100%; height: 100vh; left: 0; right: 0; top: 100%; background: rgba(29, 53, 87, 0.5); z-index: -1; pointer-events: none; transition: 0.2s ease-out; } .megamenu ul { padding: 0; list-style-type: none; margin-bottom: 20px; } .megamenu ul:last-child { margin-bottom: 0; } .megamenu ul > li { margin-bottom: 7px; line-height: 1.2; } .megamenu ul > li:last-of-type { margin-bottom: 0; } .megamenu .btn-link { font-size: 11px; font-weight: 600; color: #457b9d; transition: 0.2s ease-out; } .megamenu .megamenu-image-list li { margin: 0 70px; } .megamenu .megamenu-image-list li figure { margin-bottom: 0; } .megamenu .megamenu-image-list li img { transition: 0.2s ease-out; } .megamenu .megamenu-image-list li > a:hover img { transform: scale(1.1); } .megamenu .card *:not(.btn-link) { color: #232323; } .megamenu .card p { line-height: 1.6; } .megamenu .card figure { overflow: hidden; } .megamenu .card img { transition: 0.4s ease-out; } .megamenu .card:hover img { transform: scale(1.1); } @media (min-width: 992px) { .mm-header-layer { display: none; } } @media (max-width: 991.98px) { #main-menu { position: fixed; width: 100%; height: 100%; border-top: 1px solid #d2d2d2; background: #fff; padding: 15px; z-index: 1030; overflow-y: scroll; right: -100%; visibility: hidden; transition: 0.2s ease-out; } #main-menu .dropdown-menu-hover { top: 0; } #main-menu .navbar-nav { flex-direction: column; } #main-menu.open { visibility: visible; right: 0; } #main-menu .nav-item > a { padding-right: 30px; font-size: 0.875rem; } #main-menu .dmenu--has-sub > a, #main-menu .block-title { position: relative; display: flex; align-items: center; } #main-menu .dmenu--has-sub > a:after, #main-menu .block-title:after { content: "\e90c"; font-family: "icomoon"; position: absolute; right: 0; color: #b0b0b0; font-size: 14px; } .megamenu-image-list, .megamenu-footer, .block-card, .block-menu .btn-link { display: none !important; } .megamenu:before { display: none; } .megamenu [class*=border-] { border: 0 !important; } .megamenu .column-count-2 { -moz-column-count: auto; column-count: auto; } .megamenu, .block-menu .block-list { position: fixed; width: 100%; height: 100%; border-top: 1px solid #d2d2d2; background: #fff; padding: 0 0 15px; opacity: 1; left: auto; top: 0; right: -100%; visibility: hidden; overflow-y: scroll; transition: 0.3s ease-out; } .megamenu.open, .block-menu .block-list.open { visibility: visible; right: 0; } .megamenu .block-title, .block-menu .block-list .block-title { width: 100%; font-family: "Arsenal", sans-serif; font-size: 0.875rem; font-weight: 500; padding: 14px 30px 10px 15px; margin-bottom: 0; text-transform: none !important; } #header .block-list { z-index: 1; } #header .block-list > li { padding: 0 15px; margin-bottom: 0; } #header .block-list > li > a { display: block; padding: 14px 30px 10px 15px; font-size: 0.875rem; } .block-menu { padding: 0 15px !important; border: 0 !important; } .mm-header-layer { display: flex; background-color: #e5eeff; margin-bottom: 15px; } .mm-header-layer .show-all { display: block !important; align-self: center; white-space: nowrap; padding: 5px 20px 0 5px; } .mm-btn-back { width: 100%; font-family: "Arsenal", sans-serif; font-size: 1.25rem; text-align: left; padding: 10px 15px; border: 0; background-color: transparent; text-transform: uppercase; letter-spacing: 1px; } .mm-btn-back i { color: #b0b0b0; margin-right: 5px; } #main-menu .navbar-mobile { margin-top: 15px; } #main-menu .navbar-mobile .nav-item > a { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 15px; text-align: center; font-size: 1.125rem; color: #232323; letter-spacing: 0.5px; } #main-menu .navbar-mobile .nav-item > a i { font-size: 36px; margin-bottom: 10px; color: #457b9d; } #main-menu .navbar-mobile .dmenu--has-sub > a:after { display: none; } #main-menu .navbar-mobile .block-title:after { display: none; } } .breadcrumb .breadcrumb-item { text-transform: capitalize; display: inline-flex; align-items: center; } .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span { font-size: 0.75rem; color: #5a5a5a; font-weight: 500; text-transform: capitalize; } .breadcrumb .breadcrumb-item a:hover { color: #457b9d; } .breadcrumb .breadcrumb-item + .breadcrumb-item:before { font-weight: 500; } @media (max-width: 767.98px) { .breadcrumb .breadcrumb-item a, .breadcrumb .breadcrumb-item span { font-size: 10px; color: #232323; } .breadcrumb .breadcrumb-item { /* tasto home, con il carattere < prima della label */ } .breadcrumb .breadcrumb-item.is-back-home { display: block; padding-bottom: 4px; } .breadcrumb .breadcrumb-item.is-back-home a, .breadcrumb .breadcrumb-item.is-back-home span { text-transform: capitalize; } .breadcrumb .breadcrumb-item.is-back-home:before { content: "\e93d"; font-family: "icomoon"; margin-right: 5px; font-size: 9px; } } .breadcrumb { /* c'è il tasto HOME quindi devo rimuovere lo slash del primo elemento */ } .breadcrumb .breadcrumb-item.is-back-home + .breadcrumb-item { padding-left: 0; } @font-face { font-display: block; font-family: "bootstrap-icons"; src: url("/fonts/bootstrap-icons.woff2?dd67030699838ea613ee6dbda90effa6") format("woff2"), url("/fonts/bootstrap-icons.woff?dd67030699838ea613ee6dbda90effa6") format("woff"); } .bi::before, [class^=bi-]::before, [class*=" bi-"]::before { display: inline-block; font-family: bootstrap-icons !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-123::before { content: "\f67f"; } .bi-alarm-fill::before { content: "\f101"; } .bi-alarm::before { content: "\f102"; } .bi-align-bottom::before { content: "\f103"; } .bi-align-center::before { content: "\f104"; } .bi-align-end::before { content: "\f105"; } .bi-align-middle::before { content: "\f106"; } .bi-align-start::before { content: "\f107"; } .bi-align-top::before { content: "\f108"; } .bi-alt::before { content: "\f109"; } .bi-app-indicator::before { content: "\f10a"; } .bi-app::before { content: "\f10b"; } .bi-archive-fill::before { content: "\f10c"; } .bi-archive::before { content: "\f10d"; } .bi-arrow-90deg-down::before { content: "\f10e"; } .bi-arrow-90deg-left::before { content: "\f10f"; } .bi-arrow-90deg-right::before { content: "\f110"; } .bi-arrow-90deg-up::before { content: "\f111"; } .bi-arrow-bar-down::before { content: "\f112"; } .bi-arrow-bar-left::before { content: "\f113"; } .bi-arrow-bar-right::before { content: "\f114"; } .bi-arrow-bar-up::before { content: "\f115"; } .bi-arrow-clockwise::before { content: "\f116"; } .bi-arrow-counterclockwise::before { content: "\f117"; } .bi-arrow-down-circle-fill::before { content: "\f118"; } .bi-arrow-down-circle::before { content: "\f119"; } .bi-arrow-down-left-circle-fill::before { content: "\f11a"; } .bi-arrow-down-left-circle::before { content: "\f11b"; } .bi-arrow-down-left-square-fill::before { content: "\f11c"; } .bi-arrow-down-left-square::before { content: "\f11d"; } .bi-arrow-down-left::before { content: "\f11e"; } .bi-arrow-down-right-circle-fill::before { content: "\f11f"; } .bi-arrow-down-right-circle::before { content: "\f120"; } .bi-arrow-down-right-square-fill::before { content: "\f121"; } .bi-arrow-down-right-square::before { content: "\f122"; } .bi-arrow-down-right::before { content: "\f123"; } .bi-arrow-down-short::before { content: "\f124"; } .bi-arrow-down-square-fill::before { content: "\f125"; } .bi-arrow-down-square::before { content: "\f126"; } .bi-arrow-down-up::before { content: "\f127"; } .bi-arrow-down::before { content: "\f128"; } .bi-arrow-left-circle-fill::before { content: "\f129"; } .bi-arrow-left-circle::before { content: "\f12a"; } .bi-arrow-left-right::before { content: "\f12b"; } .bi-arrow-left-short::before { content: "\f12c"; } .bi-arrow-left-square-fill::before { content: "\f12d"; } .bi-arrow-left-square::before { content: "\f12e"; } .bi-arrow-left::before { content: "\f12f"; } .bi-arrow-repeat::before { content: "\f130"; } .bi-arrow-return-left::before { content: "\f131"; } .bi-arrow-return-right::before { content: "\f132"; } .bi-arrow-right-circle-fill::before { content: "\f133"; } .bi-arrow-right-circle::before { content: "\f134"; } .bi-arrow-right-short::before { content: "\f135"; } .bi-arrow-right-square-fill::before { content: "\f136"; } .bi-arrow-right-square::before { content: "\f137"; } .bi-arrow-right::before { content: "\f138"; } .bi-arrow-up-circle-fill::before { content: "\f139"; } .bi-arrow-up-circle::before { content: "\f13a"; } .bi-arrow-up-left-circle-fill::before { content: "\f13b"; } .bi-arrow-up-left-circle::before { content: "\f13c"; } .bi-arrow-up-left-square-fill::before { content: "\f13d"; } .bi-arrow-up-left-square::before { content: "\f13e"; } .bi-arrow-up-left::before { content: "\f13f"; } .bi-arrow-up-right-circle-fill::before { content: "\f140"; } .bi-arrow-up-right-circle::before { content: "\f141"; } .bi-arrow-up-right-square-fill::before { content: "\f142"; } .bi-arrow-up-right-square::before { content: "\f143"; } .bi-arrow-up-right::before { content: "\f144"; } .bi-arrow-up-short::before { content: "\f145"; } .bi-arrow-up-square-fill::before { content: "\f146"; } .bi-arrow-up-square::before { content: "\f147"; } .bi-arrow-up::before { content: "\f148"; } .bi-arrows-angle-contract::before { content: "\f149"; } .bi-arrows-angle-expand::before { content: "\f14a"; } .bi-arrows-collapse::before { content: "\f14b"; } .bi-arrows-expand::before { content: "\f14c"; } .bi-arrows-fullscreen::before { content: "\f14d"; } .bi-arrows-move::before { content: "\f14e"; } .bi-aspect-ratio-fill::before { content: "\f14f"; } .bi-aspect-ratio::before { content: "\f150"; } .bi-asterisk::before { content: "\f151"; } .bi-at::before { content: "\f152"; } .bi-award-fill::before { content: "\f153"; } .bi-award::before { content: "\f154"; } .bi-back::before { content: "\f155"; } .bi-backspace-fill::before { content: "\f156"; } .bi-backspace-reverse-fill::before { content: "\f157"; } .bi-backspace-reverse::before { content: "\f158"; } .bi-backspace::before { content: "\f159"; } .bi-badge-3d-fill::before { content: "\f15a"; } .bi-badge-3d::before { content: "\f15b"; } .bi-badge-4k-fill::before { content: "\f15c"; } .bi-badge-4k::before { content: "\f15d"; } .bi-badge-8k-fill::before { content: "\f15e"; } .bi-badge-8k::before { content: "\f15f"; } .bi-badge-ad-fill::before { content: "\f160"; } .bi-badge-ad::before { content: "\f161"; } .bi-badge-ar-fill::before { content: "\f162"; } .bi-badge-ar::before { content: "\f163"; } .bi-badge-cc-fill::before { content: "\f164"; } .bi-badge-cc::before { content: "\f165"; } .bi-badge-hd-fill::before { content: "\f166"; } .bi-badge-hd::before { content: "\f167"; } .bi-badge-tm-fill::before { content: "\f168"; } .bi-badge-tm::before { content: "\f169"; } .bi-badge-vo-fill::before { content: "\f16a"; } .bi-badge-vo::before { content: "\f16b"; } .bi-badge-vr-fill::before { content: "\f16c"; } .bi-badge-vr::before { content: "\f16d"; } .bi-badge-wc-fill::before { content: "\f16e"; } .bi-badge-wc::before { content: "\f16f"; } .bi-bag-check-fill::before { content: "\f170"; } .bi-bag-check::before { content: "\f171"; } .bi-bag-dash-fill::before { content: "\f172"; } .bi-bag-dash::before { content: "\f173"; } .bi-bag-fill::before { content: "\f174"; } .bi-bag-plus-fill::before { content: "\f175"; } .bi-bag-plus::before { content: "\f176"; } .bi-bag-x-fill::before { content: "\f177"; } .bi-bag-x::before { content: "\f178"; } .bi-bag::before { content: "\f179"; } .bi-bar-chart-fill::before { content: "\f17a"; } .bi-bar-chart-line-fill::before { content: "\f17b"; } .bi-bar-chart-line::before { content: "\f17c"; } .bi-bar-chart-steps::before { content: "\f17d"; } .bi-bar-chart::before { content: "\f17e"; } .bi-basket-fill::before { content: "\f17f"; } .bi-basket::before { content: "\f180"; } .bi-basket2-fill::before { content: "\f181"; } .bi-basket2::before { content: "\f182"; } .bi-basket3-fill::before { content: "\f183"; } .bi-basket3::before { content: "\f184"; } .bi-battery-charging::before { content: "\f185"; } .bi-battery-full::before { content: "\f186"; } .bi-battery-half::before { content: "\f187"; } .bi-battery::before { content: "\f188"; } .bi-bell-fill::before { content: "\f189"; } .bi-bell::before { content: "\f18a"; } .bi-bezier::before { content: "\f18b"; } .bi-bezier2::before { content: "\f18c"; } .bi-bicycle::before { content: "\f18d"; } .bi-binoculars-fill::before { content: "\f18e"; } .bi-binoculars::before { content: "\f18f"; } .bi-blockquote-left::before { content: "\f190"; } .bi-blockquote-right::before { content: "\f191"; } .bi-book-fill::before { content: "\f192"; } .bi-book-half::before { content: "\f193"; } .bi-book::before { content: "\f194"; } .bi-bookmark-check-fill::before { content: "\f195"; } .bi-bookmark-check::before { content: "\f196"; } .bi-bookmark-dash-fill::before { content: "\f197"; } .bi-bookmark-dash::before { content: "\f198"; } .bi-bookmark-fill::before { content: "\f199"; } .bi-bookmark-heart-fill::before { content: "\f19a"; } .bi-bookmark-heart::before { content: "\f19b"; } .bi-bookmark-plus-fill::before { content: "\f19c"; } .bi-bookmark-plus::before { content: "\f19d"; } .bi-bookmark-star-fill::before { content: "\f19e"; } .bi-bookmark-star::before { content: "\f19f"; } .bi-bookmark-x-fill::before { content: "\f1a0"; } .bi-bookmark-x::before { content: "\f1a1"; } .bi-bookmark::before { content: "\f1a2"; } .bi-bookmarks-fill::before { content: "\f1a3"; } .bi-bookmarks::before { content: "\f1a4"; } .bi-bookshelf::before { content: "\f1a5"; } .bi-bootstrap-fill::before { content: "\f1a6"; } .bi-bootstrap-reboot::before { content: "\f1a7"; } .bi-bootstrap::before { content: "\f1a8"; } .bi-border-all::before { content: "\f1a9"; } .bi-border-bottom::before { content: "\f1aa"; } .bi-border-center::before { content: "\f1ab"; } .bi-border-inner::before { content: "\f1ac"; } .bi-border-left::before { content: "\f1ad"; } .bi-border-middle::before { content: "\f1ae"; } .bi-border-outer::before { content: "\f1af"; } .bi-border-right::before { content: "\f1b0"; } .bi-border-style::before { content: "\f1b1"; } .bi-border-top::before { content: "\f1b2"; } .bi-border-width::before { content: "\f1b3"; } .bi-border::before { content: "\f1b4"; } .bi-bounding-box-circles::before { content: "\f1b5"; } .bi-bounding-box::before { content: "\f1b6"; } .bi-box-arrow-down-left::before { content: "\f1b7"; } .bi-box-arrow-down-right::before { content: "\f1b8"; } .bi-box-arrow-down::before { content: "\f1b9"; } .bi-box-arrow-in-down-left::before { content: "\f1ba"; } .bi-box-arrow-in-down-right::before { content: "\f1bb"; } .bi-box-arrow-in-down::before { content: "\f1bc"; } .bi-box-arrow-in-left::before { content: "\f1bd"; } .bi-box-arrow-in-right::before { content: "\f1be"; } .bi-box-arrow-in-up-left::before { content: "\f1bf"; } .bi-box-arrow-in-up-right::before { content: "\f1c0"; } .bi-box-arrow-in-up::before { content: "\f1c1"; } .bi-box-arrow-left::before { content: "\f1c2"; } .bi-box-arrow-right::before { content: "\f1c3"; } .bi-box-arrow-up-left::before { content: "\f1c4"; } .bi-box-arrow-up-right::before { content: "\f1c5"; } .bi-box-arrow-up::before { content: "\f1c6"; } .bi-box-seam::before { content: "\f1c7"; } .bi-box::before { content: "\f1c8"; } .bi-braces::before { content: "\f1c9"; } .bi-bricks::before { content: "\f1ca"; } .bi-briefcase-fill::before { content: "\f1cb"; } .bi-briefcase::before { content: "\f1cc"; } .bi-brightness-alt-high-fill::before { content: "\f1cd"; } .bi-brightness-alt-high::before { content: "\f1ce"; } .bi-brightness-alt-low-fill::before { content: "\f1cf"; } .bi-brightness-alt-low::before { content: "\f1d0"; } .bi-brightness-high-fill::before { content: "\f1d1"; } .bi-brightness-high::before { content: "\f1d2"; } .bi-brightness-low-fill::before { content: "\f1d3"; } .bi-brightness-low::before { content: "\f1d4"; } .bi-broadcast-pin::before { content: "\f1d5"; } .bi-broadcast::before { content: "\f1d6"; } .bi-brush-fill::before { content: "\f1d7"; } .bi-brush::before { content: "\f1d8"; } .bi-bucket-fill::before { content: "\f1d9"; } .bi-bucket::before { content: "\f1da"; } .bi-bug-fill::before { content: "\f1db"; } .bi-bug::before { content: "\f1dc"; } .bi-building::before { content: "\f1dd"; } .bi-bullseye::before { content: "\f1de"; } .bi-calculator-fill::before { content: "\f1df"; } .bi-calculator::before { content: "\f1e0"; } .bi-calendar-check-fill::before { content: "\f1e1"; } .bi-calendar-check::before { content: "\f1e2"; } .bi-calendar-date-fill::before { content: "\f1e3"; } .bi-calendar-date::before { content: "\f1e4"; } .bi-calendar-day-fill::before { content: "\f1e5"; } .bi-calendar-day::before { content: "\f1e6"; } .bi-calendar-event-fill::before { content: "\f1e7"; } .bi-calendar-event::before { content: "\f1e8"; } .bi-calendar-fill::before { content: "\f1e9"; } .bi-calendar-minus-fill::before { content: "\f1ea"; } .bi-calendar-minus::before { content: "\f1eb"; } .bi-calendar-month-fill::before { content: "\f1ec"; } .bi-calendar-month::before { content: "\f1ed"; } .bi-calendar-plus-fill::before { content: "\f1ee"; } .bi-calendar-plus::before { content: "\f1ef"; } .bi-calendar-range-fill::before { content: "\f1f0"; } .bi-calendar-range::before { content: "\f1f1"; } .bi-calendar-week-fill::before { content: "\f1f2"; } .bi-calendar-week::before { content: "\f1f3"; } .bi-calendar-x-fill::before { content: "\f1f4"; } .bi-calendar-x::before { content: "\f1f5"; } .bi-calendar::before { content: "\f1f6"; } .bi-calendar2-check-fill::before { content: "\f1f7"; } .bi-calendar2-check::before { content: "\f1f8"; } .bi-calendar2-date-fill::before { content: "\f1f9"; } .bi-calendar2-date::before { content: "\f1fa"; } .bi-calendar2-day-fill::before { content: "\f1fb"; } .bi-calendar2-day::before { content: "\f1fc"; } .bi-calendar2-event-fill::before { content: "\f1fd"; } .bi-calendar2-event::before { content: "\f1fe"; } .bi-calendar2-fill::before { content: "\f1ff"; } .bi-calendar2-minus-fill::before { content: "\f200"; } .bi-calendar2-minus::before { content: "\f201"; } .bi-calendar2-month-fill::before { content: "\f202"; } .bi-calendar2-month::before { content: "\f203"; } .bi-calendar2-plus-fill::before { content: "\f204"; } .bi-calendar2-plus::before { content: "\f205"; } .bi-calendar2-range-fill::before { content: "\f206"; } .bi-calendar2-range::before { content: "\f207"; } .bi-calendar2-week-fill::before { content: "\f208"; } .bi-calendar2-week::before { content: "\f209"; } .bi-calendar2-x-fill::before { content: "\f20a"; } .bi-calendar2-x::before { content: "\f20b"; } .bi-calendar2::before { content: "\f20c"; } .bi-calendar3-event-fill::before { content: "\f20d"; } .bi-calendar3-event::before { content: "\f20e"; } .bi-calendar3-fill::before { content: "\f20f"; } .bi-calendar3-range-fill::before { content: "\f210"; } .bi-calendar3-range::before { content: "\f211"; } .bi-calendar3-week-fill::before { content: "\f212"; } .bi-calendar3-week::before { content: "\f213"; } .bi-calendar3::before { content: "\f214"; } .bi-calendar4-event::before { content: "\f215"; } .bi-calendar4-range::before { content: "\f216"; } .bi-calendar4-week::before { content: "\f217"; } .bi-calendar4::before { content: "\f218"; } .bi-camera-fill::before { content: "\f219"; } .bi-camera-reels-fill::before { content: "\f21a"; } .bi-camera-reels::before { content: "\f21b"; } .bi-camera-video-fill::before { content: "\f21c"; } .bi-camera-video-off-fill::before { content: "\f21d"; } .bi-camera-video-off::before { content: "\f21e"; } .bi-camera-video::before { content: "\f21f"; } .bi-camera::before { content: "\f220"; } .bi-camera2::before { content: "\f221"; } .bi-capslock-fill::before { content: "\f222"; } .bi-capslock::before { content: "\f223"; } .bi-card-checklist::before { content: "\f224"; } .bi-card-heading::before { content: "\f225"; } .bi-card-image::before { content: "\f226"; } .bi-card-list::before { content: "\f227"; } .bi-card-text::before { content: "\f228"; } .bi-caret-down-fill::before { content: "\f229"; } .bi-caret-down-square-fill::before { content: "\f22a"; } .bi-caret-down-square::before { content: "\f22b"; } .bi-caret-down::before { content: "\f22c"; } .bi-caret-left-fill::before { content: "\f22d"; } .bi-caret-left-square-fill::before { content: "\f22e"; } .bi-caret-left-square::before { content: "\f22f"; } .bi-caret-left::before { content: "\f230"; } .bi-caret-right-fill::before { content: "\f231"; } .bi-caret-right-square-fill::before { content: "\f232"; } .bi-caret-right-square::before { content: "\f233"; } .bi-caret-right::before { content: "\f234"; } .bi-caret-up-fill::before { content: "\f235"; } .bi-caret-up-square-fill::before { content: "\f236"; } .bi-caret-up-square::before { content: "\f237"; } .bi-caret-up::before { content: "\f238"; } .bi-cart-check-fill::before { content: "\f239"; } .bi-cart-check::before { content: "\f23a"; } .bi-cart-dash-fill::before { content: "\f23b"; } .bi-cart-dash::before { content: "\f23c"; } .bi-cart-fill::before { content: "\f23d"; } .bi-cart-plus-fill::before { content: "\f23e"; } .bi-cart-plus::before { content: "\f23f"; } .bi-cart-x-fill::before { content: "\f240"; } .bi-cart-x::before { content: "\f241"; } .bi-cart::before { content: "\f242"; } .bi-cart2::before { content: "\f243"; } .bi-cart3::before { content: "\f244"; } .bi-cart4::before { content: "\f245"; } .bi-cash-stack::before { content: "\f246"; } .bi-cash::before { content: "\f247"; } .bi-cast::before { content: "\f248"; } .bi-chat-dots-fill::before { content: "\f249"; } .bi-chat-dots::before { content: "\f24a"; } .bi-chat-fill::before { content: "\f24b"; } .bi-chat-left-dots-fill::before { content: "\f24c"; } .bi-chat-left-dots::before { content: "\f24d"; } .bi-chat-left-fill::before { content: "\f24e"; } .bi-chat-left-quote-fill::before { content: "\f24f"; } .bi-chat-left-quote::before { content: "\f250"; } .bi-chat-left-text-fill::before { content: "\f251"; } .bi-chat-left-text::before { content: "\f252"; } .bi-chat-left::before { content: "\f253"; } .bi-chat-quote-fill::before { content: "\f254"; } .bi-chat-quote::before { content: "\f255"; } .bi-chat-right-dots-fill::before { content: "\f256"; } .bi-chat-right-dots::before { content: "\f257"; } .bi-chat-right-fill::before { content: "\f258"; } .bi-chat-right-quote-fill::before { content: "\f259"; } .bi-chat-right-quote::before { content: "\f25a"; } .bi-chat-right-text-fill::before { content: "\f25b"; } .bi-chat-right-text::before { content: "\f25c"; } .bi-chat-right::before { content: "\f25d"; } .bi-chat-square-dots-fill::before { content: "\f25e"; } .bi-chat-square-dots::before { content: "\f25f"; } .bi-chat-square-fill::before { content: "\f260"; } .bi-chat-square-quote-fill::before { content: "\f261"; } .bi-chat-square-quote::before { content: "\f262"; } .bi-chat-square-text-fill::before { content: "\f263"; } .bi-chat-square-text::before { content: "\f264"; } .bi-chat-square::before { content: "\f265"; } .bi-chat-text-fill::before { content: "\f266"; } .bi-chat-text::before { content: "\f267"; } .bi-chat::before { content: "\f268"; } .bi-check-all::before { content: "\f269"; } .bi-check-circle-fill::before { content: "\f26a"; } .bi-check-circle::before { content: "\f26b"; } .bi-check-square-fill::before { content: "\f26c"; } .bi-check-square::before { content: "\f26d"; } .bi-check::before { content: "\f26e"; } .bi-check2-all::before { content: "\f26f"; } .bi-check2-circle::before { content: "\f270"; } .bi-check2-square::before { content: "\f271"; } .bi-check2::before { content: "\f272"; } .bi-chevron-bar-contract::before { content: "\f273"; } .bi-chevron-bar-down::before { content: "\f274"; } .bi-chevron-bar-expand::before { content: "\f275"; } .bi-chevron-bar-left::before { content: "\f276"; } .bi-chevron-bar-right::before { content: "\f277"; } .bi-chevron-bar-up::before { content: "\f278"; } .bi-chevron-compact-down::before { content: "\f279"; } .bi-chevron-compact-left::before { content: "\f27a"; } .bi-chevron-compact-right::before { content: "\f27b"; } .bi-chevron-compact-up::before { content: "\f27c"; } .bi-chevron-contract::before { content: "\f27d"; } .bi-chevron-double-down::before { content: "\f27e"; } .bi-chevron-double-left::before { content: "\f27f"; } .bi-chevron-double-right::before { content: "\f280"; } .bi-chevron-double-up::before { content: "\f281"; } .bi-chevron-down::before { content: "\f282"; } .bi-chevron-expand::before { content: "\f283"; } .bi-chevron-left::before { content: "\f284"; } .bi-chevron-right::before { content: "\f285"; } .bi-chevron-up::before { content: "\f286"; } .bi-circle-fill::before { content: "\f287"; } .bi-circle-half::before { content: "\f288"; } .bi-circle-square::before { content: "\f289"; } .bi-circle::before { content: "\f28a"; } .bi-clipboard-check::before { content: "\f28b"; } .bi-clipboard-data::before { content: "\f28c"; } .bi-clipboard-minus::before { content: "\f28d"; } .bi-clipboard-plus::before { content: "\f28e"; } .bi-clipboard-x::before { content: "\f28f"; } .bi-clipboard::before { content: "\f290"; } .bi-clock-fill::before { content: "\f291"; } .bi-clock-history::before { content: "\f292"; } .bi-clock::before { content: "\f293"; } .bi-cloud-arrow-down-fill::before { content: "\f294"; } .bi-cloud-arrow-down::before { content: "\f295"; } .bi-cloud-arrow-up-fill::before { content: "\f296"; } .bi-cloud-arrow-up::before { content: "\f297"; } .bi-cloud-check-fill::before { content: "\f298"; } .bi-cloud-check::before { content: "\f299"; } .bi-cloud-download-fill::before { content: "\f29a"; } .bi-cloud-download::before { content: "\f29b"; } .bi-cloud-drizzle-fill::before { content: "\f29c"; } .bi-cloud-drizzle::before { content: "\f29d"; } .bi-cloud-fill::before { content: "\f29e"; } .bi-cloud-fog-fill::before { content: "\f29f"; } .bi-cloud-fog::before { content: "\f2a0"; } .bi-cloud-fog2-fill::before { content: "\f2a1"; } .bi-cloud-fog2::before { content: "\f2a2"; } .bi-cloud-hail-fill::before { content: "\f2a3"; } .bi-cloud-hail::before { content: "\f2a4"; } .bi-cloud-haze-fill::before { content: "\f2a6"; } .bi-cloud-haze::before { content: "\f2a7"; } .bi-cloud-haze2-fill::before { content: "\f2a8"; } .bi-cloud-lightning-fill::before { content: "\f2a9"; } .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; } .bi-cloud-lightning-rain::before { content: "\f2ab"; } .bi-cloud-lightning::before { content: "\f2ac"; } .bi-cloud-minus-fill::before { content: "\f2ad"; } .bi-cloud-minus::before { content: "\f2ae"; } .bi-cloud-moon-fill::before { content: "\f2af"; } .bi-cloud-moon::before { content: "\f2b0"; } .bi-cloud-plus-fill::before { content: "\f2b1"; } .bi-cloud-plus::before { content: "\f2b2"; } .bi-cloud-rain-fill::before { content: "\f2b3"; } .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; } .bi-cloud-rain-heavy::before { content: "\f2b5"; } .bi-cloud-rain::before { content: "\f2b6"; } .bi-cloud-slash-fill::before { content: "\f2b7"; } .bi-cloud-slash::before { content: "\f2b8"; } .bi-cloud-sleet-fill::before { content: "\f2b9"; } .bi-cloud-sleet::before { content: "\f2ba"; } .bi-cloud-snow-fill::before { content: "\f2bb"; } .bi-cloud-snow::before { content: "\f2bc"; } .bi-cloud-sun-fill::before { content: "\f2bd"; } .bi-cloud-sun::before { content: "\f2be"; } .bi-cloud-upload-fill::before { content: "\f2bf"; } .bi-cloud-upload::before { content: "\f2c0"; } .bi-cloud::before { content: "\f2c1"; } .bi-clouds-fill::before { content: "\f2c2"; } .bi-clouds::before { content: "\f2c3"; } .bi-cloudy-fill::before { content: "\f2c4"; } .bi-cloudy::before { content: "\f2c5"; } .bi-code-slash::before { content: "\f2c6"; } .bi-code-square::before { content: "\f2c7"; } .bi-code::before { content: "\f2c8"; } .bi-collection-fill::before { content: "\f2c9"; } .bi-collection-play-fill::before { content: "\f2ca"; } .bi-collection-play::before { content: "\f2cb"; } .bi-collection::before { content: "\f2cc"; } .bi-columns-gap::before { content: "\f2cd"; } .bi-columns::before { content: "\f2ce"; } .bi-command::before { content: "\f2cf"; } .bi-compass-fill::before { content: "\f2d0"; } .bi-compass::before { content: "\f2d1"; } .bi-cone-striped::before { content: "\f2d2"; } .bi-cone::before { content: "\f2d3"; } .bi-controller::before { content: "\f2d4"; } .bi-cpu-fill::before { content: "\f2d5"; } .bi-cpu::before { content: "\f2d6"; } .bi-credit-card-2-back-fill::before { content: "\f2d7"; } .bi-credit-card-2-back::before { content: "\f2d8"; } .bi-credit-card-2-front-fill::before { content: "\f2d9"; } .bi-credit-card-2-front::before { content: "\f2da"; } .bi-credit-card-fill::before { content: "\f2db"; } .bi-credit-card::before { content: "\f2dc"; } .bi-crop::before { content: "\f2dd"; } .bi-cup-fill::before { content: "\f2de"; } .bi-cup-straw::before { content: "\f2df"; } .bi-cup::before { content: "\f2e0"; } .bi-cursor-fill::before { content: "\f2e1"; } .bi-cursor-text::before { content: "\f2e2"; } .bi-cursor::before { content: "\f2e3"; } .bi-dash-circle-dotted::before { content: "\f2e4"; } .bi-dash-circle-fill::before { content: "\f2e5"; } .bi-dash-circle::before { content: "\f2e6"; } .bi-dash-square-dotted::before { content: "\f2e7"; } .bi-dash-square-fill::before { content: "\f2e8"; } .bi-dash-square::before { content: "\f2e9"; } .bi-dash::before { content: "\f2ea"; } .bi-diagram-2-fill::before { content: "\f2eb"; } .bi-diagram-2::before { content: "\f2ec"; } .bi-diagram-3-fill::before { content: "\f2ed"; } .bi-diagram-3::before { content: "\f2ee"; } .bi-diamond-fill::before { content: "\f2ef"; } .bi-diamond-half::before { content: "\f2f0"; } .bi-diamond::before { content: "\f2f1"; } .bi-dice-1-fill::before { content: "\f2f2"; } .bi-dice-1::before { content: "\f2f3"; } .bi-dice-2-fill::before { content: "\f2f4"; } .bi-dice-2::before { content: "\f2f5"; } .bi-dice-3-fill::before { content: "\f2f6"; } .bi-dice-3::before { content: "\f2f7"; } .bi-dice-4-fill::before { content: "\f2f8"; } .bi-dice-4::before { content: "\f2f9"; } .bi-dice-5-fill::before { content: "\f2fa"; } .bi-dice-5::before { content: "\f2fb"; } .bi-dice-6-fill::before { content: "\f2fc"; } .bi-dice-6::before { content: "\f2fd"; } .bi-disc-fill::before { content: "\f2fe"; } .bi-disc::before { content: "\f2ff"; } .bi-discord::before { content: "\f300"; } .bi-display-fill::before { content: "\f301"; } .bi-display::before { content: "\f302"; } .bi-distribute-horizontal::before { content: "\f303"; } .bi-distribute-vertical::before { content: "\f304"; } .bi-door-closed-fill::before { content: "\f305"; } .bi-door-closed::before { content: "\f306"; } .bi-door-open-fill::before { content: "\f307"; } .bi-door-open::before { content: "\f308"; } .bi-dot::before { content: "\f309"; } .bi-download::before { content: "\f30a"; } .bi-droplet-fill::before { content: "\f30b"; } .bi-droplet-half::before { content: "\f30c"; } .bi-droplet::before { content: "\f30d"; } .bi-earbuds::before { content: "\f30e"; } .bi-easel-fill::before { content: "\f30f"; } .bi-easel::before { content: "\f310"; } .bi-egg-fill::before { content: "\f311"; } .bi-egg-fried::before { content: "\f312"; } .bi-egg::before { content: "\f313"; } .bi-eject-fill::before { content: "\f314"; } .bi-eject::before { content: "\f315"; } .bi-emoji-angry-fill::before { content: "\f316"; } .bi-emoji-angry::before { content: "\f317"; } .bi-emoji-dizzy-fill::before { content: "\f318"; } .bi-emoji-dizzy::before { content: "\f319"; } .bi-emoji-expressionless-fill::before { content: "\f31a"; } .bi-emoji-expressionless::before { content: "\f31b"; } .bi-emoji-frown-fill::before { content: "\f31c"; } .bi-emoji-frown::before { content: "\f31d"; } .bi-emoji-heart-eyes-fill::before { content: "\f31e"; } .bi-emoji-heart-eyes::before { content: "\f31f"; } .bi-emoji-laughing-fill::before { content: "\f320"; } .bi-emoji-laughing::before { content: "\f321"; } .bi-emoji-neutral-fill::before { content: "\f322"; } .bi-emoji-neutral::before { content: "\f323"; } .bi-emoji-smile-fill::before { content: "\f324"; } .bi-emoji-smile-upside-down-fill::before { content: "\f325"; } .bi-emoji-smile-upside-down::before { content: "\f326"; } .bi-emoji-smile::before { content: "\f327"; } .bi-emoji-sunglasses-fill::before { content: "\f328"; } .bi-emoji-sunglasses::before { content: "\f329"; } .bi-emoji-wink-fill::before { content: "\f32a"; } .bi-emoji-wink::before { content: "\f32b"; } .bi-envelope-fill::before { content: "\f32c"; } .bi-envelope-open-fill::before { content: "\f32d"; } .bi-envelope-open::before { content: "\f32e"; } .bi-envelope::before { content: "\f32f"; } .bi-eraser-fill::before { content: "\f330"; } .bi-eraser::before { content: "\f331"; } .bi-exclamation-circle-fill::before { content: "\f332"; } .bi-exclamation-circle::before { content: "\f333"; } .bi-exclamation-diamond-fill::before { content: "\f334"; } .bi-exclamation-diamond::before { content: "\f335"; } .bi-exclamation-octagon-fill::before { content: "\f336"; } .bi-exclamation-octagon::before { content: "\f337"; } .bi-exclamation-square-fill::before { content: "\f338"; } .bi-exclamation-square::before { content: "\f339"; } .bi-exclamation-triangle-fill::before { content: "\f33a"; } .bi-exclamation-triangle::before { content: "\f33b"; } .bi-exclamation::before { content: "\f33c"; } .bi-exclude::before { content: "\f33d"; } .bi-eye-fill::before { content: "\f33e"; } .bi-eye-slash-fill::before { content: "\f33f"; } .bi-eye-slash::before { content: "\f340"; } .bi-eye::before { content: "\f341"; } .bi-eyedropper::before { content: "\f342"; } .bi-eyeglasses::before { content: "\f343"; } .bi-facebook::before { content: "\f344"; } .bi-file-arrow-down-fill::before { content: "\f345"; } .bi-file-arrow-down::before { content: "\f346"; } .bi-file-arrow-up-fill::before { content: "\f347"; } .bi-file-arrow-up::before { content: "\f348"; } .bi-file-bar-graph-fill::before { content: "\f349"; } .bi-file-bar-graph::before { content: "\f34a"; } .bi-file-binary-fill::before { content: "\f34b"; } .bi-file-binary::before { content: "\f34c"; } .bi-file-break-fill::before { content: "\f34d"; } .bi-file-break::before { content: "\f34e"; } .bi-file-check-fill::before { content: "\f34f"; } .bi-file-check::before { content: "\f350"; } .bi-file-code-fill::before { content: "\f351"; } .bi-file-code::before { content: "\f352"; } .bi-file-diff-fill::before { content: "\f353"; } .bi-file-diff::before { content: "\f354"; } .bi-file-earmark-arrow-down-fill::before { content: "\f355"; } .bi-file-earmark-arrow-down::before { content: "\f356"; } .bi-file-earmark-arrow-up-fill::before { content: "\f357"; } .bi-file-earmark-arrow-up::before { content: "\f358"; } .bi-file-earmark-bar-graph-fill::before { content: "\f359"; } .bi-file-earmark-bar-graph::before { content: "\f35a"; } .bi-file-earmark-binary-fill::before { content: "\f35b"; } .bi-file-earmark-binary::before { content: "\f35c"; } .bi-file-earmark-break-fill::before { content: "\f35d"; } .bi-file-earmark-break::before { content: "\f35e"; } .bi-file-earmark-check-fill::before { content: "\f35f"; } .bi-file-earmark-check::before { content: "\f360"; } .bi-file-earmark-code-fill::before { content: "\f361"; } .bi-file-earmark-code::before { content: "\f362"; } .bi-file-earmark-diff-fill::before { content: "\f363"; } .bi-file-earmark-diff::before { content: "\f364"; } .bi-file-earmark-easel-fill::before { content: "\f365"; } .bi-file-earmark-easel::before { content: "\f366"; } .bi-file-earmark-excel-fill::before { content: "\f367"; } .bi-file-earmark-excel::before { content: "\f368"; } .bi-file-earmark-fill::before { content: "\f369"; } .bi-file-earmark-font-fill::before { content: "\f36a"; } .bi-file-earmark-font::before { content: "\f36b"; } .bi-file-earmark-image-fill::before { content: "\f36c"; } .bi-file-earmark-image::before { content: "\f36d"; } .bi-file-earmark-lock-fill::before { content: "\f36e"; } .bi-file-earmark-lock::before { content: "\f36f"; } .bi-file-earmark-lock2-fill::before { content: "\f370"; } .bi-file-earmark-lock2::before { content: "\f371"; } .bi-file-earmark-medical-fill::before { content: "\f372"; } .bi-file-earmark-medical::before { content: "\f373"; } .bi-file-earmark-minus-fill::before { content: "\f374"; } .bi-file-earmark-minus::before { content: "\f375"; } .bi-file-earmark-music-fill::before { content: "\f376"; } .bi-file-earmark-music::before { content: "\f377"; } .bi-file-earmark-person-fill::before { content: "\f378"; } .bi-file-earmark-person::before { content: "\f379"; } .bi-file-earmark-play-fill::before { content: "\f37a"; } .bi-file-earmark-play::before { content: "\f37b"; } .bi-file-earmark-plus-fill::before { content: "\f37c"; } .bi-file-earmark-plus::before { content: "\f37d"; } .bi-file-earmark-post-fill::before { content: "\f37e"; } .bi-file-earmark-post::before { content: "\f37f"; } .bi-file-earmark-ppt-fill::before { content: "\f380"; } .bi-file-earmark-ppt::before { content: "\f381"; } .bi-file-earmark-richtext-fill::before { content: "\f382"; } .bi-file-earmark-richtext::before { content: "\f383"; } .bi-file-earmark-ruled-fill::before { content: "\f384"; } .bi-file-earmark-ruled::before { content: "\f385"; } .bi-file-earmark-slides-fill::before { content: "\f386"; } .bi-file-earmark-slides::before { content: "\f387"; } .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; } .bi-file-earmark-spreadsheet::before { content: "\f389"; } .bi-file-earmark-text-fill::before { content: "\f38a"; } .bi-file-earmark-text::before { content: "\f38b"; } .bi-file-earmark-word-fill::before { content: "\f38c"; } .bi-file-earmark-word::before { content: "\f38d"; } .bi-file-earmark-x-fill::before { content: "\f38e"; } .bi-file-earmark-x::before { content: "\f38f"; } .bi-file-earmark-zip-fill::before { content: "\f390"; } .bi-file-earmark-zip::before { content: "\f391"; } .bi-file-earmark::before { content: "\f392"; } .bi-file-easel-fill::before { content: "\f393"; } .bi-file-easel::before { content: "\f394"; } .bi-file-excel-fill::before { content: "\f395"; } .bi-file-excel::before { content: "\f396"; } .bi-file-fill::before { content: "\f397"; } .bi-file-font-fill::before { content: "\f398"; } .bi-file-font::before { content: "\f399"; } .bi-file-image-fill::before { content: "\f39a"; } .bi-file-image::before { content: "\f39b"; } .bi-file-lock-fill::before { content: "\f39c"; } .bi-file-lock::before { content: "\f39d"; } .bi-file-lock2-fill::before { content: "\f39e"; } .bi-file-lock2::before { content: "\f39f"; } .bi-file-medical-fill::before { content: "\f3a0"; } .bi-file-medical::before { content: "\f3a1"; } .bi-file-minus-fill::before { content: "\f3a2"; } .bi-file-minus::before { content: "\f3a3"; } .bi-file-music-fill::before { content: "\f3a4"; } .bi-file-music::before { content: "\f3a5"; } .bi-file-person-fill::before { content: "\f3a6"; } .bi-file-person::before { content: "\f3a7"; } .bi-file-play-fill::before { content: "\f3a8"; } .bi-file-play::before { content: "\f3a9"; } .bi-file-plus-fill::before { content: "\f3aa"; } .bi-file-plus::before { content: "\f3ab"; } .bi-file-post-fill::before { content: "\f3ac"; } .bi-file-post::before { content: "\f3ad"; } .bi-file-ppt-fill::before { content: "\f3ae"; } .bi-file-ppt::before { content: "\f3af"; } .bi-file-richtext-fill::before { content: "\f3b0"; } .bi-file-richtext::before { content: "\f3b1"; } .bi-file-ruled-fill::before { content: "\f3b2"; } .bi-file-ruled::before { content: "\f3b3"; } .bi-file-slides-fill::before { content: "\f3b4"; } .bi-file-slides::before { content: "\f3b5"; } .bi-file-spreadsheet-fill::before { content: "\f3b6"; } .bi-file-spreadsheet::before { content: "\f3b7"; } .bi-file-text-fill::before { content: "\f3b8"; } .bi-file-text::before { content: "\f3b9"; } .bi-file-word-fill::before { content: "\f3ba"; } .bi-file-word::before { content: "\f3bb"; } .bi-file-x-fill::before { content: "\f3bc"; } .bi-file-x::before { content: "\f3bd"; } .bi-file-zip-fill::before { content: "\f3be"; } .bi-file-zip::before { content: "\f3bf"; } .bi-file::before { content: "\f3c0"; } .bi-files-alt::before { content: "\f3c1"; } .bi-files::before { content: "\f3c2"; } .bi-film::before { content: "\f3c3"; } .bi-filter-circle-fill::before { content: "\f3c4"; } .bi-filter-circle::before { content: "\f3c5"; } .bi-filter-left::before { content: "\f3c6"; } .bi-filter-right::before { content: "\f3c7"; } .bi-filter-square-fill::before { content: "\f3c8"; } .bi-filter-square::before { content: "\f3c9"; } .bi-filter::before { content: "\f3ca"; } .bi-flag-fill::before { content: "\f3cb"; } .bi-flag::before { content: "\f3cc"; } .bi-flower1::before { content: "\f3cd"; } .bi-flower2::before { content: "\f3ce"; } .bi-flower3::before { content: "\f3cf"; } .bi-folder-check::before { content: "\f3d0"; } .bi-folder-fill::before { content: "\f3d1"; } .bi-folder-minus::before { content: "\f3d2"; } .bi-folder-plus::before { content: "\f3d3"; } .bi-folder-symlink-fill::before { content: "\f3d4"; } .bi-folder-symlink::before { content: "\f3d5"; } .bi-folder-x::before { content: "\f3d6"; } .bi-folder::before { content: "\f3d7"; } .bi-folder2-open::before { content: "\f3d8"; } .bi-folder2::before { content: "\f3d9"; } .bi-fonts::before { content: "\f3da"; } .bi-forward-fill::before { content: "\f3db"; } .bi-forward::before { content: "\f3dc"; } .bi-front::before { content: "\f3dd"; } .bi-fullscreen-exit::before { content: "\f3de"; } .bi-fullscreen::before { content: "\f3df"; } .bi-funnel-fill::before { content: "\f3e0"; } .bi-funnel::before { content: "\f3e1"; } .bi-gear-fill::before { content: "\f3e2"; } .bi-gear-wide-connected::before { content: "\f3e3"; } .bi-gear-wide::before { content: "\f3e4"; } .bi-gear::before { content: "\f3e5"; } .bi-gem::before { content: "\f3e6"; } .bi-geo-alt-fill::before { content: "\f3e7"; } .bi-geo-alt::before { content: "\f3e8"; } .bi-geo-fill::before { content: "\f3e9"; } .bi-geo::before { content: "\f3ea"; } .bi-gift-fill::before { content: "\f3eb"; } .bi-gift::before { content: "\f3ec"; } .bi-github::before { content: "\f3ed"; } .bi-globe::before { content: "\f3ee"; } .bi-globe2::before { content: "\f3ef"; } .bi-google::before { content: "\f3f0"; } .bi-graph-down::before { content: "\f3f1"; } .bi-graph-up::before { content: "\f3f2"; } .bi-grid-1x2-fill::before { content: "\f3f3"; } .bi-grid-1x2::before { content: "\f3f4"; } .bi-grid-3x2-gap-fill::before { content: "\f3f5"; } .bi-grid-3x2-gap::before { content: "\f3f6"; } .bi-grid-3x2::before { content: "\f3f7"; } .bi-grid-3x3-gap-fill::before { content: "\f3f8"; } .bi-grid-3x3-gap::before { content: "\f3f9"; } .bi-grid-3x3::before { content: "\f3fa"; } .bi-grid-fill::before { content: "\f3fb"; } .bi-grid::before { content: "\f3fc"; } .bi-grip-horizontal::before { content: "\f3fd"; } .bi-grip-vertical::before { content: "\f3fe"; } .bi-hammer::before { content: "\f3ff"; } .bi-hand-index-fill::before { content: "\f400"; } .bi-hand-index-thumb-fill::before { content: "\f401"; } .bi-hand-index-thumb::before { content: "\f402"; } .bi-hand-index::before { content: "\f403"; } .bi-hand-thumbs-down-fill::before { content: "\f404"; } .bi-hand-thumbs-down::before { content: "\f405"; } .bi-hand-thumbs-up-fill::before { content: "\f406"; } .bi-hand-thumbs-up::before { content: "\f407"; } .bi-handbag-fill::before { content: "\f408"; } .bi-handbag::before { content: "\f409"; } .bi-hash::before { content: "\f40a"; } .bi-hdd-fill::before { content: "\f40b"; } .bi-hdd-network-fill::before { content: "\f40c"; } .bi-hdd-network::before { content: "\f40d"; } .bi-hdd-rack-fill::before { content: "\f40e"; } .bi-hdd-rack::before { content: "\f40f"; } .bi-hdd-stack-fill::before { content: "\f410"; } .bi-hdd-stack::before { content: "\f411"; } .bi-hdd::before { content: "\f412"; } .bi-headphones::before { content: "\f413"; } .bi-headset::before { content: "\f414"; } .bi-heart-fill::before { content: "\f415"; } .bi-heart-half::before { content: "\f416"; } .bi-heart::before { content: "\f417"; } .bi-heptagon-fill::before { content: "\f418"; } .bi-heptagon-half::before { content: "\f419"; } .bi-heptagon::before { content: "\f41a"; } .bi-hexagon-fill::before { content: "\f41b"; } .bi-hexagon-half::before { content: "\f41c"; } .bi-hexagon::before { content: "\f41d"; } .bi-hourglass-bottom::before { content: "\f41e"; } .bi-hourglass-split::before { content: "\f41f"; } .bi-hourglass-top::before { content: "\f420"; } .bi-hourglass::before { content: "\f421"; } .bi-house-door-fill::before { content: "\f422"; } .bi-house-door::before { content: "\f423"; } .bi-house-fill::before { content: "\f424"; } .bi-house::before { content: "\f425"; } .bi-hr::before { content: "\f426"; } .bi-hurricane::before { content: "\f427"; } .bi-image-alt::before { content: "\f428"; } .bi-image-fill::before { content: "\f429"; } .bi-image::before { content: "\f42a"; } .bi-images::before { content: "\f42b"; } .bi-inbox-fill::before { content: "\f42c"; } .bi-inbox::before { content: "\f42d"; } .bi-inboxes-fill::before { content: "\f42e"; } .bi-inboxes::before { content: "\f42f"; } .bi-info-circle-fill::before { content: "\f430"; } .bi-info-circle::before { content: "\f431"; } .bi-info-square-fill::before { content: "\f432"; } .bi-info-square::before { content: "\f433"; } .bi-info::before { content: "\f434"; } .bi-input-cursor-text::before { content: "\f435"; } .bi-input-cursor::before { content: "\f436"; } .bi-instagram::before { content: "\f437"; } .bi-intersect::before { content: "\f438"; } .bi-journal-album::before { content: "\f439"; } .bi-journal-arrow-down::before { content: "\f43a"; } .bi-journal-arrow-up::before { content: "\f43b"; } .bi-journal-bookmark-fill::before { content: "\f43c"; } .bi-journal-bookmark::before { content: "\f43d"; } .bi-journal-check::before { content: "\f43e"; } .bi-journal-code::before { content: "\f43f"; } .bi-journal-medical::before { content: "\f440"; } .bi-journal-minus::before { content: "\f441"; } .bi-journal-plus::before { content: "\f442"; } .bi-journal-richtext::before { content: "\f443"; } .bi-journal-text::before { content: "\f444"; } .bi-journal-x::before { content: "\f445"; } .bi-journal::before { content: "\f446"; } .bi-journals::before { content: "\f447"; } .bi-joystick::before { content: "\f448"; } .bi-justify-left::before { content: "\f449"; } .bi-justify-right::before { content: "\f44a"; } .bi-justify::before { content: "\f44b"; } .bi-kanban-fill::before { content: "\f44c"; } .bi-kanban::before { content: "\f44d"; } .bi-key-fill::before { content: "\f44e"; } .bi-key::before { content: "\f44f"; } .bi-keyboard-fill::before { content: "\f450"; } .bi-keyboard::before { content: "\f451"; } .bi-ladder::before { content: "\f452"; } .bi-lamp-fill::before { content: "\f453"; } .bi-lamp::before { content: "\f454"; } .bi-laptop-fill::before { content: "\f455"; } .bi-laptop::before { content: "\f456"; } .bi-layer-backward::before { content: "\f457"; } .bi-layer-forward::before { content: "\f458"; } .bi-layers-fill::before { content: "\f459"; } .bi-layers-half::before { content: "\f45a"; } .bi-layers::before { content: "\f45b"; } .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; } .bi-layout-sidebar-inset::before { content: "\f45d"; } .bi-layout-sidebar-reverse::before { content: "\f45e"; } .bi-layout-sidebar::before { content: "\f45f"; } .bi-layout-split::before { content: "\f460"; } .bi-layout-text-sidebar-reverse::before { content: "\f461"; } .bi-layout-text-sidebar::before { content: "\f462"; } .bi-layout-text-window-reverse::before { content: "\f463"; } .bi-layout-text-window::before { content: "\f464"; } .bi-layout-three-columns::before { content: "\f465"; } .bi-layout-wtf::before { content: "\f466"; } .bi-life-preserver::before { content: "\f467"; } .bi-lightbulb-fill::before { content: "\f468"; } .bi-lightbulb-off-fill::before { content: "\f469"; } .bi-lightbulb-off::before { content: "\f46a"; } .bi-lightbulb::before { content: "\f46b"; } .bi-lightning-charge-fill::before { content: "\f46c"; } .bi-lightning-charge::before { content: "\f46d"; } .bi-lightning-fill::before { content: "\f46e"; } .bi-lightning::before { content: "\f46f"; } .bi-link-45deg::before { content: "\f470"; } .bi-link::before { content: "\f471"; } .bi-linkedin::before { content: "\f472"; } .bi-list-check::before { content: "\f473"; } .bi-list-nested::before { content: "\f474"; } .bi-list-ol::before { content: "\f475"; } .bi-list-stars::before { content: "\f476"; } .bi-list-task::before { content: "\f477"; } .bi-list-ul::before { content: "\f478"; } .bi-list::before { content: "\f479"; } .bi-lock-fill::before { content: "\f47a"; } .bi-lock::before { content: "\f47b"; } .bi-mailbox::before { content: "\f47c"; } .bi-mailbox2::before { content: "\f47d"; } .bi-map-fill::before { content: "\f47e"; } .bi-map::before { content: "\f47f"; } .bi-markdown-fill::before { content: "\f480"; } .bi-markdown::before { content: "\f481"; } .bi-mask::before { content: "\f482"; } .bi-megaphone-fill::before { content: "\f483"; } .bi-megaphone::before { content: "\f484"; } .bi-menu-app-fill::before { content: "\f485"; } .bi-menu-app::before { content: "\f486"; } .bi-menu-button-fill::before { content: "\f487"; } .bi-menu-button-wide-fill::before { content: "\f488"; } .bi-menu-button-wide::before { content: "\f489"; } .bi-menu-button::before { content: "\f48a"; } .bi-menu-down::before { content: "\f48b"; } .bi-menu-up::before { content: "\f48c"; } .bi-mic-fill::before { content: "\f48d"; } .bi-mic-mute-fill::before { content: "\f48e"; } .bi-mic-mute::before { content: "\f48f"; } .bi-mic::before { content: "\f490"; } .bi-minecart-loaded::before { content: "\f491"; } .bi-minecart::before { content: "\f492"; } .bi-moisture::before { content: "\f493"; } .bi-moon-fill::before { content: "\f494"; } .bi-moon-stars-fill::before { content: "\f495"; } .bi-moon-stars::before { content: "\f496"; } .bi-moon::before { content: "\f497"; } .bi-mouse-fill::before { content: "\f498"; } .bi-mouse::before { content: "\f499"; } .bi-mouse2-fill::before { content: "\f49a"; } .bi-mouse2::before { content: "\f49b"; } .bi-mouse3-fill::before { content: "\f49c"; } .bi-mouse3::before { content: "\f49d"; } .bi-music-note-beamed::before { content: "\f49e"; } .bi-music-note-list::before { content: "\f49f"; } .bi-music-note::before { content: "\f4a0"; } .bi-music-player-fill::before { content: "\f4a1"; } .bi-music-player::before { content: "\f4a2"; } .bi-newspaper::before { content: "\f4a3"; } .bi-node-minus-fill::before { content: "\f4a4"; } .bi-node-minus::before { content: "\f4a5"; } .bi-node-plus-fill::before { content: "\f4a6"; } .bi-node-plus::before { content: "\f4a7"; } .bi-nut-fill::before { content: "\f4a8"; } .bi-nut::before { content: "\f4a9"; } .bi-octagon-fill::before { content: "\f4aa"; } .bi-octagon-half::before { content: "\f4ab"; } .bi-octagon::before { content: "\f4ac"; } .bi-option::before { content: "\f4ad"; } .bi-outlet::before { content: "\f4ae"; } .bi-paint-bucket::before { content: "\f4af"; } .bi-palette-fill::before { content: "\f4b0"; } .bi-palette::before { content: "\f4b1"; } .bi-palette2::before { content: "\f4b2"; } .bi-paperclip::before { content: "\f4b3"; } .bi-paragraph::before { content: "\f4b4"; } .bi-patch-check-fill::before { content: "\f4b5"; } .bi-patch-check::before { content: "\f4b6"; } .bi-patch-exclamation-fill::before { content: "\f4b7"; } .bi-patch-exclamation::before { content: "\f4b8"; } .bi-patch-minus-fill::before { content: "\f4b9"; } .bi-patch-minus::before { content: "\f4ba"; } .bi-patch-plus-fill::before { content: "\f4bb"; } .bi-patch-plus::before { content: "\f4bc"; } .bi-patch-question-fill::before { content: "\f4bd"; } .bi-patch-question::before { content: "\f4be"; } .bi-pause-btn-fill::before { content: "\f4bf"; } .bi-pause-btn::before { content: "\f4c0"; } .bi-pause-circle-fill::before { content: "\f4c1"; } .bi-pause-circle::before { content: "\f4c2"; } .bi-pause-fill::before { content: "\f4c3"; } .bi-pause::before { content: "\f4c4"; } .bi-peace-fill::before { content: "\f4c5"; } .bi-peace::before { content: "\f4c6"; } .bi-pen-fill::before { content: "\f4c7"; } .bi-pen::before { content: "\f4c8"; } .bi-pencil-fill::before { content: "\f4c9"; } .bi-pencil-square::before { content: "\f4ca"; } .bi-pencil::before { content: "\f4cb"; } .bi-pentagon-fill::before { content: "\f4cc"; } .bi-pentagon-half::before { content: "\f4cd"; } .bi-pentagon::before { content: "\f4ce"; } .bi-people-fill::before { content: "\f4cf"; } .bi-people::before { content: "\f4d0"; } .bi-percent::before { content: "\f4d1"; } .bi-person-badge-fill::before { content: "\f4d2"; } .bi-person-badge::before { content: "\f4d3"; } .bi-person-bounding-box::before { content: "\f4d4"; } .bi-person-check-fill::before { content: "\f4d5"; } .bi-person-check::before { content: "\f4d6"; } .bi-person-circle::before { content: "\f4d7"; } .bi-person-dash-fill::before { content: "\f4d8"; } .bi-person-dash::before { content: "\f4d9"; } .bi-person-fill::before { content: "\f4da"; } .bi-person-lines-fill::before { content: "\f4db"; } .bi-person-plus-fill::before { content: "\f4dc"; } .bi-person-plus::before { content: "\f4dd"; } .bi-person-square::before { content: "\f4de"; } .bi-person-x-fill::before { content: "\f4df"; } .bi-person-x::before { content: "\f4e0"; } .bi-person::before { content: "\f4e1"; } .bi-phone-fill::before { content: "\f4e2"; } .bi-phone-landscape-fill::before { content: "\f4e3"; } .bi-phone-landscape::before { content: "\f4e4"; } .bi-phone-vibrate-fill::before { content: "\f4e5"; } .bi-phone-vibrate::before { content: "\f4e6"; } .bi-phone::before { content: "\f4e7"; } .bi-pie-chart-fill::before { content: "\f4e8"; } .bi-pie-chart::before { content: "\f4e9"; } .bi-pin-angle-fill::before { content: "\f4ea"; } .bi-pin-angle::before { content: "\f4eb"; } .bi-pin-fill::before { content: "\f4ec"; } .bi-pin::before { content: "\f4ed"; } .bi-pip-fill::before { content: "\f4ee"; } .bi-pip::before { content: "\f4ef"; } .bi-play-btn-fill::before { content: "\f4f0"; } .bi-play-btn::before { content: "\f4f1"; } .bi-play-circle-fill::before { content: "\f4f2"; } .bi-play-circle::before { content: "\f4f3"; } .bi-play-fill::before { content: "\f4f4"; } .bi-play::before { content: "\f4f5"; } .bi-plug-fill::before { content: "\f4f6"; } .bi-plug::before { content: "\f4f7"; } .bi-plus-circle-dotted::before { content: "\f4f8"; } .bi-plus-circle-fill::before { content: "\f4f9"; } .bi-plus-circle::before { content: "\f4fa"; } .bi-plus-square-dotted::before { content: "\f4fb"; } .bi-plus-square-fill::before { content: "\f4fc"; } .bi-plus-square::before { content: "\f4fd"; } .bi-plus::before { content: "\f4fe"; } .bi-power::before { content: "\f4ff"; } .bi-printer-fill::before { content: "\f500"; } .bi-printer::before { content: "\f501"; } .bi-puzzle-fill::before { content: "\f502"; } .bi-puzzle::before { content: "\f503"; } .bi-question-circle-fill::before { content: "\f504"; } .bi-question-circle::before { content: "\f505"; } .bi-question-diamond-fill::before { content: "\f506"; } .bi-question-diamond::before { content: "\f507"; } .bi-question-octagon-fill::before { content: "\f508"; } .bi-question-octagon::before { content: "\f509"; } .bi-question-square-fill::before { content: "\f50a"; } .bi-question-square::before { content: "\f50b"; } .bi-question::before { content: "\f50c"; } .bi-rainbow::before { content: "\f50d"; } .bi-receipt-cutoff::before { content: "\f50e"; } .bi-receipt::before { content: "\f50f"; } .bi-reception-0::before { content: "\f510"; } .bi-reception-1::before { content: "\f511"; } .bi-reception-2::before { content: "\f512"; } .bi-reception-3::before { content: "\f513"; } .bi-reception-4::before { content: "\f514"; } .bi-record-btn-fill::before { content: "\f515"; } .bi-record-btn::before { content: "\f516"; } .bi-record-circle-fill::before { content: "\f517"; } .bi-record-circle::before { content: "\f518"; } .bi-record-fill::before { content: "\f519"; } .bi-record::before { content: "\f51a"; } .bi-record2-fill::before { content: "\f51b"; } .bi-record2::before { content: "\f51c"; } .bi-reply-all-fill::before { content: "\f51d"; } .bi-reply-all::before { content: "\f51e"; } .bi-reply-fill::before { content: "\f51f"; } .bi-reply::before { content: "\f520"; } .bi-rss-fill::before { content: "\f521"; } .bi-rss::before { content: "\f522"; } .bi-rulers::before { content: "\f523"; } .bi-save-fill::before { content: "\f524"; } .bi-save::before { content: "\f525"; } .bi-save2-fill::before { content: "\f526"; } .bi-save2::before { content: "\f527"; } .bi-scissors::before { content: "\f528"; } .bi-screwdriver::before { content: "\f529"; } .bi-search::before { content: "\f52a"; } .bi-segmented-nav::before { content: "\f52b"; } .bi-server::before { content: "\f52c"; } .bi-share-fill::before { content: "\f52d"; } .bi-share::before { content: "\f52e"; } .bi-shield-check::before { content: "\f52f"; } .bi-shield-exclamation::before { content: "\f530"; } .bi-shield-fill-check::before { content: "\f531"; } .bi-shield-fill-exclamation::before { content: "\f532"; } .bi-shield-fill-minus::before { content: "\f533"; } .bi-shield-fill-plus::before { content: "\f534"; } .bi-shield-fill-x::before { content: "\f535"; } .bi-shield-fill::before { content: "\f536"; } .bi-shield-lock-fill::before { content: "\f537"; } .bi-shield-lock::before { content: "\f538"; } .bi-shield-minus::before { content: "\f539"; } .bi-shield-plus::before { content: "\f53a"; } .bi-shield-shaded::before { content: "\f53b"; } .bi-shield-slash-fill::before { content: "\f53c"; } .bi-shield-slash::before { content: "\f53d"; } .bi-shield-x::before { content: "\f53e"; } .bi-shield::before { content: "\f53f"; } .bi-shift-fill::before { content: "\f540"; } .bi-shift::before { content: "\f541"; } .bi-shop-window::before { content: "\f542"; } .bi-shop::before { content: "\f543"; } .bi-shuffle::before { content: "\f544"; } .bi-signpost-2-fill::before { content: "\f545"; } .bi-signpost-2::before { content: "\f546"; } .bi-signpost-fill::before { content: "\f547"; } .bi-signpost-split-fill::before { content: "\f548"; } .bi-signpost-split::before { content: "\f549"; } .bi-signpost::before { content: "\f54a"; } .bi-sim-fill::before { content: "\f54b"; } .bi-sim::before { content: "\f54c"; } .bi-skip-backward-btn-fill::before { content: "\f54d"; } .bi-skip-backward-btn::before { content: "\f54e"; } .bi-skip-backward-circle-fill::before { content: "\f54f"; } .bi-skip-backward-circle::before { content: "\f550"; } .bi-skip-backward-fill::before { content: "\f551"; } .bi-skip-backward::before { content: "\f552"; } .bi-skip-end-btn-fill::before { content: "\f553"; } .bi-skip-end-btn::before { content: "\f554"; } .bi-skip-end-circle-fill::before { content: "\f555"; } .bi-skip-end-circle::before { content: "\f556"; } .bi-skip-end-fill::before { content: "\f557"; } .bi-skip-end::before { content: "\f558"; } .bi-skip-forward-btn-fill::before { content: "\f559"; } .bi-skip-forward-btn::before { content: "\f55a"; } .bi-skip-forward-circle-fill::before { content: "\f55b"; } .bi-skip-forward-circle::before { content: "\f55c"; } .bi-skip-forward-fill::before { content: "\f55d"; } .bi-skip-forward::before { content: "\f55e"; } .bi-skip-start-btn-fill::before { content: "\f55f"; } .bi-skip-start-btn::before { content: "\f560"; } .bi-skip-start-circle-fill::before { content: "\f561"; } .bi-skip-start-circle::before { content: "\f562"; } .bi-skip-start-fill::before { content: "\f563"; } .bi-skip-start::before { content: "\f564"; } .bi-slack::before { content: "\f565"; } .bi-slash-circle-fill::before { content: "\f566"; } .bi-slash-circle::before { content: "\f567"; } .bi-slash-square-fill::before { content: "\f568"; } .bi-slash-square::before { content: "\f569"; } .bi-slash::before { content: "\f56a"; } .bi-sliders::before { content: "\f56b"; } .bi-smartwatch::before { content: "\f56c"; } .bi-snow::before { content: "\f56d"; } .bi-snow2::before { content: "\f56e"; } .bi-snow3::before { content: "\f56f"; } .bi-sort-alpha-down-alt::before { content: "\f570"; } .bi-sort-alpha-down::before { content: "\f571"; } .bi-sort-alpha-up-alt::before { content: "\f572"; } .bi-sort-alpha-up::before { content: "\f573"; } .bi-sort-down-alt::before { content: "\f574"; } .bi-sort-down::before { content: "\f575"; } .bi-sort-numeric-down-alt::before { content: "\f576"; } .bi-sort-numeric-down::before { content: "\f577"; } .bi-sort-numeric-up-alt::before { content: "\f578"; } .bi-sort-numeric-up::before { content: "\f579"; } .bi-sort-up-alt::before { content: "\f57a"; } .bi-sort-up::before { content: "\f57b"; } .bi-soundwave::before { content: "\f57c"; } .bi-speaker-fill::before { content: "\f57d"; } .bi-speaker::before { content: "\f57e"; } .bi-speedometer::before { content: "\f57f"; } .bi-speedometer2::before { content: "\f580"; } .bi-spellcheck::before { content: "\f581"; } .bi-square-fill::before { content: "\f582"; } .bi-square-half::before { content: "\f583"; } .bi-square::before { content: "\f584"; } .bi-stack::before { content: "\f585"; } .bi-star-fill::before { content: "\f586"; } .bi-star-half::before { content: "\f587"; } .bi-star::before { content: "\f588"; } .bi-stars::before { content: "\f589"; } .bi-stickies-fill::before { content: "\f58a"; } .bi-stickies::before { content: "\f58b"; } .bi-sticky-fill::before { content: "\f58c"; } .bi-sticky::before { content: "\f58d"; } .bi-stop-btn-fill::before { content: "\f58e"; } .bi-stop-btn::before { content: "\f58f"; } .bi-stop-circle-fill::before { content: "\f590"; } .bi-stop-circle::before { content: "\f591"; } .bi-stop-fill::before { content: "\f592"; } .bi-stop::before { content: "\f593"; } .bi-stoplights-fill::before { content: "\f594"; } .bi-stoplights::before { content: "\f595"; } .bi-stopwatch-fill::before { content: "\f596"; } .bi-stopwatch::before { content: "\f597"; } .bi-subtract::before { content: "\f598"; } .bi-suit-club-fill::before { content: "\f599"; } .bi-suit-club::before { content: "\f59a"; } .bi-suit-diamond-fill::before { content: "\f59b"; } .bi-suit-diamond::before { content: "\f59c"; } .bi-suit-heart-fill::before { content: "\f59d"; } .bi-suit-heart::before { content: "\f59e"; } .bi-suit-spade-fill::before { content: "\f59f"; } .bi-suit-spade::before { content: "\f5a0"; } .bi-sun-fill::before { content: "\f5a1"; } .bi-sun::before { content: "\f5a2"; } .bi-sunglasses::before { content: "\f5a3"; } .bi-sunrise-fill::before { content: "\f5a4"; } .bi-sunrise::before { content: "\f5a5"; } .bi-sunset-fill::before { content: "\f5a6"; } .bi-sunset::before { content: "\f5a7"; } .bi-symmetry-horizontal::before { content: "\f5a8"; } .bi-symmetry-vertical::before { content: "\f5a9"; } .bi-table::before { content: "\f5aa"; } .bi-tablet-fill::before { content: "\f5ab"; } .bi-tablet-landscape-fill::before { content: "\f5ac"; } .bi-tablet-landscape::before { content: "\f5ad"; } .bi-tablet::before { content: "\f5ae"; } .bi-tag-fill::before { content: "\f5af"; } .bi-tag::before { content: "\f5b0"; } .bi-tags-fill::before { content: "\f5b1"; } .bi-tags::before { content: "\f5b2"; } .bi-telegram::before { content: "\f5b3"; } .bi-telephone-fill::before { content: "\f5b4"; } .bi-telephone-forward-fill::before { content: "\f5b5"; } .bi-telephone-forward::before { content: "\f5b6"; } .bi-telephone-inbound-fill::before { content: "\f5b7"; } .bi-telephone-inbound::before { content: "\f5b8"; } .bi-telephone-minus-fill::before { content: "\f5b9"; } .bi-telephone-minus::before { content: "\f5ba"; } .bi-telephone-outbound-fill::before { content: "\f5bb"; } .bi-telephone-outbound::before { content: "\f5bc"; } .bi-telephone-plus-fill::before { content: "\f5bd"; } .bi-telephone-plus::before { content: "\f5be"; } .bi-telephone-x-fill::before { content: "\f5bf"; } .bi-telephone-x::before { content: "\f5c0"; } .bi-telephone::before { content: "\f5c1"; } .bi-terminal-fill::before { content: "\f5c2"; } .bi-terminal::before { content: "\f5c3"; } .bi-text-center::before { content: "\f5c4"; } .bi-text-indent-left::before { content: "\f5c5"; } .bi-text-indent-right::before { content: "\f5c6"; } .bi-text-left::before { content: "\f5c7"; } .bi-text-paragraph::before { content: "\f5c8"; } .bi-text-right::before { content: "\f5c9"; } .bi-textarea-resize::before { content: "\f5ca"; } .bi-textarea-t::before { content: "\f5cb"; } .bi-textarea::before { content: "\f5cc"; } .bi-thermometer-half::before { content: "\f5cd"; } .bi-thermometer-high::before { content: "\f5ce"; } .bi-thermometer-low::before { content: "\f5cf"; } .bi-thermometer-snow::before { content: "\f5d0"; } .bi-thermometer-sun::before { content: "\f5d1"; } .bi-thermometer::before { content: "\f5d2"; } .bi-three-dots-vertical::before { content: "\f5d3"; } .bi-three-dots::before { content: "\f5d4"; } .bi-toggle-off::before { content: "\f5d5"; } .bi-toggle-on::before { content: "\f5d6"; } .bi-toggle2-off::before { content: "\f5d7"; } .bi-toggle2-on::before { content: "\f5d8"; } .bi-toggles::before { content: "\f5d9"; } .bi-toggles2::before { content: "\f5da"; } .bi-tools::before { content: "\f5db"; } .bi-tornado::before { content: "\f5dc"; } .bi-trash-fill::before { content: "\f5dd"; } .bi-trash::before { content: "\f5de"; } .bi-trash2-fill::before { content: "\f5df"; } .bi-trash2::before { content: "\f5e0"; } .bi-tree-fill::before { content: "\f5e1"; } .bi-tree::before { content: "\f5e2"; } .bi-triangle-fill::before { content: "\f5e3"; } .bi-triangle-half::before { content: "\f5e4"; } .bi-triangle::before { content: "\f5e5"; } .bi-trophy-fill::before { content: "\f5e6"; } .bi-trophy::before { content: "\f5e7"; } .bi-tropical-storm::before { content: "\f5e8"; } .bi-truck-flatbed::before { content: "\f5e9"; } .bi-truck::before { content: "\f5ea"; } .bi-tsunami::before { content: "\f5eb"; } .bi-tv-fill::before { content: "\f5ec"; } .bi-tv::before { content: "\f5ed"; } .bi-twitch::before { content: "\f5ee"; } .bi-twitter::before { content: "\f5ef"; } .bi-type-bold::before { content: "\f5f0"; } .bi-type-h1::before { content: "\f5f1"; } .bi-type-h2::before { content: "\f5f2"; } .bi-type-h3::before { content: "\f5f3"; } .bi-type-italic::before { content: "\f5f4"; } .bi-type-strikethrough::before { content: "\f5f5"; } .bi-type-underline::before { content: "\f5f6"; } .bi-type::before { content: "\f5f7"; } .bi-ui-checks-grid::before { content: "\f5f8"; } .bi-ui-checks::before { content: "\f5f9"; } .bi-ui-radios-grid::before { content: "\f5fa"; } .bi-ui-radios::before { content: "\f5fb"; } .bi-umbrella-fill::before { content: "\f5fc"; } .bi-umbrella::before { content: "\f5fd"; } .bi-union::before { content: "\f5fe"; } .bi-unlock-fill::before { content: "\f5ff"; } .bi-unlock::before { content: "\f600"; } .bi-upc-scan::before { content: "\f601"; } .bi-upc::before { content: "\f602"; } .bi-upload::before { content: "\f603"; } .bi-vector-pen::before { content: "\f604"; } .bi-view-list::before { content: "\f605"; } .bi-view-stacked::before { content: "\f606"; } .bi-vinyl-fill::before { content: "\f607"; } .bi-vinyl::before { content: "\f608"; } .bi-voicemail::before { content: "\f609"; } .bi-volume-down-fill::before { content: "\f60a"; } .bi-volume-down::before { content: "\f60b"; } .bi-volume-mute-fill::before { content: "\f60c"; } .bi-volume-mute::before { content: "\f60d"; } .bi-volume-off-fill::before { content: "\f60e"; } .bi-volume-off::before { content: "\f60f"; } .bi-volume-up-fill::before { content: "\f610"; } .bi-volume-up::before { content: "\f611"; } .bi-vr::before { content: "\f612"; } .bi-wallet-fill::before { content: "\f613"; } .bi-wallet::before { content: "\f614"; } .bi-wallet2::before { content: "\f615"; } .bi-watch::before { content: "\f616"; } .bi-water::before { content: "\f617"; } .bi-whatsapp::before { content: "\f618"; } .bi-wifi-1::before { content: "\f619"; } .bi-wifi-2::before { content: "\f61a"; } .bi-wifi-off::before { content: "\f61b"; } .bi-wifi::before { content: "\f61c"; } .bi-wind::before { content: "\f61d"; } .bi-window-dock::before { content: "\f61e"; } .bi-window-sidebar::before { content: "\f61f"; } .bi-window::before { content: "\f620"; } .bi-wrench::before { content: "\f621"; } .bi-x-circle-fill::before { content: "\f622"; } .bi-x-circle::before { content: "\f623"; } .bi-x-diamond-fill::before { content: "\f624"; } .bi-x-diamond::before { content: "\f625"; } .bi-x-octagon-fill::before { content: "\f626"; } .bi-x-octagon::before { content: "\f627"; } .bi-x-square-fill::before { content: "\f628"; } .bi-x-square::before { content: "\f629"; } .bi-x::before { content: "\f62a"; } .bi-youtube::before { content: "\f62b"; } .bi-zoom-in::before { content: "\f62c"; } .bi-zoom-out::before { content: "\f62d"; } .bi-bank::before { content: "\f62e"; } .bi-bank2::before { content: "\f62f"; } .bi-bell-slash-fill::before { content: "\f630"; } .bi-bell-slash::before { content: "\f631"; } .bi-cash-coin::before { content: "\f632"; } .bi-check-lg::before { content: "\f633"; } .bi-coin::before { content: "\f634"; } .bi-currency-bitcoin::before { content: "\f635"; } .bi-currency-dollar::before { content: "\f636"; } .bi-currency-euro::before { content: "\f637"; } .bi-currency-exchange::before { content: "\f638"; } .bi-currency-pound::before { content: "\f639"; } .bi-currency-yen::before { content: "\f63a"; } .bi-dash-lg::before { content: "\f63b"; } .bi-exclamation-lg::before { content: "\f63c"; } .bi-file-earmark-pdf-fill::before { content: "\f63d"; } .bi-file-earmark-pdf::before { content: "\f63e"; } .bi-file-pdf-fill::before { content: "\f63f"; } .bi-file-pdf::before { content: "\f640"; } .bi-gender-ambiguous::before { content: "\f641"; } .bi-gender-female::before { content: "\f642"; } .bi-gender-male::before { content: "\f643"; } .bi-gender-trans::before { content: "\f644"; } .bi-headset-vr::before { content: "\f645"; } .bi-info-lg::before { content: "\f646"; } .bi-mastodon::before { content: "\f647"; } .bi-messenger::before { content: "\f648"; } .bi-piggy-bank-fill::before { content: "\f649"; } .bi-piggy-bank::before { content: "\f64a"; } .bi-pin-map-fill::before { content: "\f64b"; } .bi-pin-map::before { content: "\f64c"; } .bi-plus-lg::before { content: "\f64d"; } .bi-question-lg::before { content: "\f64e"; } .bi-recycle::before { content: "\f64f"; } .bi-reddit::before { content: "\f650"; } .bi-safe-fill::before { content: "\f651"; } .bi-safe2-fill::before { content: "\f652"; } .bi-safe2::before { content: "\f653"; } .bi-sd-card-fill::before { content: "\f654"; } .bi-sd-card::before { content: "\f655"; } .bi-skype::before { content: "\f656"; } .bi-slash-lg::before { content: "\f657"; } .bi-translate::before { content: "\f658"; } .bi-x-lg::before { content: "\f659"; } .bi-safe::before { content: "\f65a"; } .bi-apple::before { content: "\f65b"; } .bi-microsoft::before { content: "\f65d"; } .bi-windows::before { content: "\f65e"; } .bi-behance::before { content: "\f65c"; } .bi-dribbble::before { content: "\f65f"; } .bi-line::before { content: "\f660"; } .bi-medium::before { content: "\f661"; } .bi-paypal::before { content: "\f662"; } .bi-pinterest::before { content: "\f663"; } .bi-signal::before { content: "\f664"; } .bi-snapchat::before { content: "\f665"; } .bi-spotify::before { content: "\f666"; } .bi-stack-overflow::before { content: "\f667"; } .bi-strava::before { content: "\f668"; } .bi-wordpress::before { content: "\f669"; } .bi-vimeo::before { content: "\f66a"; } .bi-activity::before { content: "\f66b"; } .bi-easel2-fill::before { content: "\f66c"; } .bi-easel2::before { content: "\f66d"; } .bi-easel3-fill::before { content: "\f66e"; } .bi-easel3::before { content: "\f66f"; } .bi-fan::before { content: "\f670"; } .bi-fingerprint::before { content: "\f671"; } .bi-graph-down-arrow::before { content: "\f672"; } .bi-graph-up-arrow::before { content: "\f673"; } .bi-hypnotize::before { content: "\f674"; } .bi-magic::before { content: "\f675"; } .bi-person-rolodex::before { content: "\f676"; } .bi-person-video::before { content: "\f677"; } .bi-person-video2::before { content: "\f678"; } .bi-person-video3::before { content: "\f679"; } .bi-person-workspace::before { content: "\f67a"; } .bi-radioactive::before { content: "\f67b"; } .bi-webcam-fill::before { content: "\f67c"; } .bi-webcam::before { content: "\f67d"; } .bi-yin-yang::before { content: "\f67e"; } .bi-bandaid-fill::before { content: "\f680"; } .bi-bandaid::before { content: "\f681"; } .bi-bluetooth::before { content: "\f682"; } .bi-body-text::before { content: "\f683"; } .bi-boombox::before { content: "\f684"; } .bi-boxes::before { content: "\f685"; } .bi-dpad-fill::before { content: "\f686"; } .bi-dpad::before { content: "\f687"; } .bi-ear-fill::before { content: "\f688"; } .bi-ear::before { content: "\f689"; } .bi-envelope-check-fill::before { content: "\f68b"; } .bi-envelope-check::before { content: "\f68c"; } .bi-envelope-dash-fill::before { content: "\f68e"; } .bi-envelope-dash::before { content: "\f68f"; } .bi-envelope-exclamation-fill::before { content: "\f691"; } .bi-envelope-exclamation::before { content: "\f692"; } .bi-envelope-plus-fill::before { content: "\f693"; } .bi-envelope-plus::before { content: "\f694"; } .bi-envelope-slash-fill::before { content: "\f696"; } .bi-envelope-slash::before { content: "\f697"; } .bi-envelope-x-fill::before { content: "\f699"; } .bi-envelope-x::before { content: "\f69a"; } .bi-explicit-fill::before { content: "\f69b"; } .bi-explicit::before { content: "\f69c"; } .bi-git::before { content: "\f69d"; } .bi-infinity::before { content: "\f69e"; } .bi-list-columns-reverse::before { content: "\f69f"; } .bi-list-columns::before { content: "\f6a0"; } .bi-meta::before { content: "\f6a1"; } .bi-nintendo-switch::before { content: "\f6a4"; } .bi-pc-display-horizontal::before { content: "\f6a5"; } .bi-pc-display::before { content: "\f6a6"; } .bi-pc-horizontal::before { content: "\f6a7"; } .bi-pc::before { content: "\f6a8"; } .bi-playstation::before { content: "\f6a9"; } .bi-plus-slash-minus::before { content: "\f6aa"; } .bi-projector-fill::before { content: "\f6ab"; } .bi-projector::before { content: "\f6ac"; } .bi-qr-code-scan::before { content: "\f6ad"; } .bi-qr-code::before { content: "\f6ae"; } .bi-quora::before { content: "\f6af"; } .bi-quote::before { content: "\f6b0"; } .bi-robot::before { content: "\f6b1"; } .bi-send-check-fill::before { content: "\f6b2"; } .bi-send-check::before { content: "\f6b3"; } .bi-send-dash-fill::before { content: "\f6b4"; } .bi-send-dash::before { content: "\f6b5"; } .bi-send-exclamation-fill::before { content: "\f6b7"; } .bi-send-exclamation::before { content: "\f6b8"; } .bi-send-fill::before { content: "\f6b9"; } .bi-send-plus-fill::before { content: "\f6ba"; } .bi-send-plus::before { content: "\f6bb"; } .bi-send-slash-fill::before { content: "\f6bc"; } .bi-send-slash::before { content: "\f6bd"; } .bi-send-x-fill::before { content: "\f6be"; } .bi-send-x::before { content: "\f6bf"; } .bi-send::before { content: "\f6c0"; } .bi-steam::before { content: "\f6c1"; } .bi-terminal-dash::before { content: "\f6c3"; } .bi-terminal-plus::before { content: "\f6c4"; } .bi-terminal-split::before { content: "\f6c5"; } .bi-ticket-detailed-fill::before { content: "\f6c6"; } .bi-ticket-detailed::before { content: "\f6c7"; } .bi-ticket-fill::before { content: "\f6c8"; } .bi-ticket-perforated-fill::before { content: "\f6c9"; } .bi-ticket-perforated::before { content: "\f6ca"; } .bi-ticket::before { content: "\f6cb"; } .bi-tiktok::before { content: "\f6cc"; } .bi-window-dash::before { content: "\f6cd"; } .bi-window-desktop::before { content: "\f6ce"; } .bi-window-fullscreen::before { content: "\f6cf"; } .bi-window-plus::before { content: "\f6d0"; } .bi-window-split::before { content: "\f6d1"; } .bi-window-stack::before { content: "\f6d2"; } .bi-window-x::before { content: "\f6d3"; } .bi-xbox::before { content: "\f6d4"; } .bi-ethernet::before { content: "\f6d5"; } .bi-hdmi-fill::before { content: "\f6d6"; } .bi-hdmi::before { content: "\f6d7"; } .bi-usb-c-fill::before { content: "\f6d8"; } .bi-usb-c::before { content: "\f6d9"; } .bi-usb-fill::before { content: "\f6da"; } .bi-usb-plug-fill::before { content: "\f6db"; } .bi-usb-plug::before { content: "\f6dc"; } .bi-usb-symbol::before { content: "\f6dd"; } .bi-usb::before { content: "\f6de"; } .bi-boombox-fill::before { content: "\f6df"; } .bi-displayport::before { content: "\f6e1"; } .bi-gpu-card::before { content: "\f6e2"; } .bi-memory::before { content: "\f6e3"; } .bi-modem-fill::before { content: "\f6e4"; } .bi-modem::before { content: "\f6e5"; } .bi-motherboard-fill::before { content: "\f6e6"; } .bi-motherboard::before { content: "\f6e7"; } .bi-optical-audio-fill::before { content: "\f6e8"; } .bi-optical-audio::before { content: "\f6e9"; } .bi-pci-card::before { content: "\f6ea"; } .bi-router-fill::before { content: "\f6eb"; } .bi-router::before { content: "\f6ec"; } .bi-thunderbolt-fill::before { content: "\f6ef"; } .bi-thunderbolt::before { content: "\f6f0"; } .bi-usb-drive-fill::before { content: "\f6f1"; } .bi-usb-drive::before { content: "\f6f2"; } .bi-usb-micro-fill::before { content: "\f6f3"; } .bi-usb-micro::before { content: "\f6f4"; } .bi-usb-mini-fill::before { content: "\f6f5"; } .bi-usb-mini::before { content: "\f6f6"; } .bi-cloud-haze2::before { content: "\f6f7"; } .bi-device-hdd-fill::before { content: "\f6f8"; } .bi-device-hdd::before { content: "\f6f9"; } .bi-device-ssd-fill::before { content: "\f6fa"; } .bi-device-ssd::before { content: "\f6fb"; } .bi-displayport-fill::before { content: "\f6fc"; } .bi-mortarboard-fill::before { content: "\f6fd"; } .bi-mortarboard::before { content: "\f6fe"; } .bi-terminal-x::before { content: "\f6ff"; } .bi-arrow-through-heart-fill::before { content: "\f700"; } .bi-arrow-through-heart::before { content: "\f701"; } .bi-badge-sd-fill::before { content: "\f702"; } .bi-badge-sd::before { content: "\f703"; } .bi-bag-heart-fill::before { content: "\f704"; } .bi-bag-heart::before { content: "\f705"; } .bi-balloon-fill::before { content: "\f706"; } .bi-balloon-heart-fill::before { content: "\f707"; } .bi-balloon-heart::before { content: "\f708"; } .bi-balloon::before { content: "\f709"; } .bi-box2-fill::before { content: "\f70a"; } .bi-box2-heart-fill::before { content: "\f70b"; } .bi-box2-heart::before { content: "\f70c"; } .bi-box2::before { content: "\f70d"; } .bi-braces-asterisk::before { content: "\f70e"; } .bi-calendar-heart-fill::before { content: "\f70f"; } .bi-calendar-heart::before { content: "\f710"; } .bi-calendar2-heart-fill::before { content: "\f711"; } .bi-calendar2-heart::before { content: "\f712"; } .bi-chat-heart-fill::before { content: "\f713"; } .bi-chat-heart::before { content: "\f714"; } .bi-chat-left-heart-fill::before { content: "\f715"; } .bi-chat-left-heart::before { content: "\f716"; } .bi-chat-right-heart-fill::before { content: "\f717"; } .bi-chat-right-heart::before { content: "\f718"; } .bi-chat-square-heart-fill::before { content: "\f719"; } .bi-chat-square-heart::before { content: "\f71a"; } .bi-clipboard-check-fill::before { content: "\f71b"; } .bi-clipboard-data-fill::before { content: "\f71c"; } .bi-clipboard-fill::before { content: "\f71d"; } .bi-clipboard-heart-fill::before { content: "\f71e"; } .bi-clipboard-heart::before { content: "\f71f"; } .bi-clipboard-minus-fill::before { content: "\f720"; } .bi-clipboard-plus-fill::before { content: "\f721"; } .bi-clipboard-pulse::before { content: "\f722"; } .bi-clipboard-x-fill::before { content: "\f723"; } .bi-clipboard2-check-fill::before { content: "\f724"; } .bi-clipboard2-check::before { content: "\f725"; } .bi-clipboard2-data-fill::before { content: "\f726"; } .bi-clipboard2-data::before { content: "\f727"; } .bi-clipboard2-fill::before { content: "\f728"; } .bi-clipboard2-heart-fill::before { content: "\f729"; } .bi-clipboard2-heart::before { content: "\f72a"; } .bi-clipboard2-minus-fill::before { content: "\f72b"; } .bi-clipboard2-minus::before { content: "\f72c"; } .bi-clipboard2-plus-fill::before { content: "\f72d"; } .bi-clipboard2-plus::before { content: "\f72e"; } .bi-clipboard2-pulse-fill::before { content: "\f72f"; } .bi-clipboard2-pulse::before { content: "\f730"; } .bi-clipboard2-x-fill::before { content: "\f731"; } .bi-clipboard2-x::before { content: "\f732"; } .bi-clipboard2::before { content: "\f733"; } .bi-emoji-kiss-fill::before { content: "\f734"; } .bi-emoji-kiss::before { content: "\f735"; } .bi-envelope-heart-fill::before { content: "\f736"; } .bi-envelope-heart::before { content: "\f737"; } .bi-envelope-open-heart-fill::before { content: "\f738"; } .bi-envelope-open-heart::before { content: "\f739"; } .bi-envelope-paper-fill::before { content: "\f73a"; } .bi-envelope-paper-heart-fill::before { content: "\f73b"; } .bi-envelope-paper-heart::before { content: "\f73c"; } .bi-envelope-paper::before { content: "\f73d"; } .bi-filetype-aac::before { content: "\f73e"; } .bi-filetype-ai::before { content: "\f73f"; } .bi-filetype-bmp::before { content: "\f740"; } .bi-filetype-cs::before { content: "\f741"; } .bi-filetype-css::before { content: "\f742"; } .bi-filetype-csv::before { content: "\f743"; } .bi-filetype-doc::before { content: "\f744"; } .bi-filetype-docx::before { content: "\f745"; } .bi-filetype-exe::before { content: "\f746"; } .bi-filetype-gif::before { content: "\f747"; } .bi-filetype-heic::before { content: "\f748"; } .bi-filetype-html::before { content: "\f749"; } .bi-filetype-java::before { content: "\f74a"; } .bi-filetype-jpg::before { content: "\f74b"; } .bi-filetype-js::before { content: "\f74c"; } .bi-filetype-jsx::before { content: "\f74d"; } .bi-filetype-key::before { content: "\f74e"; } .bi-filetype-m4p::before { content: "\f74f"; } .bi-filetype-md::before { content: "\f750"; } .bi-filetype-mdx::before { content: "\f751"; } .bi-filetype-mov::before { content: "\f752"; } .bi-filetype-mp3::before { content: "\f753"; } .bi-filetype-mp4::before { content: "\f754"; } .bi-filetype-otf::before { content: "\f755"; } .bi-filetype-pdf::before { content: "\f756"; } .bi-filetype-php::before { content: "\f757"; } .bi-filetype-png::before { content: "\f758"; } .bi-filetype-ppt::before { content: "\f75a"; } .bi-filetype-psd::before { content: "\f75b"; } .bi-filetype-py::before { content: "\f75c"; } .bi-filetype-raw::before { content: "\f75d"; } .bi-filetype-rb::before { content: "\f75e"; } .bi-filetype-sass::before { content: "\f75f"; } .bi-filetype-scss::before { content: "\f760"; } .bi-filetype-sh::before { content: "\f761"; } .bi-filetype-svg::before { content: "\f762"; } .bi-filetype-tiff::before { content: "\f763"; } .bi-filetype-tsx::before { content: "\f764"; } .bi-filetype-ttf::before { content: "\f765"; } .bi-filetype-txt::before { content: "\f766"; } .bi-filetype-wav::before { content: "\f767"; } .bi-filetype-woff::before { content: "\f768"; } .bi-filetype-xls::before { content: "\f76a"; } .bi-filetype-xml::before { content: "\f76b"; } .bi-filetype-yml::before { content: "\f76c"; } .bi-heart-arrow::before { content: "\f76d"; } .bi-heart-pulse-fill::before { content: "\f76e"; } .bi-heart-pulse::before { content: "\f76f"; } .bi-heartbreak-fill::before { content: "\f770"; } .bi-heartbreak::before { content: "\f771"; } .bi-hearts::before { content: "\f772"; } .bi-hospital-fill::before { content: "\f773"; } .bi-hospital::before { content: "\f774"; } .bi-house-heart-fill::before { content: "\f775"; } .bi-house-heart::before { content: "\f776"; } .bi-incognito::before { content: "\f777"; } .bi-magnet-fill::before { content: "\f778"; } .bi-magnet::before { content: "\f779"; } .bi-person-heart::before { content: "\f77a"; } .bi-person-hearts::before { content: "\f77b"; } .bi-phone-flip::before { content: "\f77c"; } .bi-plugin::before { content: "\f77d"; } .bi-postage-fill::before { content: "\f77e"; } .bi-postage-heart-fill::before { content: "\f77f"; } .bi-postage-heart::before { content: "\f780"; } .bi-postage::before { content: "\f781"; } .bi-postcard-fill::before { content: "\f782"; } .bi-postcard-heart-fill::before { content: "\f783"; } .bi-postcard-heart::before { content: "\f784"; } .bi-postcard::before { content: "\f785"; } .bi-search-heart-fill::before { content: "\f786"; } .bi-search-heart::before { content: "\f787"; } .bi-sliders2-vertical::before { content: "\f788"; } .bi-sliders2::before { content: "\f789"; } .bi-trash3-fill::before { content: "\f78a"; } .bi-trash3::before { content: "\f78b"; } .bi-valentine::before { content: "\f78c"; } .bi-valentine2::before { content: "\f78d"; } .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; } .bi-wrench-adjustable-circle::before { content: "\f78f"; } .bi-wrench-adjustable::before { content: "\f790"; } .bi-filetype-json::before { content: "\f791"; } .bi-filetype-pptx::before { content: "\f792"; } .bi-filetype-xlsx::before { content: "\f793"; } .bi-1-circle-fill::before { content: "\f796"; } .bi-1-circle::before { content: "\f797"; } .bi-1-square-fill::before { content: "\f798"; } .bi-1-square::before { content: "\f799"; } .bi-2-circle-fill::before { content: "\f79c"; } .bi-2-circle::before { content: "\f79d"; } .bi-2-square-fill::before { content: "\f79e"; } .bi-2-square::before { content: "\f79f"; } .bi-3-circle-fill::before { content: "\f7a2"; } .bi-3-circle::before { content: "\f7a3"; } .bi-3-square-fill::before { content: "\f7a4"; } .bi-3-square::before { content: "\f7a5"; } .bi-4-circle-fill::before { content: "\f7a8"; } .bi-4-circle::before { content: "\f7a9"; } .bi-4-square-fill::before { content: "\f7aa"; } .bi-4-square::before { content: "\f7ab"; } .bi-5-circle-fill::before { content: "\f7ae"; } .bi-5-circle::before { content: "\f7af"; } .bi-5-square-fill::before { content: "\f7b0"; } .bi-5-square::before { content: "\f7b1"; } .bi-6-circle-fill::before { content: "\f7b4"; } .bi-6-circle::before { content: "\f7b5"; } .bi-6-square-fill::before { content: "\f7b6"; } .bi-6-square::before { content: "\f7b7"; } .bi-7-circle-fill::before { content: "\f7ba"; } .bi-7-circle::before { content: "\f7bb"; } .bi-7-square-fill::before { content: "\f7bc"; } .bi-7-square::before { content: "\f7bd"; } .bi-8-circle-fill::before { content: "\f7c0"; } .bi-8-circle::before { content: "\f7c1"; } .bi-8-square-fill::before { content: "\f7c2"; } .bi-8-square::before { content: "\f7c3"; } .bi-9-circle-fill::before { content: "\f7c6"; } .bi-9-circle::before { content: "\f7c7"; } .bi-9-square-fill::before { content: "\f7c8"; } .bi-9-square::before { content: "\f7c9"; } .bi-airplane-engines-fill::before { content: "\f7ca"; } .bi-airplane-engines::before { content: "\f7cb"; } .bi-airplane-fill::before { content: "\f7cc"; } .bi-airplane::before { content: "\f7cd"; } .bi-alexa::before { content: "\f7ce"; } .bi-alipay::before { content: "\f7cf"; } .bi-android::before { content: "\f7d0"; } .bi-android2::before { content: "\f7d1"; } .bi-box-fill::before { content: "\f7d2"; } .bi-box-seam-fill::before { content: "\f7d3"; } .bi-browser-chrome::before { content: "\f7d4"; } .bi-browser-edge::before { content: "\f7d5"; } .bi-browser-firefox::before { content: "\f7d6"; } .bi-browser-safari::before { content: "\f7d7"; } .bi-c-circle-fill::before { content: "\f7da"; } .bi-c-circle::before { content: "\f7db"; } .bi-c-square-fill::before { content: "\f7dc"; } .bi-c-square::before { content: "\f7dd"; } .bi-capsule-pill::before { content: "\f7de"; } .bi-capsule::before { content: "\f7df"; } .bi-car-front-fill::before { content: "\f7e0"; } .bi-car-front::before { content: "\f7e1"; } .bi-cassette-fill::before { content: "\f7e2"; } .bi-cassette::before { content: "\f7e3"; } .bi-cc-circle-fill::before { content: "\f7e6"; } .bi-cc-circle::before { content: "\f7e7"; } .bi-cc-square-fill::before { content: "\f7e8"; } .bi-cc-square::before { content: "\f7e9"; } .bi-cup-hot-fill::before { content: "\f7ea"; } .bi-cup-hot::before { content: "\f7eb"; } .bi-currency-rupee::before { content: "\f7ec"; } .bi-dropbox::before { content: "\f7ed"; } .bi-escape::before { content: "\f7ee"; } .bi-fast-forward-btn-fill::before { content: "\f7ef"; } .bi-fast-forward-btn::before { content: "\f7f0"; } .bi-fast-forward-circle-fill::before { content: "\f7f1"; } .bi-fast-forward-circle::before { content: "\f7f2"; } .bi-fast-forward-fill::before { content: "\f7f3"; } .bi-fast-forward::before { content: "\f7f4"; } .bi-filetype-sql::before { content: "\f7f5"; } .bi-fire::before { content: "\f7f6"; } .bi-google-play::before { content: "\f7f7"; } .bi-h-circle-fill::before { content: "\f7fa"; } .bi-h-circle::before { content: "\f7fb"; } .bi-h-square-fill::before { content: "\f7fc"; } .bi-h-square::before { content: "\f7fd"; } .bi-indent::before { content: "\f7fe"; } .bi-lungs-fill::before { content: "\f7ff"; } .bi-lungs::before { content: "\f800"; } .bi-microsoft-teams::before { content: "\f801"; } .bi-p-circle-fill::before { content: "\f804"; } .bi-p-circle::before { content: "\f805"; } .bi-p-square-fill::before { content: "\f806"; } .bi-p-square::before { content: "\f807"; } .bi-pass-fill::before { content: "\f808"; } .bi-pass::before { content: "\f809"; } .bi-prescription::before { content: "\f80a"; } .bi-prescription2::before { content: "\f80b"; } .bi-r-circle-fill::before { content: "\f80e"; } .bi-r-circle::before { content: "\f80f"; } .bi-r-square-fill::before { content: "\f810"; } .bi-r-square::before { content: "\f811"; } .bi-repeat-1::before { content: "\f812"; } .bi-repeat::before { content: "\f813"; } .bi-rewind-btn-fill::before { content: "\f814"; } .bi-rewind-btn::before { content: "\f815"; } .bi-rewind-circle-fill::before { content: "\f816"; } .bi-rewind-circle::before { content: "\f817"; } .bi-rewind-fill::before { content: "\f818"; } .bi-rewind::before { content: "\f819"; } .bi-train-freight-front-fill::before { content: "\f81a"; } .bi-train-freight-front::before { content: "\f81b"; } .bi-train-front-fill::before { content: "\f81c"; } .bi-train-front::before { content: "\f81d"; } .bi-train-lightrail-front-fill::before { content: "\f81e"; } .bi-train-lightrail-front::before { content: "\f81f"; } .bi-truck-front-fill::before { content: "\f820"; } .bi-truck-front::before { content: "\f821"; } .bi-ubuntu::before { content: "\f822"; } .bi-unindent::before { content: "\f823"; } .bi-unity::before { content: "\f824"; } .bi-universal-access-circle::before { content: "\f825"; } .bi-universal-access::before { content: "\f826"; } .bi-virus::before { content: "\f827"; } .bi-virus2::before { content: "\f828"; } .bi-wechat::before { content: "\f829"; } .bi-yelp::before { content: "\f82a"; } .bi-sign-stop-fill::before { content: "\f82b"; } .bi-sign-stop-lights-fill::before { content: "\f82c"; } .bi-sign-stop-lights::before { content: "\f82d"; } .bi-sign-stop::before { content: "\f82e"; } .bi-sign-turn-left-fill::before { content: "\f82f"; } .bi-sign-turn-left::before { content: "\f830"; } .bi-sign-turn-right-fill::before { content: "\f831"; } .bi-sign-turn-right::before { content: "\f832"; } .bi-sign-turn-slight-left-fill::before { content: "\f833"; } .bi-sign-turn-slight-left::before { content: "\f834"; } .bi-sign-turn-slight-right-fill::before { content: "\f835"; } .bi-sign-turn-slight-right::before { content: "\f836"; } .bi-sign-yield-fill::before { content: "\f837"; } .bi-sign-yield::before { content: "\f838"; } .bi-ev-station-fill::before { content: "\f839"; } .bi-ev-station::before { content: "\f83a"; } .bi-fuel-pump-diesel-fill::before { content: "\f83b"; } .bi-fuel-pump-diesel::before { content: "\f83c"; } .bi-fuel-pump-fill::before { content: "\f83d"; } .bi-fuel-pump::before { content: "\f83e"; } .bi-0-circle-fill::before { content: "\f83f"; } .bi-0-circle::before { content: "\f840"; } .bi-0-square-fill::before { content: "\f841"; } .bi-0-square::before { content: "\f842"; } .bi-rocket-fill::before { content: "\f843"; } .bi-rocket-takeoff-fill::before { content: "\f844"; } .bi-rocket-takeoff::before { content: "\f845"; } .bi-rocket::before { content: "\f846"; } .bi-stripe::before { content: "\f847"; } .bi-subscript::before { content: "\f848"; } .bi-superscript::before { content: "\f849"; } .bi-trello::before { content: "\f84a"; } .bi-envelope-at-fill::before { content: "\f84b"; } .bi-envelope-at::before { content: "\f84c"; } .bi-regex::before { content: "\f84d"; } .bi-text-wrap::before { content: "\f84e"; } .bi-sign-dead-end-fill::before { content: "\f84f"; } .bi-sign-dead-end::before { content: "\f850"; } .bi-sign-do-not-enter-fill::before { content: "\f851"; } .bi-sign-do-not-enter::before { content: "\f852"; } .bi-sign-intersection-fill::before { content: "\f853"; } .bi-sign-intersection-side-fill::before { content: "\f854"; } .bi-sign-intersection-side::before { content: "\f855"; } .bi-sign-intersection-t-fill::before { content: "\f856"; } .bi-sign-intersection-t::before { content: "\f857"; } .bi-sign-intersection-y-fill::before { content: "\f858"; } .bi-sign-intersection-y::before { content: "\f859"; } .bi-sign-intersection::before { content: "\f85a"; } .bi-sign-merge-left-fill::before { content: "\f85b"; } .bi-sign-merge-left::before { content: "\f85c"; } .bi-sign-merge-right-fill::before { content: "\f85d"; } .bi-sign-merge-right::before { content: "\f85e"; } .bi-sign-no-left-turn-fill::before { content: "\f85f"; } .bi-sign-no-left-turn::before { content: "\f860"; } .bi-sign-no-parking-fill::before { content: "\f861"; } .bi-sign-no-parking::before { content: "\f862"; } .bi-sign-no-right-turn-fill::before { content: "\f863"; } .bi-sign-no-right-turn::before { content: "\f864"; } .bi-sign-railroad-fill::before { content: "\f865"; } .bi-sign-railroad::before { content: "\f866"; } .bi-building-add::before { content: "\f867"; } .bi-building-check::before { content: "\f868"; } .bi-building-dash::before { content: "\f869"; } .bi-building-down::before { content: "\f86a"; } .bi-building-exclamation::before { content: "\f86b"; } .bi-building-fill-add::before { content: "\f86c"; } .bi-building-fill-check::before { content: "\f86d"; } .bi-building-fill-dash::before { content: "\f86e"; } .bi-building-fill-down::before { content: "\f86f"; } .bi-building-fill-exclamation::before { content: "\f870"; } .bi-building-fill-gear::before { content: "\f871"; } .bi-building-fill-lock::before { content: "\f872"; } .bi-building-fill-slash::before { content: "\f873"; } .bi-building-fill-up::before { content: "\f874"; } .bi-building-fill-x::before { content: "\f875"; } .bi-building-fill::before { content: "\f876"; } .bi-building-gear::before { content: "\f877"; } .bi-building-lock::before { content: "\f878"; } .bi-building-slash::before { content: "\f879"; } .bi-building-up::before { content: "\f87a"; } .bi-building-x::before { content: "\f87b"; } .bi-buildings-fill::before { content: "\f87c"; } .bi-buildings::before { content: "\f87d"; } .bi-bus-front-fill::before { content: "\f87e"; } .bi-bus-front::before { content: "\f87f"; } .bi-ev-front-fill::before { content: "\f880"; } .bi-ev-front::before { content: "\f881"; } .bi-globe-americas::before { content: "\f882"; } .bi-globe-asia-australia::before { content: "\f883"; } .bi-globe-central-south-asia::before { content: "\f884"; } .bi-globe-europe-africa::before { content: "\f885"; } .bi-house-add-fill::before { content: "\f886"; } .bi-house-add::before { content: "\f887"; } .bi-house-check-fill::before { content: "\f888"; } .bi-house-check::before { content: "\f889"; } .bi-house-dash-fill::before { content: "\f88a"; } .bi-house-dash::before { content: "\f88b"; } .bi-house-down-fill::before { content: "\f88c"; } .bi-house-down::before { content: "\f88d"; } .bi-house-exclamation-fill::before { content: "\f88e"; } .bi-house-exclamation::before { content: "\f88f"; } .bi-house-gear-fill::before { content: "\f890"; } .bi-house-gear::before { content: "\f891"; } .bi-house-lock-fill::before { content: "\f892"; } .bi-house-lock::before { content: "\f893"; } .bi-house-slash-fill::before { content: "\f894"; } .bi-house-slash::before { content: "\f895"; } .bi-house-up-fill::before { content: "\f896"; } .bi-house-up::before { content: "\f897"; } .bi-house-x-fill::before { content: "\f898"; } .bi-house-x::before { content: "\f899"; } .bi-person-add::before { content: "\f89a"; } .bi-person-down::before { content: "\f89b"; } .bi-person-exclamation::before { content: "\f89c"; } .bi-person-fill-add::before { content: "\f89d"; } .bi-person-fill-check::before { content: "\f89e"; } .bi-person-fill-dash::before { content: "\f89f"; } .bi-person-fill-down::before { content: "\f8a0"; } .bi-person-fill-exclamation::before { content: "\f8a1"; } .bi-person-fill-gear::before { content: "\f8a2"; } .bi-person-fill-lock::before { content: "\f8a3"; } .bi-person-fill-slash::before { content: "\f8a4"; } .bi-person-fill-up::before { content: "\f8a5"; } .bi-person-fill-x::before { content: "\f8a6"; } .bi-person-gear::before { content: "\f8a7"; } .bi-person-lock::before { content: "\f8a8"; } .bi-person-slash::before { content: "\f8a9"; } .bi-person-up::before { content: "\f8aa"; } .bi-scooter::before { content: "\f8ab"; } .bi-taxi-front-fill::before { content: "\f8ac"; } .bi-taxi-front::before { content: "\f8ad"; } .bi-amd::before { content: "\f8ae"; } .bi-database-add::before { content: "\f8af"; } .bi-database-check::before { content: "\f8b0"; } .bi-database-dash::before { content: "\f8b1"; } .bi-database-down::before { content: "\f8b2"; } .bi-database-exclamation::before { content: "\f8b3"; } .bi-database-fill-add::before { content: "\f8b4"; } .bi-database-fill-check::before { content: "\f8b5"; } .bi-database-fill-dash::before { content: "\f8b6"; } .bi-database-fill-down::before { content: "\f8b7"; } .bi-database-fill-exclamation::before { content: "\f8b8"; } .bi-database-fill-gear::before { content: "\f8b9"; } .bi-database-fill-lock::before { content: "\f8ba"; } .bi-database-fill-slash::before { content: "\f8bb"; } .bi-database-fill-up::before { content: "\f8bc"; } .bi-database-fill-x::before { content: "\f8bd"; } .bi-database-fill::before { content: "\f8be"; } .bi-database-gear::before { content: "\f8bf"; } .bi-database-lock::before { content: "\f8c0"; } .bi-database-slash::before { content: "\f8c1"; } .bi-database-up::before { content: "\f8c2"; } .bi-database-x::before { content: "\f8c3"; } .bi-database::before { content: "\f8c4"; } .bi-houses-fill::before { content: "\f8c5"; } .bi-houses::before { content: "\f8c6"; } .bi-nvidia::before { content: "\f8c7"; } .bi-person-vcard-fill::before { content: "\f8c8"; } .bi-person-vcard::before { content: "\f8c9"; } .bi-sina-weibo::before { content: "\f8ca"; } .bi-tencent-qq::before { content: "\f8cb"; } .bi-wikipedia::before { content: "\f8cc"; } .bi-alphabet-uppercase::before { content: "\f2a5"; } .bi-alphabet::before { content: "\f68a"; } .bi-amazon::before { content: "\f68d"; } .bi-arrows-collapse-vertical::before { content: "\f690"; } .bi-arrows-expand-vertical::before { content: "\f695"; } .bi-arrows-vertical::before { content: "\f698"; } .bi-arrows::before { content: "\f6a2"; } .bi-ban-fill::before { content: "\f6a3"; } .bi-ban::before { content: "\f6b6"; } .bi-bing::before { content: "\f6c2"; } .bi-cake::before { content: "\f6e0"; } .bi-cake2::before { content: "\f6ed"; } .bi-cookie::before { content: "\f6ee"; } .bi-copy::before { content: "\f759"; } .bi-crosshair::before { content: "\f769"; } .bi-crosshair2::before { content: "\f794"; } .bi-emoji-astonished-fill::before { content: "\f795"; } .bi-emoji-astonished::before { content: "\f79a"; } .bi-emoji-grimace-fill::before { content: "\f79b"; } .bi-emoji-grimace::before { content: "\f7a0"; } .bi-emoji-grin-fill::before { content: "\f7a1"; } .bi-emoji-grin::before { content: "\f7a6"; } .bi-emoji-surprise-fill::before { content: "\f7a7"; } .bi-emoji-surprise::before { content: "\f7ac"; } .bi-emoji-tear-fill::before { content: "\f7ad"; } .bi-emoji-tear::before { content: "\f7b2"; } .bi-envelope-arrow-down-fill::before { content: "\f7b3"; } .bi-envelope-arrow-down::before { content: "\f7b8"; } .bi-envelope-arrow-up-fill::before { content: "\f7b9"; } .bi-envelope-arrow-up::before { content: "\f7be"; } .bi-feather::before { content: "\f7bf"; } .bi-feather2::before { content: "\f7c4"; } .bi-floppy-fill::before { content: "\f7c5"; } .bi-floppy::before { content: "\f7d8"; } .bi-floppy2-fill::before { content: "\f7d9"; } .bi-floppy2::before { content: "\f7e4"; } .bi-gitlab::before { content: "\f7e5"; } .bi-highlighter::before { content: "\f7f8"; } .bi-marker-tip::before { content: "\f802"; } .bi-nvme-fill::before { content: "\f803"; } .bi-nvme::before { content: "\f80c"; } .bi-opencollective::before { content: "\f80d"; } .bi-pci-card-network::before { content: "\f8cd"; } .bi-pci-card-sound::before { content: "\f8ce"; } .bi-radar::before { content: "\f8cf"; } .bi-send-arrow-down-fill::before { content: "\f8d0"; } .bi-send-arrow-down::before { content: "\f8d1"; } .bi-send-arrow-up-fill::before { content: "\f8d2"; } .bi-send-arrow-up::before { content: "\f8d3"; } .bi-sim-slash-fill::before { content: "\f8d4"; } .bi-sim-slash::before { content: "\f8d5"; } .bi-sourceforge::before { content: "\f8d6"; } .bi-substack::before { content: "\f8d7"; } .bi-threads-fill::before { content: "\f8d8"; } .bi-threads::before { content: "\f8d9"; } .bi-transparency::before { content: "\f8da"; } .bi-twitter-x::before { content: "\f8db"; } .bi-type-h4::before { content: "\f8dc"; } .bi-type-h5::before { content: "\f8dd"; } .bi-type-h6::before { content: "\f8de"; } .bi-backpack-fill::before { content: "\f8df"; } .bi-backpack::before { content: "\f8e0"; } .bi-backpack2-fill::before { content: "\f8e1"; } .bi-backpack2::before { content: "\f8e2"; } .bi-backpack3-fill::before { content: "\f8e3"; } .bi-backpack3::before { content: "\f8e4"; } .bi-backpack4-fill::before { content: "\f8e5"; } .bi-backpack4::before { content: "\f8e6"; } .bi-brilliance::before { content: "\f8e7"; } .bi-cake-fill::before { content: "\f8e8"; } .bi-cake2-fill::before { content: "\f8e9"; } .bi-duffle-fill::before { content: "\f8ea"; } .bi-duffle::before { content: "\f8eb"; } .bi-exposure::before { content: "\f8ec"; } .bi-gender-neuter::before { content: "\f8ed"; } .bi-highlights::before { content: "\f8ee"; } .bi-luggage-fill::before { content: "\f8ef"; } .bi-luggage::before { content: "\f8f0"; } .bi-mailbox-flag::before { content: "\f8f1"; } .bi-mailbox2-flag::before { content: "\f8f2"; } .bi-noise-reduction::before { content: "\f8f3"; } .bi-passport-fill::before { content: "\f8f4"; } .bi-passport::before { content: "\f8f5"; } .bi-person-arms-up::before { content: "\f8f6"; } .bi-person-raised-hand::before { content: "\f8f7"; } .bi-person-standing-dress::before { content: "\f8f8"; } .bi-person-standing::before { content: "\f8f9"; } .bi-person-walking::before { content: "\f8fa"; } .bi-person-wheelchair::before { content: "\f8fb"; } .bi-shadows::before { content: "\f8fc"; } .bi-suitcase-fill::before { content: "\f8fd"; } .bi-suitcase-lg-fill::before { content: "\f8fe"; } .bi-suitcase-lg::before { content: "\f8ff"; } .bi-suitcase::before { content: "豈"; } .bi-suitcase2-fill::before { content: "更"; } .bi-suitcase2::before { content: "車"; } .bi-vignette::before { content: "賈"; } @media (max-width: 575.98px) { html { font-size: 14px; } } body { margin: 0; padding: 0; width: 100%; height: 100%; font-family: "Arsenal", sans-serif; font-weight: 300; font-optical-sizing: auto; background-color: #FFF; color: #000; letter-spacing: 0; line-height: normal; } a { color: #000; text-decoration: none; transition: 0.2s ease-out; } a.disabled-link { pointer-events: none; opacity: 0.5; cursor: unset; } a.hide-link { pointer-events: none; opacity: 0; cursor: unset; visibility: hidden; } a:hover { color: #000; text-decoration: underline; } ul { margin: 0 0 0 0; padding: 0 0 0 0; } strong { font-weight: 700; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { letter-spacing: 0; } button, select { text-transform: none; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button { border-radius: 0; } button .loading { opacity: 1; } input { font-family: "Arsenal", sans-serif; color: rgb(0, 0, 0); } option { padding: 5px; } .sticky-top { position: sticky; top: 0; z-index: 1; } img { width: 100%; height: auto; max-width: 100%; } dl { margin-bottom: 1.875rem; } dl dd { margin-bottom: 1.25rem; } .column-count-2 { width: 100%; -moz-column-count: 2; column-count: 2; } .grecaptcha-badge { visibility: hidden; } ::-moz-selection { background-color: #525252; color: #fff; } ::selection { background-color: #525252; color: #fff; } img::-moz-selection { background-color: transparent; color: rgba(255, 255, 255, 0); } img::selection { background-color: transparent; color: rgba(255, 255, 255, 0); } address { font-style: normal; line-height: inherit; margin-bottom: 0; } /* =================== ==== SCROLLBAR ==== =================== */ .cursorDefault { cursor: default !important; } .cursorPointer { cursor: pointer !important; } ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f1f1; } ::-webkit-scrollbar-thumb { background: #888; } ::-webkit-scrollbar-thumb:hover { background: #555; } .no-scroll { overflow: hidden; } /* ==================== ==== SCROLL TOP ==== ==================== */ .scroll_anchor_top { scroll-padding-top: 150px; } @media (max-width: 1023.98px) { .scroll_anchor_top { scroll-padding-top: 65px; } } /* ================ ==== COLORI ==== ================ */ .txtBlack { color: #000 !important; } .txtWhite { color: #fff !important; } .txtDarkGray { color: #5a5a5a !important; } /* ================= ==== OPACITY ==== ================= */ .opacity-01 { opacity: 0.1; } .opacity-02 { opacity: 0.2; } .opacity-03 { opacity: 0.3; } .opacity-04 { opacity: 0.4; } .opacity-05 { opacity: 0.5; } .opacity-06 { opacity: 0.6; } .opacity-07 { opacity: 0.7; } .opacity-08 { opacity: 0.8; } .opacity-09 { opacity: 0.9; } /* ================== ==== BG COLOR ==== ================== */ .bgColorTransparent { background-color: transparent !important; } .bgColorBlack { background-color: rgb(0, 0, 0) !important; } .bgColorWhite { background-color: rgb(255, 255, 255) !important; } .bgColorGreyLight { background-color: rgb(240, 240, 240) !important; } /* ================= ==== DISPLAY ==== ================= */ .displayInlineBlock { display: inline-block !important; } /* ================= ==== POSITION === ================= */ .positionRelative { position: relative !important; } .positionAbsolute { position: absolute !important; } /* ==================== ==== POSITIONING === ==================== */ .left0 { left: 0% !important; } .top0 { top: 0% !important; } .right0 { right: 0% !important; } .bottom0 { bottom: 0% !important; } .left1 { left: 1% !important; } .top1 { top: 1% !important; } .right1 { right: 1% !important; } .bottom1 { bottom: 1% !important; } .left2 { left: 2% !important; } .top2 { top: 2% !important; } .right2 { right: 2% !important; } .bottom2 { bottom: 2% !important; } .left3 { left: 3% !important; } .top3 { top: 3% !important; } .right3 { right: 3% !important; } .bottom3 { bottom: 3% !important; } .left4 { left: 4% !important; } .top4 { top: 4% !important; } .right4 { right: 4% !important; } .bottom4 { bottom: 4% !important; } .left5 { left: 5% !important; } .top5 { top: 5% !important; } .right5 { right: 5% !important; } .bottom5 { bottom: 5% !important; } .left6 { left: 6% !important; } .top6 { top: 6% !important; } .right6 { right: 6% !important; } .bottom6 { bottom: 6% !important; } .left7 { left: 7% !important; } .top7 { top: 7% !important; } .right7 { right: 7% !important; } .bottom7 { bottom: 7% !important; } .left8 { left: 8% !important; } .top8 { top: 8% !important; } .right8 { right: 8% !important; } .bottom8 { bottom: 8% !important; } .left9 { left: 9% !important; } .top9 { top: 9% !important; } .right9 { right: 9% !important; } .bottom9 { bottom: 9% !important; } .left10 { left: 10% !important; } .top10 { top: 10% !important; } .right10 { right: 10% !important; } .bottom10 { bottom: 10% !important; } .left11 { left: 11% !important; } .top11 { top: 11% !important; } .right11 { right: 11% !important; } .bottom11 { bottom: 11% !important; } .left12 { left: 12% !important; } .top12 { top: 12% !important; } .right12 { right: 12% !important; } .bottom12 { bottom: 12% !important; } .left13 { left: 13% !important; } .top13 { top: 13% !important; } .right13 { right: 13% !important; } .bottom13 { bottom: 13% !important; } .left14 { left: 14% !important; } .top14 { top: 14% !important; } .right14 { right: 14% !important; } .bottom14 { bottom: 14% !important; } .left15 { left: 15% !important; } .top15 { top: 15% !important; } .right15 { right: 15% !important; } .bottom15 { bottom: 15% !important; } .left16 { left: 16% !important; } .top16 { top: 16% !important; } .right16 { right: 16% !important; } .bottom16 { bottom: 16% !important; } .left17 { left: 17% !important; } .top17 { top: 17% !important; } .right17 { right: 17% !important; } .bottom17 { bottom: 17% !important; } .left18 { left: 18% !important; } .top18 { top: 18% !important; } .right18 { right: 18% !important; } .bottom18 { bottom: 18% !important; } .left19 { left: 19% !important; } .top19 { top: 19% !important; } .right19 { right: 19% !important; } .bottom19 { bottom: 19% !important; } .left20 { left: 20% !important; } .top20 { top: 20% !important; } .right20 { right: 20% !important; } .bottom20 { bottom: 20% !important; } .left21 { left: 21% !important; } .top21 { top: 21% !important; } .right21 { right: 21% !important; } .bottom21 { bottom: 21% !important; } .left22 { left: 22% !important; } .top22 { top: 22% !important; } .right22 { right: 22% !important; } .bottom22 { bottom: 22% !important; } .left23 { left: 23% !important; } .top23 { top: 23% !important; } .right23 { right: 23% !important; } .bottom23 { bottom: 23% !important; } .left24 { left: 24% !important; } .top24 { top: 24% !important; } .right24 { right: 24% !important; } .bottom24 { bottom: 24% !important; } .left25 { left: 25% !important; } .top25 { top: 25% !important; } .right25 { right: 25% !important; } .bottom25 { bottom: 25% !important; } .left26 { left: 26% !important; } .top26 { top: 26% !important; } .right26 { right: 26% !important; } .bottom26 { bottom: 26% !important; } .left27 { left: 27% !important; } .top27 { top: 27% !important; } .right27 { right: 27% !important; } .bottom27 { bottom: 27% !important; } .left28 { left: 28% !important; } .top28 { top: 28% !important; } .right28 { right: 28% !important; } .bottom28 { bottom: 28% !important; } .left29 { left: 29% !important; } .top29 { top: 29% !important; } .right29 { right: 29% !important; } .bottom29 { bottom: 29% !important; } .left30 { left: 30% !important; } .top30 { top: 30% !important; } .right30 { right: 30% !important; } .bottom30 { bottom: 30% !important; } .left31 { left: 31% !important; } .top31 { top: 31% !important; } .right31 { right: 31% !important; } .bottom31 { bottom: 31% !important; } .left32 { left: 32% !important; } .top32 { top: 32% !important; } .right32 { right: 32% !important; } .bottom32 { bottom: 32% !important; } .left33 { left: 33% !important; } .top33 { top: 33% !important; } .right33 { right: 33% !important; } .bottom33 { bottom: 33% !important; } .left34 { left: 34% !important; } .top34 { top: 34% !important; } .right34 { right: 34% !important; } .bottom34 { bottom: 34% !important; } .left35 { left: 35% !important; } .top35 { top: 35% !important; } .right35 { right: 35% !important; } .bottom35 { bottom: 35% !important; } .left36 { left: 36% !important; } .top36 { top: 36% !important; } .right36 { right: 36% !important; } .bottom36 { bottom: 36% !important; } .left37 { left: 37% !important; } .top37 { top: 37% !important; } .right37 { right: 37% !important; } .bottom37 { bottom: 37% !important; } .left38 { left: 38% !important; } .top38 { top: 38% !important; } .right38 { right: 38% !important; } .bottom38 { bottom: 38% !important; } .left39 { left: 39% !important; } .top39 { top: 39% !important; } .right39 { right: 39% !important; } .bottom39 { bottom: 39% !important; } .left40 { left: 40% !important; } .top40 { top: 40% !important; } .right40 { right: 40% !important; } .bottom40 { bottom: 40% !important; } .left41 { left: 41% !important; } .top41 { top: 41% !important; } .right41 { right: 41% !important; } .bottom41 { bottom: 41% !important; } .left42 { left: 42% !important; } .top42 { top: 42% !important; } .right42 { right: 42% !important; } .bottom42 { bottom: 42% !important; } .left43 { left: 43% !important; } .top43 { top: 43% !important; } .right43 { right: 43% !important; } .bottom43 { bottom: 43% !important; } .left44 { left: 44% !important; } .top44 { top: 44% !important; } .right44 { right: 44% !important; } .bottom44 { bottom: 44% !important; } .left45 { left: 45% !important; } .top45 { top: 45% !important; } .right45 { right: 45% !important; } .bottom45 { bottom: 45% !important; } .left46 { left: 46% !important; } .top46 { top: 46% !important; } .right46 { right: 46% !important; } .bottom46 { bottom: 46% !important; } .left47 { left: 47% !important; } .top47 { top: 47% !important; } .right47 { right: 47% !important; } .bottom47 { bottom: 47% !important; } .left48 { left: 48% !important; } .top48 { top: 48% !important; } .right48 { right: 48% !important; } .bottom48 { bottom: 48% !important; } .left49 { left: 49% !important; } .top49 { top: 49% !important; } .right49 { right: 49% !important; } .bottom49 { bottom: 49% !important; } .left50 { left: 50% !important; } .top50 { top: 50% !important; } .right50 { right: 50% !important; } .bottom50 { bottom: 50% !important; } .left51 { left: 51% !important; } .top51 { top: 51% !important; } .right51 { right: 51% !important; } .bottom51 { bottom: 51% !important; } .left52 { left: 52% !important; } .top52 { top: 52% !important; } .right52 { right: 52% !important; } .bottom52 { bottom: 52% !important; } .left53 { left: 53% !important; } .top53 { top: 53% !important; } .right53 { right: 53% !important; } .bottom53 { bottom: 53% !important; } .left54 { left: 54% !important; } .top54 { top: 54% !important; } .right54 { right: 54% !important; } .bottom54 { bottom: 54% !important; } .left55 { left: 55% !important; } .top55 { top: 55% !important; } .right55 { right: 55% !important; } .bottom55 { bottom: 55% !important; } .left56 { left: 56% !important; } .top56 { top: 56% !important; } .right56 { right: 56% !important; } .bottom56 { bottom: 56% !important; } .left57 { left: 57% !important; } .top57 { top: 57% !important; } .right57 { right: 57% !important; } .bottom57 { bottom: 57% !important; } .left58 { left: 58% !important; } .top58 { top: 58% !important; } .right58 { right: 58% !important; } .bottom58 { bottom: 58% !important; } .left59 { left: 59% !important; } .top59 { top: 59% !important; } .right59 { right: 59% !important; } .bottom59 { bottom: 59% !important; } .left60 { left: 60% !important; } .top60 { top: 60% !important; } .right60 { right: 60% !important; } .bottom60 { bottom: 60% !important; } .left61 { left: 61% !important; } .top61 { top: 61% !important; } .right61 { right: 61% !important; } .bottom61 { bottom: 61% !important; } .left62 { left: 62% !important; } .top62 { top: 62% !important; } .right62 { right: 62% !important; } .bottom62 { bottom: 62% !important; } .left63 { left: 63% !important; } .top63 { top: 63% !important; } .right63 { right: 63% !important; } .bottom63 { bottom: 63% !important; } .left64 { left: 64% !important; } .top64 { top: 64% !important; } .right64 { right: 64% !important; } .bottom64 { bottom: 64% !important; } .left65 { left: 65% !important; } .top65 { top: 65% !important; } .right65 { right: 65% !important; } .bottom65 { bottom: 65% !important; } .left66 { left: 66% !important; } .top66 { top: 66% !important; } .right66 { right: 66% !important; } .bottom66 { bottom: 66% !important; } .left67 { left: 67% !important; } .top67 { top: 67% !important; } .right67 { right: 67% !important; } .bottom67 { bottom: 67% !important; } .left68 { left: 68% !important; } .top68 { top: 68% !important; } .right68 { right: 68% !important; } .bottom68 { bottom: 68% !important; } .left69 { left: 69% !important; } .top69 { top: 69% !important; } .right69 { right: 69% !important; } .bottom69 { bottom: 69% !important; } .left70 { left: 70% !important; } .top70 { top: 70% !important; } .right70 { right: 70% !important; } .bottom70 { bottom: 70% !important; } .left71 { left: 71% !important; } .top71 { top: 71% !important; } .right71 { right: 71% !important; } .bottom71 { bottom: 71% !important; } .left72 { left: 72% !important; } .top72 { top: 72% !important; } .right72 { right: 72% !important; } .bottom72 { bottom: 72% !important; } .left73 { left: 73% !important; } .top73 { top: 73% !important; } .right73 { right: 73% !important; } .bottom73 { bottom: 73% !important; } .left74 { left: 74% !important; } .top74 { top: 74% !important; } .right74 { right: 74% !important; } .bottom74 { bottom: 74% !important; } .left75 { left: 75% !important; } .top75 { top: 75% !important; } .right75 { right: 75% !important; } .bottom75 { bottom: 75% !important; } .left76 { left: 76% !important; } .top76 { top: 76% !important; } .right76 { right: 76% !important; } .bottom76 { bottom: 76% !important; } .left77 { left: 77% !important; } .top77 { top: 77% !important; } .right77 { right: 77% !important; } .bottom77 { bottom: 77% !important; } .left78 { left: 78% !important; } .top78 { top: 78% !important; } .right78 { right: 78% !important; } .bottom78 { bottom: 78% !important; } .left79 { left: 79% !important; } .top79 { top: 79% !important; } .right79 { right: 79% !important; } .bottom79 { bottom: 79% !important; } .left80 { left: 80% !important; } .top80 { top: 80% !important; } .right80 { right: 80% !important; } .bottom80 { bottom: 80% !important; } .left81 { left: 81% !important; } .top81 { top: 81% !important; } .right81 { right: 81% !important; } .bottom81 { bottom: 81% !important; } .left82 { left: 82% !important; } .top82 { top: 82% !important; } .right82 { right: 82% !important; } .bottom82 { bottom: 82% !important; } .left83 { left: 83% !important; } .top83 { top: 83% !important; } .right83 { right: 83% !important; } .bottom83 { bottom: 83% !important; } .left84 { left: 84% !important; } .top84 { top: 84% !important; } .right84 { right: 84% !important; } .bottom84 { bottom: 84% !important; } .left85 { left: 85% !important; } .top85 { top: 85% !important; } .right85 { right: 85% !important; } .bottom85 { bottom: 85% !important; } .left86 { left: 86% !important; } .top86 { top: 86% !important; } .right86 { right: 86% !important; } .bottom86 { bottom: 86% !important; } .left87 { left: 87% !important; } .top87 { top: 87% !important; } .right87 { right: 87% !important; } .bottom87 { bottom: 87% !important; } .left88 { left: 88% !important; } .top88 { top: 88% !important; } .right88 { right: 88% !important; } .bottom88 { bottom: 88% !important; } .left89 { left: 89% !important; } .top89 { top: 89% !important; } .right89 { right: 89% !important; } .bottom89 { bottom: 89% !important; } .left90 { left: 90% !important; } .top90 { top: 90% !important; } .right90 { right: 90% !important; } .bottom90 { bottom: 90% !important; } .left91 { left: 91% !important; } .top91 { top: 91% !important; } .right91 { right: 91% !important; } .bottom91 { bottom: 91% !important; } .left92 { left: 92% !important; } .top92 { top: 92% !important; } .right92 { right: 92% !important; } .bottom92 { bottom: 92% !important; } .left93 { left: 93% !important; } .top93 { top: 93% !important; } .right93 { right: 93% !important; } .bottom93 { bottom: 93% !important; } .left94 { left: 94% !important; } .top94 { top: 94% !important; } .right94 { right: 94% !important; } .bottom94 { bottom: 94% !important; } .left95 { left: 95% !important; } .top95 { top: 95% !important; } .right95 { right: 95% !important; } .bottom95 { bottom: 95% !important; } .leftAuto { left: auto !important; } .topAuto { top: auto !important; } .rightAuto { right: auto !important; } .bottomAuto { bottom: auto !important; } @media (max-width: 767.98px) { .left0_mobile { left: 0% !important; } .top0_mobile { top: 0% !important; } .right0_mobile { right: 0% !important; } .bottom0_mobile { bottom: 0% !important; } .left1_mobile { left: 1% !important; } .top1_mobile { top: 1% !important; } .right1_mobile { right: 1% !important; } .bottom1_mobile { bottom: 1% !important; } .left2_mobile { left: 2% !important; } .top2_mobile { top: 2% !important; } .right2_mobile { right: 2% !important; } .bottom2_mobile { bottom: 2% !important; } .left3_mobile { left: 3% !important; } .top3_mobile { top: 3% !important; } .right3_mobile { right: 3% !important; } .bottom3_mobile { bottom: 3% !important; } .left4_mobile { left: 4% !important; } .top4_mobile { top: 4% !important; } .right4_mobile { right: 4% !important; } .bottom4_mobile { bottom: 4% !important; } .left5_mobile { left: 5% !important; } .top5_mobile { top: 5% !important; } .right5_mobile { right: 5% !important; } .bottom5_mobile { bottom: 5% !important; } .left6_mobile { left: 6% !important; } .top6_mobile { top: 6% !important; } .right6_mobile { right: 6% !important; } .bottom6_mobile { bottom: 6% !important; } .left7_mobile { left: 7% !important; } .top7_mobile { top: 7% !important; } .right7_mobile { right: 7% !important; } .bottom7_mobile { bottom: 7% !important; } .left8_mobile { left: 8% !important; } .top8_mobile { top: 8% !important; } .right8_mobile { right: 8% !important; } .bottom8_mobile { bottom: 8% !important; } .left9_mobile { left: 9% !important; } .top9_mobile { top: 9% !important; } .right9_mobile { right: 9% !important; } .bottom9_mobile { bottom: 9% !important; } .left10_mobile { left: 10% !important; } .top10_mobile { top: 10% !important; } .right10_mobile { right: 10% !important; } .bottom10_mobile { bottom: 10% !important; } .left11_mobile { left: 11% !important; } .top11_mobile { top: 11% !important; } .right11_mobile { right: 11% !important; } .bottom11_mobile { bottom: 11% !important; } .left12_mobile { left: 12% !important; } .top12_mobile { top: 12% !important; } .right12_mobile { right: 12% !important; } .bottom12_mobile { bottom: 12% !important; } .left13_mobile { left: 13% !important; } .top13_mobile { top: 13% !important; } .right13_mobile { right: 13% !important; } .bottom13_mobile { bottom: 13% !important; } .left14_mobile { left: 14% !important; } .top14_mobile { top: 14% !important; } .right14_mobile { right: 14% !important; } .bottom14_mobile { bottom: 14% !important; } .left15_mobile { left: 15% !important; } .top15_mobile { top: 15% !important; } .right15_mobile { right: 15% !important; } .bottom15_mobile { bottom: 15% !important; } .left16_mobile { left: 16% !important; } .top16_mobile { top: 16% !important; } .right16_mobile { right: 16% !important; } .bottom16_mobile { bottom: 16% !important; } .left17_mobile { left: 17% !important; } .top17_mobile { top: 17% !important; } .right17_mobile { right: 17% !important; } .bottom17_mobile { bottom: 17% !important; } .left18_mobile { left: 18% !important; } .top18_mobile { top: 18% !important; } .right18_mobile { right: 18% !important; } .bottom18_mobile { bottom: 18% !important; } .left19_mobile { left: 19% !important; } .top19_mobile { top: 19% !important; } .right19_mobile { right: 19% !important; } .bottom19_mobile { bottom: 19% !important; } .left20_mobile { left: 20% !important; } .top20_mobile { top: 20% !important; } .right20_mobile { right: 20% !important; } .bottom20_mobile { bottom: 20% !important; } .left21_mobile { left: 21% !important; } .top21_mobile { top: 21% !important; } .right21_mobile { right: 21% !important; } .bottom21_mobile { bottom: 21% !important; } .left22_mobile { left: 22% !important; } .top22_mobile { top: 22% !important; } .right22_mobile { right: 22% !important; } .bottom22_mobile { bottom: 22% !important; } .left23_mobile { left: 23% !important; } .top23_mobile { top: 23% !important; } .right23_mobile { right: 23% !important; } .bottom23_mobile { bottom: 23% !important; } .left24_mobile { left: 24% !important; } .top24_mobile { top: 24% !important; } .right24_mobile { right: 24% !important; } .bottom24_mobile { bottom: 24% !important; } .left25_mobile { left: 25% !important; } .top25_mobile { top: 25% !important; } .right25_mobile { right: 25% !important; } .bottom25_mobile { bottom: 25% !important; } .left26_mobile { left: 26% !important; } .top26_mobile { top: 26% !important; } .right26_mobile { right: 26% !important; } .bottom26_mobile { bottom: 26% !important; } .left27_mobile { left: 27% !important; } .top27_mobile { top: 27% !important; } .right27_mobile { right: 27% !important; } .bottom27_mobile { bottom: 27% !important; } .left28_mobile { left: 28% !important; } .top28_mobile { top: 28% !important; } .right28_mobile { right: 28% !important; } .bottom28_mobile { bottom: 28% !important; } .left29_mobile { left: 29% !important; } .top29_mobile { top: 29% !important; } .right29_mobile { right: 29% !important; } .bottom29_mobile { bottom: 29% !important; } .left30_mobile { left: 30% !important; } .top30_mobile { top: 30% !important; } .right30_mobile { right: 30% !important; } .bottom30_mobile { bottom: 30% !important; } .left31_mobile { left: 31% !important; } .top31_mobile { top: 31% !important; } .right31_mobile { right: 31% !important; } .bottom31_mobile { bottom: 31% !important; } .left32_mobile { left: 32% !important; } .top32_mobile { top: 32% !important; } .right32_mobile { right: 32% !important; } .bottom32_mobile { bottom: 32% !important; } .left33_mobile { left: 33% !important; } .top33_mobile { top: 33% !important; } .right33_mobile { right: 33% !important; } .bottom33_mobile { bottom: 33% !important; } .left34_mobile { left: 34% !important; } .top34_mobile { top: 34% !important; } .right34_mobile { right: 34% !important; } .bottom34_mobile { bottom: 34% !important; } .left35_mobile { left: 35% !important; } .top35_mobile { top: 35% !important; } .right35_mobile { right: 35% !important; } .bottom35_mobile { bottom: 35% !important; } .left36_mobile { left: 36% !important; } .top36_mobile { top: 36% !important; } .right36_mobile { right: 36% !important; } .bottom36_mobile { bottom: 36% !important; } .left37_mobile { left: 37% !important; } .top37_mobile { top: 37% !important; } .right37_mobile { right: 37% !important; } .bottom37_mobile { bottom: 37% !important; } .left38_mobile { left: 38% !important; } .top38_mobile { top: 38% !important; } .right38_mobile { right: 38% !important; } .bottom38_mobile { bottom: 38% !important; } .left39_mobile { left: 39% !important; } .top39_mobile { top: 39% !important; } .right39_mobile { right: 39% !important; } .bottom39_mobile { bottom: 39% !important; } .left40_mobile { left: 40% !important; } .top40_mobile { top: 40% !important; } .right40_mobile { right: 40% !important; } .bottom40_mobile { bottom: 40% !important; } .left41_mobile { left: 41% !important; } .top41_mobile { top: 41% !important; } .right41_mobile { right: 41% !important; } .bottom41_mobile { bottom: 41% !important; } .left42_mobile { left: 42% !important; } .top42_mobile { top: 42% !important; } .right42_mobile { right: 42% !important; } .bottom42_mobile { bottom: 42% !important; } .left43_mobile { left: 43% !important; } .top43_mobile { top: 43% !important; } .right43_mobile { right: 43% !important; } .bottom43_mobile { bottom: 43% !important; } .left44_mobile { left: 44% !important; } .top44_mobile { top: 44% !important; } .right44_mobile { right: 44% !important; } .bottom44_mobile { bottom: 44% !important; } .left45_mobile { left: 45% !important; } .top45_mobile { top: 45% !important; } .right45_mobile { right: 45% !important; } .bottom45_mobile { bottom: 45% !important; } .left46_mobile { left: 46% !important; } .top46_mobile { top: 46% !important; } .right46_mobile { right: 46% !important; } .bottom46_mobile { bottom: 46% !important; } .left47_mobile { left: 47% !important; } .top47_mobile { top: 47% !important; } .right47_mobile { right: 47% !important; } .bottom47_mobile { bottom: 47% !important; } .left48_mobile { left: 48% !important; } .top48_mobile { top: 48% !important; } .right48_mobile { right: 48% !important; } .bottom48_mobile { bottom: 48% !important; } .left49_mobile { left: 49% !important; } .top49_mobile { top: 49% !important; } .right49_mobile { right: 49% !important; } .bottom49_mobile { bottom: 49% !important; } .left50_mobile { left: 50% !important; } .top50_mobile { top: 50% !important; } .right50_mobile { right: 50% !important; } .bottom50_mobile { bottom: 50% !important; } .left51_mobile { left: 51% !important; } .top51_mobile { top: 51% !important; } .right51_mobile { right: 51% !important; } .bottom51_mobile { bottom: 51% !important; } .left52_mobile { left: 52% !important; } .top52_mobile { top: 52% !important; } .right52_mobile { right: 52% !important; } .bottom52_mobile { bottom: 52% !important; } .left53_mobile { left: 53% !important; } .top53_mobile { top: 53% !important; } .right53_mobile { right: 53% !important; } .bottom53_mobile { bottom: 53% !important; } .left54_mobile { left: 54% !important; } .top54_mobile { top: 54% !important; } .right54_mobile { right: 54% !important; } .bottom54_mobile { bottom: 54% !important; } .left55_mobile { left: 55% !important; } .top55_mobile { top: 55% !important; } .right55_mobile { right: 55% !important; } .bottom55_mobile { bottom: 55% !important; } .left56_mobile { left: 56% !important; } .top56_mobile { top: 56% !important; } .right56_mobile { right: 56% !important; } .bottom56_mobile { bottom: 56% !important; } .left57_mobile { left: 57% !important; } .top57_mobile { top: 57% !important; } .right57_mobile { right: 57% !important; } .bottom57_mobile { bottom: 57% !important; } .left58_mobile { left: 58% !important; } .top58_mobile { top: 58% !important; } .right58_mobile { right: 58% !important; } .bottom58_mobile { bottom: 58% !important; } .left59_mobile { left: 59% !important; } .top59_mobile { top: 59% !important; } .right59_mobile { right: 59% !important; } .bottom59_mobile { bottom: 59% !important; } .left60_mobile { left: 60% !important; } .top60_mobile { top: 60% !important; } .right60_mobile { right: 60% !important; } .bottom60_mobile { bottom: 60% !important; } .left61_mobile { left: 61% !important; } .top61_mobile { top: 61% !important; } .right61_mobile { right: 61% !important; } .bottom61_mobile { bottom: 61% !important; } .left62_mobile { left: 62% !important; } .top62_mobile { top: 62% !important; } .right62_mobile { right: 62% !important; } .bottom62_mobile { bottom: 62% !important; } .left63_mobile { left: 63% !important; } .top63_mobile { top: 63% !important; } .right63_mobile { right: 63% !important; } .bottom63_mobile { bottom: 63% !important; } .left64_mobile { left: 64% !important; } .top64_mobile { top: 64% !important; } .right64_mobile { right: 64% !important; } .bottom64_mobile { bottom: 64% !important; } .left65_mobile { left: 65% !important; } .top65_mobile { top: 65% !important; } .right65_mobile { right: 65% !important; } .bottom65_mobile { bottom: 65% !important; } .left66_mobile { left: 66% !important; } .top66_mobile { top: 66% !important; } .right66_mobile { right: 66% !important; } .bottom66_mobile { bottom: 66% !important; } .left67_mobile { left: 67% !important; } .top67_mobile { top: 67% !important; } .right67_mobile { right: 67% !important; } .bottom67_mobile { bottom: 67% !important; } .left68_mobile { left: 68% !important; } .top68_mobile { top: 68% !important; } .right68_mobile { right: 68% !important; } .bottom68_mobile { bottom: 68% !important; } .left69_mobile { left: 69% !important; } .top69_mobile { top: 69% !important; } .right69_mobile { right: 69% !important; } .bottom69_mobile { bottom: 69% !important; } .left70_mobile { left: 70% !important; } .top70_mobile { top: 70% !important; } .right70_mobile { right: 70% !important; } .bottom70_mobile { bottom: 70% !important; } .left71_mobile { left: 71% !important; } .top71_mobile { top: 71% !important; } .right71_mobile { right: 71% !important; } .bottom71_mobile { bottom: 71% !important; } .left72_mobile { left: 72% !important; } .top72_mobile { top: 72% !important; } .right72_mobile { right: 72% !important; } .bottom72_mobile { bottom: 72% !important; } .left73_mobile { left: 73% !important; } .top73_mobile { top: 73% !important; } .right73_mobile { right: 73% !important; } .bottom73_mobile { bottom: 73% !important; } .left74_mobile { left: 74% !important; } .top74_mobile { top: 74% !important; } .right74_mobile { right: 74% !important; } .bottom74_mobile { bottom: 74% !important; } .left75_mobile { left: 75% !important; } .top75_mobile { top: 75% !important; } .right75_mobile { right: 75% !important; } .bottom75_mobile { bottom: 75% !important; } .left76_mobile { left: 76% !important; } .top76_mobile { top: 76% !important; } .right76_mobile { right: 76% !important; } .bottom76_mobile { bottom: 76% !important; } .left77_mobile { left: 77% !important; } .top77_mobile { top: 77% !important; } .right77_mobile { right: 77% !important; } .bottom77_mobile { bottom: 77% !important; } .left78_mobile { left: 78% !important; } .top78_mobile { top: 78% !important; } .right78_mobile { right: 78% !important; } .bottom78_mobile { bottom: 78% !important; } .left79_mobile { left: 79% !important; } .top79_mobile { top: 79% !important; } .right79_mobile { right: 79% !important; } .bottom79_mobile { bottom: 79% !important; } .left80_mobile { left: 80% !important; } .top80_mobile { top: 80% !important; } .right80_mobile { right: 80% !important; } .bottom80_mobile { bottom: 80% !important; } .left81_mobile { left: 81% !important; } .top81_mobile { top: 81% !important; } .right81_mobile { right: 81% !important; } .bottom81_mobile { bottom: 81% !important; } .left82_mobile { left: 82% !important; } .top82_mobile { top: 82% !important; } .right82_mobile { right: 82% !important; } .bottom82_mobile { bottom: 82% !important; } .left83_mobile { left: 83% !important; } .top83_mobile { top: 83% !important; } .right83_mobile { right: 83% !important; } .bottom83_mobile { bottom: 83% !important; } .left84_mobile { left: 84% !important; } .top84_mobile { top: 84% !important; } .right84_mobile { right: 84% !important; } .bottom84_mobile { bottom: 84% !important; } .left85_mobile { left: 85% !important; } .top85_mobile { top: 85% !important; } .right85_mobile { right: 85% !important; } .bottom85_mobile { bottom: 85% !important; } .left86_mobile { left: 86% !important; } .top86_mobile { top: 86% !important; } .right86_mobile { right: 86% !important; } .bottom86_mobile { bottom: 86% !important; } .left87_mobile { left: 87% !important; } .top87_mobile { top: 87% !important; } .right87_mobile { right: 87% !important; } .bottom87_mobile { bottom: 87% !important; } .left88_mobile { left: 88% !important; } .top88_mobile { top: 88% !important; } .right88_mobile { right: 88% !important; } .bottom88_mobile { bottom: 88% !important; } .left89_mobile { left: 89% !important; } .top89_mobile { top: 89% !important; } .right89_mobile { right: 89% !important; } .bottom89_mobile { bottom: 89% !important; } .left90_mobile { left: 90% !important; } .top90_mobile { top: 90% !important; } .right90_mobile { right: 90% !important; } .bottom90_mobile { bottom: 90% !important; } .left91_mobile { left: 91% !important; } .top91_mobile { top: 91% !important; } .right91_mobile { right: 91% !important; } .bottom91_mobile { bottom: 91% !important; } .left92_mobile { left: 92% !important; } .top92_mobile { top: 92% !important; } .right92_mobile { right: 92% !important; } .bottom92_mobile { bottom: 92% !important; } .left93_mobile { left: 93% !important; } .top93_mobile { top: 93% !important; } .right93_mobile { right: 93% !important; } .bottom93_mobile { bottom: 93% !important; } .left94_mobile { left: 94% !important; } .top94_mobile { top: 94% !important; } .right94_mobile { right: 94% !important; } .bottom94_mobile { bottom: 94% !important; } .left95_mobile { left: 95% !important; } .top95_mobile { top: 95% !important; } .right95_mobile { right: 95% !important; } .bottom95_mobile { bottom: 95% !important; } .leftAuto_mobile { left: auto !important; } .topAuto_mobile { top: auto !important; } .rightAuto_mobile { right: auto !important; } .bottomAuto_mobile { bottom: auto !important; } } /* ================================= ==== POSITIONING - INFO BLOCK === ================================= */ .infoTopLeft { left: 5% !important; top: 8% !important; } @media (max-width: 767.98px) { .infoTopLeft { top: auto !important; bottom: 8% !important; } } .infoTopCenter { top: 8% !important; } @media (max-width: 767.98px) { .infoTopCenter { top: auto !important; bottom: 8% !important; } } .infoTopRight { top: 8% !important; right: 5% !important; } @media (max-width: 767.98px) { .infoTopRight { top: auto !important; bottom: 8% !important; } } .infoCenterLeft { left: 5% !important; } @media (max-width: 767.98px) { .infoCenterLeft { bottom: 8% !important; } } .infoCenterRight { right: 5% !important; } @media (max-width: 767.98px) { .infoCenterRight { bottom: 8% !important; } } .infoBottomLeft { bottom: 8% !important; left: 5% !important; } .infoBottomRight { bottom: 8% !important; right: 5% !important; } .infoBottomCenter { bottom: 8% !important; } @media (max-width: 767.98px) { .infoMDCenter { top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; } } @media (max-width: 575.98px) { .infoMobileCenter { top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; } .infoMobileTop { top: 8% !important; left: auto !important; right: auto !important; } .infoMobileBottom { bottom: 8% !important; left: auto !important; right: auto !important; } } /* ====================== ==== ALLINEAMENTI ==== ====================== */ .alignleft { text-align: left !important; } .aligncenter { text-align: center !important; } .alignright { text-align: right !important; } .vertical_center { align-items: center; display: flex; min-height: 100%; } /* ======================== ==== TEXT-TRANSFORM ==== ======================== */ .txtUppercase { text-transform: uppercase !important; } .txtItalic { font-style: italic !important; } /* ========================= ==== TEXT-DECORATION ==== ========================= */ .lineThrough { text-decoration: line-through !important; } .not-underline:hover { text-decoration: none; } .txtUnderline { text-decoration: underline; } /* =================== ==== FONT-SIZE ==== =================== */ .fontSize1 { font-size: 1px !important; } .fontSize2 { font-size: 2px !important; } .fontSize3 { font-size: 3px !important; } .fontSize4 { font-size: 4px !important; } .fontSize5 { font-size: 5px !important; } .fontSize6 { font-size: 6px !important; } .fontSize7 { font-size: 7px !important; } .fontSize8 { font-size: 8px !important; } .fontSize9 { font-size: 9px !important; } .fontSize10 { font-size: 10px !important; } .fontSize11 { font-size: 11px !important; } .fontSize12 { font-size: 12px !important; } .fontSize13 { font-size: 13px !important; } .fontSize14 { font-size: 14px !important; } .fontSize15 { font-size: 15px !important; } .fontSize16 { font-size: 16px !important; } .fontSize17 { font-size: 17px !important; } .fontSize18 { font-size: 18px !important; } .fontSize19 { font-size: 19px !important; } .fontSize20 { font-size: 20px !important; } .fontSize21 { font-size: 21px !important; } .fontSize22 { font-size: 22px !important; } .fontSize23 { font-size: 23px !important; } .fontSize24 { font-size: 24px !important; } .fontSize25 { font-size: 25px !important; } .fontSize26 { font-size: 26px !important; } .fontSize27 { font-size: 27px !important; } .fontSize28 { font-size: 28px !important; } .fontSize29 { font-size: 29px !important; } .fontSize30 { font-size: 30px !important; } .fontSize31 { font-size: 31px !important; } .fontSize32 { font-size: 32px !important; } .fontSize33 { font-size: 33px !important; } .fontSize34 { font-size: 34px !important; } .fontSize35 { font-size: 35px !important; } .fontSize36 { font-size: 36px !important; } .fontSize37 { font-size: 37px !important; } .fontSize38 { font-size: 38px !important; } .fontSize39 { font-size: 39px !important; } .fontSize40 { font-size: 40px !important; } /* ===================== ==== FONT-WEIGHT ==== ===================== */ .fontWeight100 { font-weight: 100 !important; } .fontWeight200 { font-weight: 200 !important; } .fontWeight300 { font-weight: 300 !important; } .fontWeight400 { font-weight: 400 !important; } .fontWeight500 { font-weight: 500 !important; } .fontWeight600 { font-weight: 600 !important; } .fontWeight700 { font-weight: 700 !important; } .fontWeight800 { font-weight: 800 !important; } .fontWeight900 { font-weight: 900 !important; } .fontWeightNormal { font-weight: normal !important; } /* ===================== ==== LINE-HEIGHT ==== ===================== */ .lineHeight1 { line-height: 1px !important; } .lineHeight2 { line-height: 2px !important; } .lineHeight3 { line-height: 3px !important; } .lineHeight4 { line-height: 4px !important; } .lineHeight5 { line-height: 5px !important; } .lineHeight6 { line-height: 6px !important; } .lineHeight7 { line-height: 7px !important; } .lineHeight8 { line-height: 8px !important; } .lineHeight9 { line-height: 9px !important; } .lineHeight10 { line-height: 10px !important; } .lineHeight11 { line-height: 11px !important; } .lineHeight12 { line-height: 12px !important; } .lineHeight13 { line-height: 13px !important; } .lineHeight14 { line-height: 14px !important; } .lineHeight15 { line-height: 15px !important; } .lineHeight16 { line-height: 16px !important; } .lineHeight17 { line-height: 17px !important; } .lineHeight18 { line-height: 18px !important; } .lineHeight19 { line-height: 19px !important; } .lineHeight20 { line-height: 20px !important; } .lineHeight21 { line-height: 21px !important; } .lineHeight22 { line-height: 22px !important; } .lineHeight23 { line-height: 23px !important; } .lineHeight24 { line-height: 24px !important; } .lineHeight25 { line-height: 25px !important; } .lineHeight26 { line-height: 26px !important; } .lineHeight27 { line-height: 27px !important; } .lineHeight28 { line-height: 28px !important; } .lineHeight29 { line-height: 29px !important; } .lineHeight30 { line-height: 30px !important; } .lineHeight31 { line-height: 31px !important; } .lineHeight32 { line-height: 32px !important; } .lineHeight33 { line-height: 33px !important; } .lineHeight34 { line-height: 34px !important; } .lineHeight35 { line-height: 35px !important; } .lineHeight36 { line-height: 36px !important; } .lineHeight37 { line-height: 37px !important; } .lineHeight38 { line-height: 38px !important; } .lineHeight39 { line-height: 39px !important; } .lineHeight40 { line-height: 40px !important; } /* ================ ==== MARGIN ==== ================ */ .marginTop0 { margin-top: 0px !important; } .marginLeft0 { margin-left: 0px !important; } .marginBottom0 { margin-bottom: 0px !important; } .marginRight0 { margin-right: 0px !important; } .margin0 { margin: 0px !important; } .marginTop5 { margin-top: 5px !important; } .marginLeft5 { margin-left: 5px !important; } .marginBottom5 { margin-bottom: 5px !important; } .marginRight5 { margin-right: 5px !important; } .margin5 { margin: 5px !important; } .marginTop10 { margin-top: 10px !important; } .marginLeft10 { margin-left: 10px !important; } .marginBottom10 { margin-bottom: 10px !important; } .marginRight10 { margin-right: 10px !important; } .margin10 { margin: 10px !important; } .marginTop15 { margin-top: 15px !important; } .marginLeft15 { margin-left: 15px !important; } .marginBottom15 { margin-bottom: 15px !important; } .marginRight15 { margin-right: 15px !important; } .margin15 { margin: 15px !important; } .marginTop20 { margin-top: 20px !important; } .marginLeft20 { margin-left: 20px !important; } .marginBottom20 { margin-bottom: 20px !important; } .marginRight20 { margin-right: 20px !important; } .margin20 { margin: 20px !important; } .marginTop25 { margin-top: 25px !important; } .marginLeft25 { margin-left: 25px !important; } .marginBottom25 { margin-bottom: 25px !important; } .marginRight25 { margin-right: 25px !important; } .margin25 { margin: 25px !important; } .marginTop30 { margin-top: 30px !important; } .marginLeft30 { margin-left: 30px !important; } .marginBottom30 { margin-bottom: 30px !important; } .marginRight30 { margin-right: 30px !important; } .margin30 { margin: 30px !important; } .marginTop35 { margin-top: 35px !important; } .marginLeft35 { margin-left: 35px !important; } .marginBottom35 { margin-bottom: 35px !important; } .marginRight35 { margin-right: 35px !important; } .margin35 { margin: 35px !important; } .marginTop40 { margin-top: 40px !important; } .marginLeft40 { margin-left: 40px !important; } .marginBottom40 { margin-bottom: 40px !important; } .marginRight40 { margin-right: 40px !important; } .margin40 { margin: 40px !important; } .marginTop45 { margin-top: 45px !important; } .marginLeft45 { margin-left: 45px !important; } .marginBottom45 { margin-bottom: 45px !important; } .marginRight45 { margin-right: 45px !important; } .margin45 { margin: 45px !important; } .marginTop50 { margin-top: 50px !important; } .marginLeft50 { margin-left: 50px !important; } .marginBottom50 { margin-bottom: 50px !important; } .marginRight50 { margin-right: 50px !important; } .margin50 { margin: 50px !important; } .marginTop55 { margin-top: 55px !important; } .marginLeft55 { margin-left: 55px !important; } .marginBottom55 { margin-bottom: 55px !important; } .marginRight55 { margin-right: 55px !important; } .margin55 { margin: 55px !important; } .marginTop60 { margin-top: 60px !important; } .marginLeft60 { margin-left: 60px !important; } .marginBottom60 { margin-bottom: 60px !important; } .marginRight60 { margin-right: 60px !important; } .margin60 { margin: 60px !important; } .marginTop65 { margin-top: 65px !important; } .marginLeft65 { margin-left: 65px !important; } .marginBottom65 { margin-bottom: 65px !important; } .marginRight65 { margin-right: 65px !important; } .margin65 { margin: 65px !important; } .marginTop70 { margin-top: 70px !important; } .marginLeft70 { margin-left: 70px !important; } .marginBottom70 { margin-bottom: 70px !important; } .marginRight70 { margin-right: 70px !important; } .margin70 { margin: 70px !important; } .marginTop75 { margin-top: 75px !important; } .marginLeft75 { margin-left: 75px !important; } .marginBottom75 { margin-bottom: 75px !important; } .marginRight75 { margin-right: 75px !important; } .margin75 { margin: 75px !important; } .marginTop80 { margin-top: 80px !important; } .marginLeft80 { margin-left: 80px !important; } .marginBottom80 { margin-bottom: 80px !important; } .marginRight80 { margin-right: 80px !important; } .margin80 { margin: 80px !important; } .marginTop85 { margin-top: 85px !important; } .marginLeft85 { margin-left: 85px !important; } .marginBottom85 { margin-bottom: 85px !important; } .marginRight85 { margin-right: 85px !important; } .margin85 { margin: 85px !important; } .marginTop90 { margin-top: 90px !important; } .marginLeft90 { margin-left: 90px !important; } .marginBottom90 { margin-bottom: 90px !important; } .marginRight90 { margin-right: 90px !important; } .margin90 { margin: 90px !important; } .marginTop95 { margin-top: 95px !important; } .marginLeft95 { margin-left: 95px !important; } .marginBottom95 { margin-bottom: 95px !important; } .marginRight95 { margin-right: 95px !important; } .margin95 { margin: 95px !important; } .marginTop100 { margin-top: 100px !important; } .marginLeft100 { margin-left: 100px !important; } .marginBottom100 { margin-bottom: 100px !important; } .marginRight100 { margin-right: 100px !important; } .margin100 { margin: 100px !important; } .marginTop0Perc { margin-top: 0% !important; } .marginLeft0Perc { margin-left: 0% !important; } .marginBottom0Perc { margin-bottom: 0% !important; } .marginRight0Perc { margin-right: 0% !important; } .margin0Perc { margin: 0% !important; } .marginTop5Perc { margin-top: 5% !important; } .marginLeft5Perc { margin-left: 5% !important; } .marginBottom5Perc { margin-bottom: 5% !important; } .marginRight5Perc { margin-right: 5% !important; } .margin5Perc { margin: 5% !important; } .marginTop10Perc { margin-top: 10% !important; } .marginLeft10Perc { margin-left: 10% !important; } .marginBottom10Perc { margin-bottom: 10% !important; } .marginRight10Perc { margin-right: 10% !important; } .margin10Perc { margin: 10% !important; } .marginTop15Perc { margin-top: 15% !important; } .marginLeft15Perc { margin-left: 15% !important; } .marginBottom15Perc { margin-bottom: 15% !important; } .marginRight15Perc { margin-right: 15% !important; } .margin15Perc { margin: 15% !important; } .marginTop20Perc { margin-top: 20% !important; } .marginLeft20Perc { margin-left: 20% !important; } .marginBottom20Perc { margin-bottom: 20% !important; } .marginRight20Perc { margin-right: 20% !important; } .margin20Perc { margin: 20% !important; } .margin0auto { margin: 0 auto !important; } .marginAuto0 { margin: auto 0 !important; } @media (min-width: 1024px) { .marginTop0Desktop { margin-top: 0px !important; } .marginLeft0Desktop { margin-left: 0px !important; } .marginBottom0Desktop { margin-bottom: 0px !important; } .marginRight0Desktop { margin-right: 0px !important; } .margin0Desktop { margin: 0px !important; } .marginTop5Desktop { margin-top: 5px !important; } .marginLeft5Desktop { margin-left: 5px !important; } .marginBottom5Desktop { margin-bottom: 5px !important; } .marginRight5Desktop { margin-right: 5px !important; } .margin5Desktop { margin: 5px !important; } .marginTop10Desktop { margin-top: 10px !important; } .marginLeft10Desktop { margin-left: 10px !important; } .marginBottom10Desktop { margin-bottom: 10px !important; } .marginRight10Desktop { margin-right: 10px !important; } .margin10Desktop { margin: 10px !important; } .marginTop15Desktop { margin-top: 15px !important; } .marginLeft15Desktop { margin-left: 15px !important; } .marginBottom15Desktop { margin-bottom: 15px !important; } .marginRight15Desktop { margin-right: 15px !important; } .margin15Desktop { margin: 15px !important; } .marginTop20Desktop { margin-top: 20px !important; } .marginLeft20Desktop { margin-left: 20px !important; } .marginBottom20Desktop { margin-bottom: 20px !important; } .marginRight20Desktop { margin-right: 20px !important; } .margin20Desktop { margin: 20px !important; } .marginTop25Desktop { margin-top: 25px !important; } .marginLeft25Desktop { margin-left: 25px !important; } .marginBottom25Desktop { margin-bottom: 25px !important; } .marginRight25Desktop { margin-right: 25px !important; } .margin25Desktop { margin: 25px !important; } .marginTop30Desktop { margin-top: 30px !important; } .marginLeft30Desktop { margin-left: 30px !important; } .marginBottom30Desktop { margin-bottom: 30px !important; } .marginRight30Desktop { margin-right: 30px !important; } .margin30Desktop { margin: 30px !important; } .marginTop35Desktop { margin-top: 35px !important; } .marginLeft35Desktop { margin-left: 35px !important; } .marginBottom35Desktop { margin-bottom: 35px !important; } .marginRight35Desktop { margin-right: 35px !important; } .margin35Desktop { margin: 35px !important; } .marginTop40Desktop { margin-top: 40px !important; } .marginLeft40Desktop { margin-left: 40px !important; } .marginBottom40Desktop { margin-bottom: 40px !important; } .marginRight40Desktop { margin-right: 40px !important; } .margin40Desktop { margin: 40px !important; } .marginTop45Desktop { margin-top: 45px !important; } .marginLeft45Desktop { margin-left: 45px !important; } .marginBottom45Desktop { margin-bottom: 45px !important; } .marginRight45Desktop { margin-right: 45px !important; } .margin45Desktop { margin: 45px !important; } .marginTop50Desktop { margin-top: 50px !important; } .marginLeft50Desktop { margin-left: 50px !important; } .marginBottom50Desktop { margin-bottom: 50px !important; } .marginRight50Desktop { margin-right: 50px !important; } .margin50Desktop { margin: 50px !important; } .marginTop55Desktop { margin-top: 55px !important; } .marginLeft55Desktop { margin-left: 55px !important; } .marginBottom55Desktop { margin-bottom: 55px !important; } .marginRight55Desktop { margin-right: 55px !important; } .margin55Desktop { margin: 55px !important; } .marginTop60Desktop { margin-top: 60px !important; } .marginLeft60Desktop { margin-left: 60px !important; } .marginBottom60Desktop { margin-bottom: 60px !important; } .marginRight60Desktop { margin-right: 60px !important; } .margin60Desktop { margin: 60px !important; } .marginTop65Desktop { margin-top: 65px !important; } .marginLeft65Desktop { margin-left: 65px !important; } .marginBottom65Desktop { margin-bottom: 65px !important; } .marginRight65Desktop { margin-right: 65px !important; } .margin65Desktop { margin: 65px !important; } .marginTop70Desktop { margin-top: 70px !important; } .marginLeft70Desktop { margin-left: 70px !important; } .marginBottom70Desktop { margin-bottom: 70px !important; } .marginRight70Desktop { margin-right: 70px !important; } .margin70Desktop { margin: 70px !important; } .marginTop75Desktop { margin-top: 75px !important; } .marginLeft75Desktop { margin-left: 75px !important; } .marginBottom75Desktop { margin-bottom: 75px !important; } .marginRight75Desktop { margin-right: 75px !important; } .margin75Desktop { margin: 75px !important; } .marginTop80Desktop { margin-top: 80px !important; } .marginLeft80Desktop { margin-left: 80px !important; } .marginBottom80Desktop { margin-bottom: 80px !important; } .marginRight80Desktop { margin-right: 80px !important; } .margin80Desktop { margin: 80px !important; } .marginTop85Desktop { margin-top: 85px !important; } .marginLeft85Desktop { margin-left: 85px !important; } .marginBottom85Desktop { margin-bottom: 85px !important; } .marginRight85Desktop { margin-right: 85px !important; } .margin85Desktop { margin: 85px !important; } .marginTop90Desktop { margin-top: 90px !important; } .marginLeft90Desktop { margin-left: 90px !important; } .marginBottom90Desktop { margin-bottom: 90px !important; } .marginRight90Desktop { margin-right: 90px !important; } .margin90Desktop { margin: 90px !important; } .marginTop95Desktop { margin-top: 95px !important; } .marginLeft95Desktop { margin-left: 95px !important; } .marginBottom95Desktop { margin-bottom: 95px !important; } .marginRight95Desktop { margin-right: 95px !important; } .margin95Desktop { margin: 95px !important; } .marginTop100Desktop { margin-top: 100px !important; } .marginLeft100Desktop { margin-left: 100px !important; } .marginBottom100Desktop { margin-bottom: 100px !important; } .marginRight100Desktop { margin-right: 100px !important; } .margin100Desktop { margin: 100px !important; } } @media (max-width: 1023.98px) and (min-width: 768px) { .marginTop0Tablet { margin-top: 0px !important; } .marginLeft0Tablet { margin-left: 0px !important; } .marginBottom0Tablet { margin-bottom: 0px !important; } .marginRight0Tablet { margin-right: 0px !important; } .margin0Tablet { margin: 0px !important; } .marginTop5Tablet { margin-top: 5px !important; } .marginLeft5Tablet { margin-left: 5px !important; } .marginBottom5Tablet { margin-bottom: 5px !important; } .marginRight5Tablet { margin-right: 5px !important; } .margin5Tablet { margin: 5px !important; } .marginTop10Tablet { margin-top: 10px !important; } .marginLeft10Tablet { margin-left: 10px !important; } .marginBottom10Tablet { margin-bottom: 10px !important; } .marginRight10Tablet { margin-right: 10px !important; } .margin10Tablet { margin: 10px !important; } .marginTop15Tablet { margin-top: 15px !important; } .marginLeft15Tablet { margin-left: 15px !important; } .marginBottom15Tablet { margin-bottom: 15px !important; } .marginRight15Tablet { margin-right: 15px !important; } .margin15Tablet { margin: 15px !important; } .marginTop20Tablet { margin-top: 20px !important; } .marginLeft20Tablet { margin-left: 20px !important; } .marginBottom20Tablet { margin-bottom: 20px !important; } .marginRight20Tablet { margin-right: 20px !important; } .margin20Tablet { margin: 20px !important; } .marginTop25Tablet { margin-top: 25px !important; } .marginLeft25Tablet { margin-left: 25px !important; } .marginBottom25Tablet { margin-bottom: 25px !important; } .marginRight25Tablet { margin-right: 25px !important; } .margin25Tablet { margin: 25px !important; } .marginTop30Tablet { margin-top: 30px !important; } .marginLeft30Tablet { margin-left: 30px !important; } .marginBottom30Tablet { margin-bottom: 30px !important; } .marginRight30Tablet { margin-right: 30px !important; } .margin30Tablet { margin: 30px !important; } .marginTop35Tablet { margin-top: 35px !important; } .marginLeft35Tablet { margin-left: 35px !important; } .marginBottom35Tablet { margin-bottom: 35px !important; } .marginRight35Tablet { margin-right: 35px !important; } .margin35Tablet { margin: 35px !important; } .marginTop40Tablet { margin-top: 40px !important; } .marginLeft40Tablet { margin-left: 40px !important; } .marginBottom40Tablet { margin-bottom: 40px !important; } .marginRight40Tablet { margin-right: 40px !important; } .margin40Tablet { margin: 40px !important; } .marginTop45Tablet { margin-top: 45px !important; } .marginLeft45Tablet { margin-left: 45px !important; } .marginBottom45Tablet { margin-bottom: 45px !important; } .marginRight45Tablet { margin-right: 45px !important; } .margin45Tablet { margin: 45px !important; } .marginTop50Tablet { margin-top: 50px !important; } .marginLeft50Tablet { margin-left: 50px !important; } .marginBottom50Tablet { margin-bottom: 50px !important; } .marginRight50Tablet { margin-right: 50px !important; } .margin50Tablet { margin: 50px !important; } .marginTop55Tablet { margin-top: 55px !important; } .marginLeft55Tablet { margin-left: 55px !important; } .marginBottom55Tablet { margin-bottom: 55px !important; } .marginRight55Tablet { margin-right: 55px !important; } .margin55Tablet { margin: 55px !important; } .marginTop60Tablet { margin-top: 60px !important; } .marginLeft60Tablet { margin-left: 60px !important; } .marginBottom60Tablet { margin-bottom: 60px !important; } .marginRight60Tablet { margin-right: 60px !important; } .margin60Tablet { margin: 60px !important; } .marginTop65Tablet { margin-top: 65px !important; } .marginLeft65Tablet { margin-left: 65px !important; } .marginBottom65Tablet { margin-bottom: 65px !important; } .marginRight65Tablet { margin-right: 65px !important; } .margin65Tablet { margin: 65px !important; } .marginTop70Tablet { margin-top: 70px !important; } .marginLeft70Tablet { margin-left: 70px !important; } .marginBottom70Tablet { margin-bottom: 70px !important; } .marginRight70Tablet { margin-right: 70px !important; } .margin70Tablet { margin: 70px !important; } .marginTop75Tablet { margin-top: 75px !important; } .marginLeft75Tablet { margin-left: 75px !important; } .marginBottom75Tablet { margin-bottom: 75px !important; } .marginRight75Tablet { margin-right: 75px !important; } .margin75Tablet { margin: 75px !important; } .marginTop80Tablet { margin-top: 80px !important; } .marginLeft80Tablet { margin-left: 80px !important; } .marginBottom80Tablet { margin-bottom: 80px !important; } .marginRight80Tablet { margin-right: 80px !important; } .margin80Tablet { margin: 80px !important; } .marginTop85Tablet { margin-top: 85px !important; } .marginLeft85Tablet { margin-left: 85px !important; } .marginBottom85Tablet { margin-bottom: 85px !important; } .marginRight85Tablet { margin-right: 85px !important; } .margin85Tablet { margin: 85px !important; } .marginTop90Tablet { margin-top: 90px !important; } .marginLeft90Tablet { margin-left: 90px !important; } .marginBottom90Tablet { margin-bottom: 90px !important; } .marginRight90Tablet { margin-right: 90px !important; } .margin90Tablet { margin: 90px !important; } .marginTop95Tablet { margin-top: 95px !important; } .marginLeft95Tablet { margin-left: 95px !important; } .marginBottom95Tablet { margin-bottom: 95px !important; } .marginRight95Tablet { margin-right: 95px !important; } .margin95Tablet { margin: 95px !important; } .marginTop100Tablet { margin-top: 100px !important; } .marginLeft100Tablet { margin-left: 100px !important; } .marginBottom100Tablet { margin-bottom: 100px !important; } .marginRight100Tablet { margin-right: 100px !important; } .margin100Tablet { margin: 100px !important; } } @media (max-width: 767.98px) { .marginTop0Mobile { margin-top: 0px !important; } .marginLeft0Mobile { margin-left: 0px !important; } .marginBottom0Mobile { margin-bottom: 0px !important; } .marginRight0Mobile { margin-right: 0px !important; } .margin0Mobile { margin: 0px !important; } .marginTop5Mobile { margin-top: 5px !important; } .marginLeft5Mobile { margin-left: 5px !important; } .marginBottom5Mobile { margin-bottom: 5px !important; } .marginRight5Mobile { margin-right: 5px !important; } .margin5Mobile { margin: 5px !important; } .marginTop10Mobile { margin-top: 10px !important; } .marginLeft10Mobile { margin-left: 10px !important; } .marginBottom10Mobile { margin-bottom: 10px !important; } .marginRight10Mobile { margin-right: 10px !important; } .margin10Mobile { margin: 10px !important; } .marginTop15Mobile { margin-top: 15px !important; } .marginLeft15Mobile { margin-left: 15px !important; } .marginBottom15Mobile { margin-bottom: 15px !important; } .marginRight15Mobile { margin-right: 15px !important; } .margin15Mobile { margin: 15px !important; } .marginTop20Mobile { margin-top: 20px !important; } .marginLeft20Mobile { margin-left: 20px !important; } .marginBottom20Mobile { margin-bottom: 20px !important; } .marginRight20Mobile { margin-right: 20px !important; } .margin20Mobile { margin: 20px !important; } .marginTop25Mobile { margin-top: 25px !important; } .marginLeft25Mobile { margin-left: 25px !important; } .marginBottom25Mobile { margin-bottom: 25px !important; } .marginRight25Mobile { margin-right: 25px !important; } .margin25Mobile { margin: 25px !important; } .marginTop30Mobile { margin-top: 30px !important; } .marginLeft30Mobile { margin-left: 30px !important; } .marginBottom30Mobile { margin-bottom: 30px !important; } .marginRight30Mobile { margin-right: 30px !important; } .margin30Mobile { margin: 30px !important; } .marginTop35Mobile { margin-top: 35px !important; } .marginLeft35Mobile { margin-left: 35px !important; } .marginBottom35Mobile { margin-bottom: 35px !important; } .marginRight35Mobile { margin-right: 35px !important; } .margin35Mobile { margin: 35px !important; } .marginTop40Mobile { margin-top: 40px !important; } .marginLeft40Mobile { margin-left: 40px !important; } .marginBottom40Mobile { margin-bottom: 40px !important; } .marginRight40Mobile { margin-right: 40px !important; } .margin40Mobile { margin: 40px !important; } .marginTop45Mobile { margin-top: 45px !important; } .marginLeft45Mobile { margin-left: 45px !important; } .marginBottom45Mobile { margin-bottom: 45px !important; } .marginRight45Mobile { margin-right: 45px !important; } .margin45Mobile { margin: 45px !important; } .marginTop50Mobile { margin-top: 50px !important; } .marginLeft50Mobile { margin-left: 50px !important; } .marginBottom50Mobile { margin-bottom: 50px !important; } .marginRight50Mobile { margin-right: 50px !important; } .margin50Mobile { margin: 50px !important; } .marginTop55Mobile { margin-top: 55px !important; } .marginLeft55Mobile { margin-left: 55px !important; } .marginBottom55Mobile { margin-bottom: 55px !important; } .marginRight55Mobile { margin-right: 55px !important; } .margin55Mobile { margin: 55px !important; } .marginTop60Mobile { margin-top: 60px !important; } .marginLeft60Mobile { margin-left: 60px !important; } .marginBottom60Mobile { margin-bottom: 60px !important; } .marginRight60Mobile { margin-right: 60px !important; } .margin60Mobile { margin: 60px !important; } .marginTop65Mobile { margin-top: 65px !important; } .marginLeft65Mobile { margin-left: 65px !important; } .marginBottom65Mobile { margin-bottom: 65px !important; } .marginRight65Mobile { margin-right: 65px !important; } .margin65Mobile { margin: 65px !important; } .marginTop70Mobile { margin-top: 70px !important; } .marginLeft70Mobile { margin-left: 70px !important; } .marginBottom70Mobile { margin-bottom: 70px !important; } .marginRight70Mobile { margin-right: 70px !important; } .margin70Mobile { margin: 70px !important; } .marginTop75Mobile { margin-top: 75px !important; } .marginLeft75Mobile { margin-left: 75px !important; } .marginBottom75Mobile { margin-bottom: 75px !important; } .marginRight75Mobile { margin-right: 75px !important; } .margin75Mobile { margin: 75px !important; } .marginTop80Mobile { margin-top: 80px !important; } .marginLeft80Mobile { margin-left: 80px !important; } .marginBottom80Mobile { margin-bottom: 80px !important; } .marginRight80Mobile { margin-right: 80px !important; } .margin80Mobile { margin: 80px !important; } .marginTop85Mobile { margin-top: 85px !important; } .marginLeft85Mobile { margin-left: 85px !important; } .marginBottom85Mobile { margin-bottom: 85px !important; } .marginRight85Mobile { margin-right: 85px !important; } .margin85Mobile { margin: 85px !important; } .marginTop90Mobile { margin-top: 90px !important; } .marginLeft90Mobile { margin-left: 90px !important; } .marginBottom90Mobile { margin-bottom: 90px !important; } .marginRight90Mobile { margin-right: 90px !important; } .margin90Mobile { margin: 90px !important; } .marginTop95Mobile { margin-top: 95px !important; } .marginLeft95Mobile { margin-left: 95px !important; } .marginBottom95Mobile { margin-bottom: 95px !important; } .marginRight95Mobile { margin-right: 95px !important; } .margin95Mobile { margin: 95px !important; } .marginTop100Mobile { margin-top: 100px !important; } .marginLeft100Mobile { margin-left: 100px !important; } .marginBottom100Mobile { margin-bottom: 100px !important; } .marginRight100Mobile { margin-right: 100px !important; } .margin100Mobile { margin: 100px !important; } } /* ================= ==== PADDING ==== ================= */ .paddingTop0px { padding-top: 0px !important; } .paddingLeft0px { padding-left: 0px !important; } .paddingBottom0px { padding-bottom: 0px !important; } .paddingRight0px { padding-right: 0px !important; } .padding0px { padding: 0px !important; } .paddingTop1px { padding-top: 1px !important; } .paddingLeft1px { padding-left: 1px !important; } .paddingBottom1px { padding-bottom: 1px !important; } .paddingRight1px { padding-right: 1px !important; } .padding1px { padding: 1px !important; } .paddingTop2px { padding-top: 2px !important; } .paddingLeft2px { padding-left: 2px !important; } .paddingBottom2px { padding-bottom: 2px !important; } .paddingRight2px { padding-right: 2px !important; } .padding2px { padding: 2px !important; } .paddingTop3px { padding-top: 3px !important; } .paddingLeft3px { padding-left: 3px !important; } .paddingBottom3px { padding-bottom: 3px !important; } .paddingRight3px { padding-right: 3px !important; } .padding3px { padding: 3px !important; } .paddingTop4px { padding-top: 4px !important; } .paddingLeft4px { padding-left: 4px !important; } .paddingBottom4px { padding-bottom: 4px !important; } .paddingRight4px { padding-right: 4px !important; } .padding4px { padding: 4px !important; } .paddingTop5px { padding-top: 5px !important; } .paddingLeft5px { padding-left: 5px !important; } .paddingBottom5px { padding-bottom: 5px !important; } .paddingRight5px { padding-right: 5px !important; } .padding5px { padding: 5px !important; } .paddingTop6px { padding-top: 6px !important; } .paddingLeft6px { padding-left: 6px !important; } .paddingBottom6px { padding-bottom: 6px !important; } .paddingRight6px { padding-right: 6px !important; } .padding6px { padding: 6px !important; } .paddingTop7px { padding-top: 7px !important; } .paddingLeft7px { padding-left: 7px !important; } .paddingBottom7px { padding-bottom: 7px !important; } .paddingRight7px { padding-right: 7px !important; } .padding7px { padding: 7px !important; } .paddingTop8px { padding-top: 8px !important; } .paddingLeft8px { padding-left: 8px !important; } .paddingBottom8px { padding-bottom: 8px !important; } .paddingRight8px { padding-right: 8px !important; } .padding8px { padding: 8px !important; } .paddingTop9px { padding-top: 9px !important; } .paddingLeft9px { padding-left: 9px !important; } .paddingBottom9px { padding-bottom: 9px !important; } .paddingRight9px { padding-right: 9px !important; } .padding9px { padding: 9px !important; } .paddingTop10px { padding-top: 10px !important; } .paddingLeft10px { padding-left: 10px !important; } .paddingBottom10px { padding-bottom: 10px !important; } .paddingRight10px { padding-right: 10px !important; } .padding10px { padding: 10px !important; } .paddingTop11px { padding-top: 11px !important; } .paddingLeft11px { padding-left: 11px !important; } .paddingBottom11px { padding-bottom: 11px !important; } .paddingRight11px { padding-right: 11px !important; } .padding11px { padding: 11px !important; } .paddingTop12px { padding-top: 12px !important; } .paddingLeft12px { padding-left: 12px !important; } .paddingBottom12px { padding-bottom: 12px !important; } .paddingRight12px { padding-right: 12px !important; } .padding12px { padding: 12px !important; } .paddingTop13px { padding-top: 13px !important; } .paddingLeft13px { padding-left: 13px !important; } .paddingBottom13px { padding-bottom: 13px !important; } .paddingRight13px { padding-right: 13px !important; } .padding13px { padding: 13px !important; } .paddingTop14px { padding-top: 14px !important; } .paddingLeft14px { padding-left: 14px !important; } .paddingBottom14px { padding-bottom: 14px !important; } .paddingRight14px { padding-right: 14px !important; } .padding14px { padding: 14px !important; } .paddingTop15px { padding-top: 15px !important; } .paddingLeft15px { padding-left: 15px !important; } .paddingBottom15px { padding-bottom: 15px !important; } .paddingRight15px { padding-right: 15px !important; } .padding15px { padding: 15px !important; } .paddingTop16px { padding-top: 16px !important; } .paddingLeft16px { padding-left: 16px !important; } .paddingBottom16px { padding-bottom: 16px !important; } .paddingRight16px { padding-right: 16px !important; } .padding16px { padding: 16px !important; } .paddingTop17px { padding-top: 17px !important; } .paddingLeft17px { padding-left: 17px !important; } .paddingBottom17px { padding-bottom: 17px !important; } .paddingRight17px { padding-right: 17px !important; } .padding17px { padding: 17px !important; } .paddingTop18px { padding-top: 18px !important; } .paddingLeft18px { padding-left: 18px !important; } .paddingBottom18px { padding-bottom: 18px !important; } .paddingRight18px { padding-right: 18px !important; } .padding18px { padding: 18px !important; } .paddingTop19px { padding-top: 19px !important; } .paddingLeft19px { padding-left: 19px !important; } .paddingBottom19px { padding-bottom: 19px !important; } .paddingRight19px { padding-right: 19px !important; } .padding19px { padding: 19px !important; } .paddingTop20px { padding-top: 20px !important; } .paddingLeft20px { padding-left: 20px !important; } .paddingBottom20px { padding-bottom: 20px !important; } .paddingRight20px { padding-right: 20px !important; } .padding20px { padding: 20px !important; } .paddingTop21px { padding-top: 21px !important; } .paddingLeft21px { padding-left: 21px !important; } .paddingBottom21px { padding-bottom: 21px !important; } .paddingRight21px { padding-right: 21px !important; } .padding21px { padding: 21px !important; } .paddingTop22px { padding-top: 22px !important; } .paddingLeft22px { padding-left: 22px !important; } .paddingBottom22px { padding-bottom: 22px !important; } .paddingRight22px { padding-right: 22px !important; } .padding22px { padding: 22px !important; } .paddingTop23px { padding-top: 23px !important; } .paddingLeft23px { padding-left: 23px !important; } .paddingBottom23px { padding-bottom: 23px !important; } .paddingRight23px { padding-right: 23px !important; } .padding23px { padding: 23px !important; } .paddingTop24px { padding-top: 24px !important; } .paddingLeft24px { padding-left: 24px !important; } .paddingBottom24px { padding-bottom: 24px !important; } .paddingRight24px { padding-right: 24px !important; } .padding24px { padding: 24px !important; } .paddingTop25px { padding-top: 25px !important; } .paddingLeft25px { padding-left: 25px !important; } .paddingBottom25px { padding-bottom: 25px !important; } .paddingRight25px { padding-right: 25px !important; } .padding25px { padding: 25px !important; } .paddingTop26px { padding-top: 26px !important; } .paddingLeft26px { padding-left: 26px !important; } .paddingBottom26px { padding-bottom: 26px !important; } .paddingRight26px { padding-right: 26px !important; } .padding26px { padding: 26px !important; } .paddingTop27px { padding-top: 27px !important; } .paddingLeft27px { padding-left: 27px !important; } .paddingBottom27px { padding-bottom: 27px !important; } .paddingRight27px { padding-right: 27px !important; } .padding27px { padding: 27px !important; } .paddingTop28px { padding-top: 28px !important; } .paddingLeft28px { padding-left: 28px !important; } .paddingBottom28px { padding-bottom: 28px !important; } .paddingRight28px { padding-right: 28px !important; } .padding28px { padding: 28px !important; } .paddingTop29px { padding-top: 29px !important; } .paddingLeft29px { padding-left: 29px !important; } .paddingBottom29px { padding-bottom: 29px !important; } .paddingRight29px { padding-right: 29px !important; } .padding29px { padding: 29px !important; } .paddingTop30px { padding-top: 30px !important; } .paddingLeft30px { padding-left: 30px !important; } .paddingBottom30px { padding-bottom: 30px !important; } .paddingRight30px { padding-right: 30px !important; } .padding30px { padding: 30px !important; } .paddingTop31px { padding-top: 31px !important; } .paddingLeft31px { padding-left: 31px !important; } .paddingBottom31px { padding-bottom: 31px !important; } .paddingRight31px { padding-right: 31px !important; } .padding31px { padding: 31px !important; } .paddingTop32px { padding-top: 32px !important; } .paddingLeft32px { padding-left: 32px !important; } .paddingBottom32px { padding-bottom: 32px !important; } .paddingRight32px { padding-right: 32px !important; } .padding32px { padding: 32px !important; } .paddingTop33px { padding-top: 33px !important; } .paddingLeft33px { padding-left: 33px !important; } .paddingBottom33px { padding-bottom: 33px !important; } .paddingRight33px { padding-right: 33px !important; } .padding33px { padding: 33px !important; } .paddingTop34px { padding-top: 34px !important; } .paddingLeft34px { padding-left: 34px !important; } .paddingBottom34px { padding-bottom: 34px !important; } .paddingRight34px { padding-right: 34px !important; } .padding34px { padding: 34px !important; } .paddingTop35px { padding-top: 35px !important; } .paddingLeft35px { padding-left: 35px !important; } .paddingBottom35px { padding-bottom: 35px !important; } .paddingRight35px { padding-right: 35px !important; } .padding35px { padding: 35px !important; } .paddingTop36px { padding-top: 36px !important; } .paddingLeft36px { padding-left: 36px !important; } .paddingBottom36px { padding-bottom: 36px !important; } .paddingRight36px { padding-right: 36px !important; } .padding36px { padding: 36px !important; } .paddingTop37px { padding-top: 37px !important; } .paddingLeft37px { padding-left: 37px !important; } .paddingBottom37px { padding-bottom: 37px !important; } .paddingRight37px { padding-right: 37px !important; } .padding37px { padding: 37px !important; } .paddingTop38px { padding-top: 38px !important; } .paddingLeft38px { padding-left: 38px !important; } .paddingBottom38px { padding-bottom: 38px !important; } .paddingRight38px { padding-right: 38px !important; } .padding38px { padding: 38px !important; } .paddingTop39px { padding-top: 39px !important; } .paddingLeft39px { padding-left: 39px !important; } .paddingBottom39px { padding-bottom: 39px !important; } .paddingRight39px { padding-right: 39px !important; } .padding39px { padding: 39px !important; } .paddingTop40px { padding-top: 40px !important; } .paddingLeft40px { padding-left: 40px !important; } .paddingBottom40px { padding-bottom: 40px !important; } .paddingRight40px { padding-right: 40px !important; } .padding40px { padding: 40px !important; } .paddingTop41px { padding-top: 41px !important; } .paddingLeft41px { padding-left: 41px !important; } .paddingBottom41px { padding-bottom: 41px !important; } .paddingRight41px { padding-right: 41px !important; } .padding41px { padding: 41px !important; } .paddingTop42px { padding-top: 42px !important; } .paddingLeft42px { padding-left: 42px !important; } .paddingBottom42px { padding-bottom: 42px !important; } .paddingRight42px { padding-right: 42px !important; } .padding42px { padding: 42px !important; } .paddingTop43px { padding-top: 43px !important; } .paddingLeft43px { padding-left: 43px !important; } .paddingBottom43px { padding-bottom: 43px !important; } .paddingRight43px { padding-right: 43px !important; } .padding43px { padding: 43px !important; } .paddingTop44px { padding-top: 44px !important; } .paddingLeft44px { padding-left: 44px !important; } .paddingBottom44px { padding-bottom: 44px !important; } .paddingRight44px { padding-right: 44px !important; } .padding44px { padding: 44px !important; } .paddingTop45px { padding-top: 45px !important; } .paddingLeft45px { padding-left: 45px !important; } .paddingBottom45px { padding-bottom: 45px !important; } .paddingRight45px { padding-right: 45px !important; } .padding45px { padding: 45px !important; } .paddingTop46px { padding-top: 46px !important; } .paddingLeft46px { padding-left: 46px !important; } .paddingBottom46px { padding-bottom: 46px !important; } .paddingRight46px { padding-right: 46px !important; } .padding46px { padding: 46px !important; } .paddingTop47px { padding-top: 47px !important; } .paddingLeft47px { padding-left: 47px !important; } .paddingBottom47px { padding-bottom: 47px !important; } .paddingRight47px { padding-right: 47px !important; } .padding47px { padding: 47px !important; } .paddingTop48px { padding-top: 48px !important; } .paddingLeft48px { padding-left: 48px !important; } .paddingBottom48px { padding-bottom: 48px !important; } .paddingRight48px { padding-right: 48px !important; } .padding48px { padding: 48px !important; } .paddingTop49px { padding-top: 49px !important; } .paddingLeft49px { padding-left: 49px !important; } .paddingBottom49px { padding-bottom: 49px !important; } .paddingRight49px { padding-right: 49px !important; } .padding49px { padding: 49px !important; } .paddingTop50px { padding-top: 50px !important; } .paddingLeft50px { padding-left: 50px !important; } .paddingBottom50px { padding-bottom: 50px !important; } .paddingRight50px { padding-right: 50px !important; } .padding50px { padding: 50px !important; } .paddingTop51px { padding-top: 51px !important; } .paddingLeft51px { padding-left: 51px !important; } .paddingBottom51px { padding-bottom: 51px !important; } .paddingRight51px { padding-right: 51px !important; } .padding51px { padding: 51px !important; } .paddingTop52px { padding-top: 52px !important; } .paddingLeft52px { padding-left: 52px !important; } .paddingBottom52px { padding-bottom: 52px !important; } .paddingRight52px { padding-right: 52px !important; } .padding52px { padding: 52px !important; } .paddingTop53px { padding-top: 53px !important; } .paddingLeft53px { padding-left: 53px !important; } .paddingBottom53px { padding-bottom: 53px !important; } .paddingRight53px { padding-right: 53px !important; } .padding53px { padding: 53px !important; } .paddingTop54px { padding-top: 54px !important; } .paddingLeft54px { padding-left: 54px !important; } .paddingBottom54px { padding-bottom: 54px !important; } .paddingRight54px { padding-right: 54px !important; } .padding54px { padding: 54px !important; } .paddingTop55px { padding-top: 55px !important; } .paddingLeft55px { padding-left: 55px !important; } .paddingBottom55px { padding-bottom: 55px !important; } .paddingRight55px { padding-right: 55px !important; } .padding55px { padding: 55px !important; } .paddingTop56px { padding-top: 56px !important; } .paddingLeft56px { padding-left: 56px !important; } .paddingBottom56px { padding-bottom: 56px !important; } .paddingRight56px { padding-right: 56px !important; } .padding56px { padding: 56px !important; } .paddingTop57px { padding-top: 57px !important; } .paddingLeft57px { padding-left: 57px !important; } .paddingBottom57px { padding-bottom: 57px !important; } .paddingRight57px { padding-right: 57px !important; } .padding57px { padding: 57px !important; } .paddingTop58px { padding-top: 58px !important; } .paddingLeft58px { padding-left: 58px !important; } .paddingBottom58px { padding-bottom: 58px !important; } .paddingRight58px { padding-right: 58px !important; } .padding58px { padding: 58px !important; } .paddingTop59px { padding-top: 59px !important; } .paddingLeft59px { padding-left: 59px !important; } .paddingBottom59px { padding-bottom: 59px !important; } .paddingRight59px { padding-right: 59px !important; } .padding59px { padding: 59px !important; } .paddingTop60px { padding-top: 60px !important; } .paddingLeft60px { padding-left: 60px !important; } .paddingBottom60px { padding-bottom: 60px !important; } .paddingRight60px { padding-right: 60px !important; } .padding60px { padding: 60px !important; } .paddingTop61px { padding-top: 61px !important; } .paddingLeft61px { padding-left: 61px !important; } .paddingBottom61px { padding-bottom: 61px !important; } .paddingRight61px { padding-right: 61px !important; } .padding61px { padding: 61px !important; } .paddingTop62px { padding-top: 62px !important; } .paddingLeft62px { padding-left: 62px !important; } .paddingBottom62px { padding-bottom: 62px !important; } .paddingRight62px { padding-right: 62px !important; } .padding62px { padding: 62px !important; } .paddingTop63px { padding-top: 63px !important; } .paddingLeft63px { padding-left: 63px !important; } .paddingBottom63px { padding-bottom: 63px !important; } .paddingRight63px { padding-right: 63px !important; } .padding63px { padding: 63px !important; } .paddingTop64px { padding-top: 64px !important; } .paddingLeft64px { padding-left: 64px !important; } .paddingBottom64px { padding-bottom: 64px !important; } .paddingRight64px { padding-right: 64px !important; } .padding64px { padding: 64px !important; } .paddingTop65px { padding-top: 65px !important; } .paddingLeft65px { padding-left: 65px !important; } .paddingBottom65px { padding-bottom: 65px !important; } .paddingRight65px { padding-right: 65px !important; } .padding65px { padding: 65px !important; } .paddingTop66px { padding-top: 66px !important; } .paddingLeft66px { padding-left: 66px !important; } .paddingBottom66px { padding-bottom: 66px !important; } .paddingRight66px { padding-right: 66px !important; } .padding66px { padding: 66px !important; } .paddingTop67px { padding-top: 67px !important; } .paddingLeft67px { padding-left: 67px !important; } .paddingBottom67px { padding-bottom: 67px !important; } .paddingRight67px { padding-right: 67px !important; } .padding67px { padding: 67px !important; } .paddingTop68px { padding-top: 68px !important; } .paddingLeft68px { padding-left: 68px !important; } .paddingBottom68px { padding-bottom: 68px !important; } .paddingRight68px { padding-right: 68px !important; } .padding68px { padding: 68px !important; } .paddingTop69px { padding-top: 69px !important; } .paddingLeft69px { padding-left: 69px !important; } .paddingBottom69px { padding-bottom: 69px !important; } .paddingRight69px { padding-right: 69px !important; } .padding69px { padding: 69px !important; } .paddingTop70px { padding-top: 70px !important; } .paddingLeft70px { padding-left: 70px !important; } .paddingBottom70px { padding-bottom: 70px !important; } .paddingRight70px { padding-right: 70px !important; } .padding70px { padding: 70px !important; } .paddingTop71px { padding-top: 71px !important; } .paddingLeft71px { padding-left: 71px !important; } .paddingBottom71px { padding-bottom: 71px !important; } .paddingRight71px { padding-right: 71px !important; } .padding71px { padding: 71px !important; } .paddingTop72px { padding-top: 72px !important; } .paddingLeft72px { padding-left: 72px !important; } .paddingBottom72px { padding-bottom: 72px !important; } .paddingRight72px { padding-right: 72px !important; } .padding72px { padding: 72px !important; } .paddingTop73px { padding-top: 73px !important; } .paddingLeft73px { padding-left: 73px !important; } .paddingBottom73px { padding-bottom: 73px !important; } .paddingRight73px { padding-right: 73px !important; } .padding73px { padding: 73px !important; } .paddingTop74px { padding-top: 74px !important; } .paddingLeft74px { padding-left: 74px !important; } .paddingBottom74px { padding-bottom: 74px !important; } .paddingRight74px { padding-right: 74px !important; } .padding74px { padding: 74px !important; } .paddingTop75px { padding-top: 75px !important; } .paddingLeft75px { padding-left: 75px !important; } .paddingBottom75px { padding-bottom: 75px !important; } .paddingRight75px { padding-right: 75px !important; } .padding75px { padding: 75px !important; } .paddingTop76px { padding-top: 76px !important; } .paddingLeft76px { padding-left: 76px !important; } .paddingBottom76px { padding-bottom: 76px !important; } .paddingRight76px { padding-right: 76px !important; } .padding76px { padding: 76px !important; } .paddingTop77px { padding-top: 77px !important; } .paddingLeft77px { padding-left: 77px !important; } .paddingBottom77px { padding-bottom: 77px !important; } .paddingRight77px { padding-right: 77px !important; } .padding77px { padding: 77px !important; } .paddingTop78px { padding-top: 78px !important; } .paddingLeft78px { padding-left: 78px !important; } .paddingBottom78px { padding-bottom: 78px !important; } .paddingRight78px { padding-right: 78px !important; } .padding78px { padding: 78px !important; } .paddingTop79px { padding-top: 79px !important; } .paddingLeft79px { padding-left: 79px !important; } .paddingBottom79px { padding-bottom: 79px !important; } .paddingRight79px { padding-right: 79px !important; } .padding79px { padding: 79px !important; } .paddingTop80px { padding-top: 80px !important; } .paddingLeft80px { padding-left: 80px !important; } .paddingBottom80px { padding-bottom: 80px !important; } .paddingRight80px { padding-right: 80px !important; } .padding80px { padding: 80px !important; } .paddingTop81px { padding-top: 81px !important; } .paddingLeft81px { padding-left: 81px !important; } .paddingBottom81px { padding-bottom: 81px !important; } .paddingRight81px { padding-right: 81px !important; } .padding81px { padding: 81px !important; } .paddingTop82px { padding-top: 82px !important; } .paddingLeft82px { padding-left: 82px !important; } .paddingBottom82px { padding-bottom: 82px !important; } .paddingRight82px { padding-right: 82px !important; } .padding82px { padding: 82px !important; } .paddingTop83px { padding-top: 83px !important; } .paddingLeft83px { padding-left: 83px !important; } .paddingBottom83px { padding-bottom: 83px !important; } .paddingRight83px { padding-right: 83px !important; } .padding83px { padding: 83px !important; } .paddingTop84px { padding-top: 84px !important; } .paddingLeft84px { padding-left: 84px !important; } .paddingBottom84px { padding-bottom: 84px !important; } .paddingRight84px { padding-right: 84px !important; } .padding84px { padding: 84px !important; } .paddingTop85px { padding-top: 85px !important; } .paddingLeft85px { padding-left: 85px !important; } .paddingBottom85px { padding-bottom: 85px !important; } .paddingRight85px { padding-right: 85px !important; } .padding85px { padding: 85px !important; } .paddingTop86px { padding-top: 86px !important; } .paddingLeft86px { padding-left: 86px !important; } .paddingBottom86px { padding-bottom: 86px !important; } .paddingRight86px { padding-right: 86px !important; } .padding86px { padding: 86px !important; } .paddingTop87px { padding-top: 87px !important; } .paddingLeft87px { padding-left: 87px !important; } .paddingBottom87px { padding-bottom: 87px !important; } .paddingRight87px { padding-right: 87px !important; } .padding87px { padding: 87px !important; } .paddingTop88px { padding-top: 88px !important; } .paddingLeft88px { padding-left: 88px !important; } .paddingBottom88px { padding-bottom: 88px !important; } .paddingRight88px { padding-right: 88px !important; } .padding88px { padding: 88px !important; } .paddingTop89px { padding-top: 89px !important; } .paddingLeft89px { padding-left: 89px !important; } .paddingBottom89px { padding-bottom: 89px !important; } .paddingRight89px { padding-right: 89px !important; } .padding89px { padding: 89px !important; } .paddingTop90px { padding-top: 90px !important; } .paddingLeft90px { padding-left: 90px !important; } .paddingBottom90px { padding-bottom: 90px !important; } .paddingRight90px { padding-right: 90px !important; } .padding90px { padding: 90px !important; } .paddingTop91px { padding-top: 91px !important; } .paddingLeft91px { padding-left: 91px !important; } .paddingBottom91px { padding-bottom: 91px !important; } .paddingRight91px { padding-right: 91px !important; } .padding91px { padding: 91px !important; } .paddingTop92px { padding-top: 92px !important; } .paddingLeft92px { padding-left: 92px !important; } .paddingBottom92px { padding-bottom: 92px !important; } .paddingRight92px { padding-right: 92px !important; } .padding92px { padding: 92px !important; } .paddingTop93px { padding-top: 93px !important; } .paddingLeft93px { padding-left: 93px !important; } .paddingBottom93px { padding-bottom: 93px !important; } .paddingRight93px { padding-right: 93px !important; } .padding93px { padding: 93px !important; } .paddingTop94px { padding-top: 94px !important; } .paddingLeft94px { padding-left: 94px !important; } .paddingBottom94px { padding-bottom: 94px !important; } .paddingRight94px { padding-right: 94px !important; } .padding94px { padding: 94px !important; } .paddingTop95px { padding-top: 95px !important; } .paddingLeft95px { padding-left: 95px !important; } .paddingBottom95px { padding-bottom: 95px !important; } .paddingRight95px { padding-right: 95px !important; } .padding95px { padding: 95px !important; } .paddingTop96px { padding-top: 96px !important; } .paddingLeft96px { padding-left: 96px !important; } .paddingBottom96px { padding-bottom: 96px !important; } .paddingRight96px { padding-right: 96px !important; } .padding96px { padding: 96px !important; } .paddingTop97px { padding-top: 97px !important; } .paddingLeft97px { padding-left: 97px !important; } .paddingBottom97px { padding-bottom: 97px !important; } .paddingRight97px { padding-right: 97px !important; } .padding97px { padding: 97px !important; } .paddingTop98px { padding-top: 98px !important; } .paddingLeft98px { padding-left: 98px !important; } .paddingBottom98px { padding-bottom: 98px !important; } .paddingRight98px { padding-right: 98px !important; } .padding98px { padding: 98px !important; } .paddingTop99px { padding-top: 99px !important; } .paddingLeft99px { padding-left: 99px !important; } .paddingBottom99px { padding-bottom: 99px !important; } .paddingRight99px { padding-right: 99px !important; } .padding99px { padding: 99px !important; } .paddingTop100px { padding-top: 100px !important; } .paddingLeft100px { padding-left: 100px !important; } .paddingBottom100px { padding-bottom: 100px !important; } .paddingRight100px { padding-right: 100px !important; } .padding100px { padding: 100px !important; } .paddingTop0Perc { padding-top: 0% !important; } .paddingLeft0Perc { padding-left: 0% !important; } .paddingBottom0Perc { padding-bottom: 0% !important; } .paddingRight0Perc { padding-right: 0% !important; } .padding0Perc { padding: 0% !important; } .paddingTop1Perc { padding-top: 1% !important; } .paddingLeft1Perc { padding-left: 1% !important; } .paddingBottom1Perc { padding-bottom: 1% !important; } .paddingRight1Perc { padding-right: 1% !important; } .padding1Perc { padding: 1% !important; } .paddingTop2Perc { padding-top: 2% !important; } .paddingLeft2Perc { padding-left: 2% !important; } .paddingBottom2Perc { padding-bottom: 2% !important; } .paddingRight2Perc { padding-right: 2% !important; } .padding2Perc { padding: 2% !important; } .paddingTop3Perc { padding-top: 3% !important; } .paddingLeft3Perc { padding-left: 3% !important; } .paddingBottom3Perc { padding-bottom: 3% !important; } .paddingRight3Perc { padding-right: 3% !important; } .padding3Perc { padding: 3% !important; } .paddingTop4Perc { padding-top: 4% !important; } .paddingLeft4Perc { padding-left: 4% !important; } .paddingBottom4Perc { padding-bottom: 4% !important; } .paddingRight4Perc { padding-right: 4% !important; } .padding4Perc { padding: 4% !important; } .paddingTop5Perc { padding-top: 5% !important; } .paddingLeft5Perc { padding-left: 5% !important; } .paddingBottom5Perc { padding-bottom: 5% !important; } .paddingRight5Perc { padding-right: 5% !important; } .padding5Perc { padding: 5% !important; } .paddingTop6Perc { padding-top: 6% !important; } .paddingLeft6Perc { padding-left: 6% !important; } .paddingBottom6Perc { padding-bottom: 6% !important; } .paddingRight6Perc { padding-right: 6% !important; } .padding6Perc { padding: 6% !important; } .paddingTop7Perc { padding-top: 7% !important; } .paddingLeft7Perc { padding-left: 7% !important; } .paddingBottom7Perc { padding-bottom: 7% !important; } .paddingRight7Perc { padding-right: 7% !important; } .padding7Perc { padding: 7% !important; } .paddingTop8Perc { padding-top: 8% !important; } .paddingLeft8Perc { padding-left: 8% !important; } .paddingBottom8Perc { padding-bottom: 8% !important; } .paddingRight8Perc { padding-right: 8% !important; } .padding8Perc { padding: 8% !important; } .paddingTop9Perc { padding-top: 9% !important; } .paddingLeft9Perc { padding-left: 9% !important; } .paddingBottom9Perc { padding-bottom: 9% !important; } .paddingRight9Perc { padding-right: 9% !important; } .padding9Perc { padding: 9% !important; } .paddingTop10Perc { padding-top: 10% !important; } .paddingLeft10Perc { padding-left: 10% !important; } .paddingBottom10Perc { padding-bottom: 10% !important; } .paddingRight10Perc { padding-right: 10% !important; } .padding10Perc { padding: 10% !important; } .paddingTop11Perc { padding-top: 11% !important; } .paddingLeft11Perc { padding-left: 11% !important; } .paddingBottom11Perc { padding-bottom: 11% !important; } .paddingRight11Perc { padding-right: 11% !important; } .padding11Perc { padding: 11% !important; } .paddingTop12Perc { padding-top: 12% !important; } .paddingLeft12Perc { padding-left: 12% !important; } .paddingBottom12Perc { padding-bottom: 12% !important; } .paddingRight12Perc { padding-right: 12% !important; } .padding12Perc { padding: 12% !important; } .paddingTop13Perc { padding-top: 13% !important; } .paddingLeft13Perc { padding-left: 13% !important; } .paddingBottom13Perc { padding-bottom: 13% !important; } .paddingRight13Perc { padding-right: 13% !important; } .padding13Perc { padding: 13% !important; } .paddingTop14Perc { padding-top: 14% !important; } .paddingLeft14Perc { padding-left: 14% !important; } .paddingBottom14Perc { padding-bottom: 14% !important; } .paddingRight14Perc { padding-right: 14% !important; } .padding14Perc { padding: 14% !important; } .paddingTop15Perc { padding-top: 15% !important; } .paddingLeft15Perc { padding-left: 15% !important; } .paddingBottom15Perc { padding-bottom: 15% !important; } .paddingRight15Perc { padding-right: 15% !important; } .padding15Perc { padding: 15% !important; } .paddingTop16Perc { padding-top: 16% !important; } .paddingLeft16Perc { padding-left: 16% !important; } .paddingBottom16Perc { padding-bottom: 16% !important; } .paddingRight16Perc { padding-right: 16% !important; } .padding16Perc { padding: 16% !important; } .paddingTop17Perc { padding-top: 17% !important; } .paddingLeft17Perc { padding-left: 17% !important; } .paddingBottom17Perc { padding-bottom: 17% !important; } .paddingRight17Perc { padding-right: 17% !important; } .padding17Perc { padding: 17% !important; } .paddingTop18Perc { padding-top: 18% !important; } .paddingLeft18Perc { padding-left: 18% !important; } .paddingBottom18Perc { padding-bottom: 18% !important; } .paddingRight18Perc { padding-right: 18% !important; } .padding18Perc { padding: 18% !important; } .paddingTop19Perc { padding-top: 19% !important; } .paddingLeft19Perc { padding-left: 19% !important; } .paddingBottom19Perc { padding-bottom: 19% !important; } .paddingRight19Perc { padding-right: 19% !important; } .padding19Perc { padding: 19% !important; } .paddingTop20Perc { padding-top: 20% !important; } .paddingLeft20Perc { padding-left: 20% !important; } .paddingBottom20Perc { padding-bottom: 20% !important; } .paddingRight20Perc { padding-right: 20% !important; } .padding20Perc { padding: 20% !important; } /* =============== ==== BORDI ==== =============== */ .borderTop1px { border-top: solid 1px #000 !important; } .borderLeft1px { border-left: solid 1px #000 !important; } .borderBottom1px { border-bottom: solid 1px #000 !important; } .borderRight1px { border-right: solid 1px #000 !important; } .border1px { border: solid 1px #000 !important; } .borderTop2px { border-top: solid 2px #000 !important; } .borderLeft2px { border-left: solid 2px #000 !important; } .borderBottom2px { border-bottom: solid 2px #000 !important; } .borderRight2px { border-right: solid 2px #000 !important; } .border2px { border: solid 2px #000 !important; } .borderTop3px { border-top: solid 3px #000 !important; } .borderLeft3px { border-left: solid 3px #000 !important; } .borderBottom3px { border-bottom: solid 3px #000 !important; } .borderRight3px { border-right: solid 3px #000 !important; } .border3px { border: solid 3px #000 !important; } .borderTop4px { border-top: solid 4px #000 !important; } .borderLeft4px { border-left: solid 4px #000 !important; } .borderBottom4px { border-bottom: solid 4px #000 !important; } .borderRight4px { border-right: solid 4px #000 !important; } .border4px { border: solid 4px #000 !important; } .borderTop5px { border-top: solid 5px #000 !important; } .borderLeft5px { border-left: solid 5px #000 !important; } .borderBottom5px { border-bottom: solid 5px #000 !important; } .borderRight5px { border-right: solid 5px #000 !important; } .border5px { border: solid 5px #000 !important; } .borderTop1pxWhite { border-top: solid 1px White !important; } .borderTopHover1pxWhite:hover { border-top: solid 1px White !important; } .borderLeft1pxWhite { border-left: solid 1px White !important; } .borderLeftHover1pxWhite:hover { border-left: solid 1px White !important; } .borderBottom1pxWhite { border-bottom: solid 1px White !important; } .borderBottomHover1pxWhite:hover { border-bottom: solid 1px White !important; } .borderRight1pxWhite { border-right: solid 1px White !important; } .borderRightHover1pxWhite:hover { border-right: solid 1px White !important; } .border1pxWhite { border: solid 1px White !important; } .borderHover1pxWhite:hover { border: solid 1px White !important; } .borderTop2pxWhite { border-top: solid 2px White !important; } .borderTopHover2pxWhite:hover { border-top: solid 2px White !important; } .borderLeft2pxWhite { border-left: solid 2px White !important; } .borderLeftHover2pxWhite:hover { border-left: solid 2px White !important; } .borderBottom2pxWhite { border-bottom: solid 2px White !important; } .borderBottomHover2pxWhite:hover { border-bottom: solid 2px White !important; } .borderRight2pxWhite { border-right: solid 2px White !important; } .borderRightHover2pxWhite:hover { border-right: solid 2px White !important; } .border2pxWhite { border: solid 2px White !important; } .borderHover2pxWhite:hover { border: solid 2px White !important; } .borderTop3pxWhite { border-top: solid 3px White !important; } .borderTopHover3pxWhite:hover { border-top: solid 3px White !important; } .borderLeft3pxWhite { border-left: solid 3px White !important; } .borderLeftHover3pxWhite:hover { border-left: solid 3px White !important; } .borderBottom3pxWhite { border-bottom: solid 3px White !important; } .borderBottomHover3pxWhite:hover { border-bottom: solid 3px White !important; } .borderRight3pxWhite { border-right: solid 3px White !important; } .borderRightHover3pxWhite:hover { border-right: solid 3px White !important; } .border3pxWhite { border: solid 3px White !important; } .borderHover3pxWhite:hover { border: solid 3px White !important; } .borderTop4pxWhite { border-top: solid 4px White !important; } .borderTopHover4pxWhite:hover { border-top: solid 4px White !important; } .borderLeft4pxWhite { border-left: solid 4px White !important; } .borderLeftHover4pxWhite:hover { border-left: solid 4px White !important; } .borderBottom4pxWhite { border-bottom: solid 4px White !important; } .borderBottomHover4pxWhite:hover { border-bottom: solid 4px White !important; } .borderRight4pxWhite { border-right: solid 4px White !important; } .borderRightHover4pxWhite:hover { border-right: solid 4px White !important; } .border4pxWhite { border: solid 4px White !important; } .borderHover4pxWhite:hover { border: solid 4px White !important; } .borderTop5pxWhite { border-top: solid 5px White !important; } .borderTopHover5pxWhite:hover { border-top: solid 5px White !important; } .borderLeft5pxWhite { border-left: solid 5px White !important; } .borderLeftHover5pxWhite:hover { border-left: solid 5px White !important; } .borderBottom5pxWhite { border-bottom: solid 5px White !important; } .borderBottomHover5pxWhite:hover { border-bottom: solid 5px White !important; } .borderRight5pxWhite { border-right: solid 5px White !important; } .borderRightHover5pxWhite:hover { border-right: solid 5px White !important; } .border5pxWhite { border: solid 5px White !important; } .borderHover5pxWhite:hover { border: solid 5px White !important; } .borderTop1pxBlack { border-top: solid 1px Black !important; } .borderTopHover1pxBlack:hover { border-top: solid 1px Black !important; } .borderLeft1pxBlack { border-left: solid 1px Black !important; } .borderLeftHover1pxBlack:hover { border-left: solid 1px Black !important; } .borderBottom1pxBlack { border-bottom: solid 1px Black !important; } .borderBottomHover1pxBlack:hover { border-bottom: solid 1px Black !important; } .borderRight1pxBlack { border-right: solid 1px Black !important; } .borderRightHover1pxBlack:hover { border-right: solid 1px Black !important; } .border1pxBlack { border: solid 1px Black !important; } .borderHover1pxBlack:hover { border: solid 1px Black !important; } .borderTop2pxBlack { border-top: solid 2px Black !important; } .borderTopHover2pxBlack:hover { border-top: solid 2px Black !important; } .borderLeft2pxBlack { border-left: solid 2px Black !important; } .borderLeftHover2pxBlack:hover { border-left: solid 2px Black !important; } .borderBottom2pxBlack { border-bottom: solid 2px Black !important; } .borderBottomHover2pxBlack:hover { border-bottom: solid 2px Black !important; } .borderRight2pxBlack { border-right: solid 2px Black !important; } .borderRightHover2pxBlack:hover { border-right: solid 2px Black !important; } .border2pxBlack { border: solid 2px Black !important; } .borderHover2pxBlack:hover { border: solid 2px Black !important; } .borderTop3pxBlack { border-top: solid 3px Black !important; } .borderTopHover3pxBlack:hover { border-top: solid 3px Black !important; } .borderLeft3pxBlack { border-left: solid 3px Black !important; } .borderLeftHover3pxBlack:hover { border-left: solid 3px Black !important; } .borderBottom3pxBlack { border-bottom: solid 3px Black !important; } .borderBottomHover3pxBlack:hover { border-bottom: solid 3px Black !important; } .borderRight3pxBlack { border-right: solid 3px Black !important; } .borderRightHover3pxBlack:hover { border-right: solid 3px Black !important; } .border3pxBlack { border: solid 3px Black !important; } .borderHover3pxBlack:hover { border: solid 3px Black !important; } .borderTop4pxBlack { border-top: solid 4px Black !important; } .borderTopHover4pxBlack:hover { border-top: solid 4px Black !important; } .borderLeft4pxBlack { border-left: solid 4px Black !important; } .borderLeftHover4pxBlack:hover { border-left: solid 4px Black !important; } .borderBottom4pxBlack { border-bottom: solid 4px Black !important; } .borderBottomHover4pxBlack:hover { border-bottom: solid 4px Black !important; } .borderRight4pxBlack { border-right: solid 4px Black !important; } .borderRightHover4pxBlack:hover { border-right: solid 4px Black !important; } .border4pxBlack { border: solid 4px Black !important; } .borderHover4pxBlack:hover { border: solid 4px Black !important; } .borderTop5pxBlack { border-top: solid 5px Black !important; } .borderTopHover5pxBlack:hover { border-top: solid 5px Black !important; } .borderLeft5pxBlack { border-left: solid 5px Black !important; } .borderLeftHover5pxBlack:hover { border-left: solid 5px Black !important; } .borderBottom5pxBlack { border-bottom: solid 5px Black !important; } .borderBottomHover5pxBlack:hover { border-bottom: solid 5px Black !important; } .borderRight5pxBlack { border-right: solid 5px Black !important; } .borderRightHover5pxBlack:hover { border-right: solid 5px Black !important; } .border5pxBlack { border: solid 5px Black !important; } .borderHover5pxBlack:hover { border: solid 5px Black !important; } .borderTop1pxRed { border-top: solid 1px Red !important; } .borderTopHover1pxRed:hover { border-top: solid 1px Red !important; } .borderLeft1pxRed { border-left: solid 1px Red !important; } .borderLeftHover1pxRed:hover { border-left: solid 1px Red !important; } .borderBottom1pxRed { border-bottom: solid 1px Red !important; } .borderBottomHover1pxRed:hover { border-bottom: solid 1px Red !important; } .borderRight1pxRed { border-right: solid 1px Red !important; } .borderRightHover1pxRed:hover { border-right: solid 1px Red !important; } .border1pxRed { border: solid 1px Red !important; } .borderHover1pxRed:hover { border: solid 1px Red !important; } .borderTop2pxRed { border-top: solid 2px Red !important; } .borderTopHover2pxRed:hover { border-top: solid 2px Red !important; } .borderLeft2pxRed { border-left: solid 2px Red !important; } .borderLeftHover2pxRed:hover { border-left: solid 2px Red !important; } .borderBottom2pxRed { border-bottom: solid 2px Red !important; } .borderBottomHover2pxRed:hover { border-bottom: solid 2px Red !important; } .borderRight2pxRed { border-right: solid 2px Red !important; } .borderRightHover2pxRed:hover { border-right: solid 2px Red !important; } .border2pxRed { border: solid 2px Red !important; } .borderHover2pxRed:hover { border: solid 2px Red !important; } .borderTop3pxRed { border-top: solid 3px Red !important; } .borderTopHover3pxRed:hover { border-top: solid 3px Red !important; } .borderLeft3pxRed { border-left: solid 3px Red !important; } .borderLeftHover3pxRed:hover { border-left: solid 3px Red !important; } .borderBottom3pxRed { border-bottom: solid 3px Red !important; } .borderBottomHover3pxRed:hover { border-bottom: solid 3px Red !important; } .borderRight3pxRed { border-right: solid 3px Red !important; } .borderRightHover3pxRed:hover { border-right: solid 3px Red !important; } .border3pxRed { border: solid 3px Red !important; } .borderHover3pxRed:hover { border: solid 3px Red !important; } .borderTop4pxRed { border-top: solid 4px Red !important; } .borderTopHover4pxRed:hover { border-top: solid 4px Red !important; } .borderLeft4pxRed { border-left: solid 4px Red !important; } .borderLeftHover4pxRed:hover { border-left: solid 4px Red !important; } .borderBottom4pxRed { border-bottom: solid 4px Red !important; } .borderBottomHover4pxRed:hover { border-bottom: solid 4px Red !important; } .borderRight4pxRed { border-right: solid 4px Red !important; } .borderRightHover4pxRed:hover { border-right: solid 4px Red !important; } .border4pxRed { border: solid 4px Red !important; } .borderHover4pxRed:hover { border: solid 4px Red !important; } .borderTop5pxRed { border-top: solid 5px Red !important; } .borderTopHover5pxRed:hover { border-top: solid 5px Red !important; } .borderLeft5pxRed { border-left: solid 5px Red !important; } .borderLeftHover5pxRed:hover { border-left: solid 5px Red !important; } .borderBottom5pxRed { border-bottom: solid 5px Red !important; } .borderBottomHover5pxRed:hover { border-bottom: solid 5px Red !important; } .borderRight5pxRed { border-right: solid 5px Red !important; } .borderRightHover5pxRed:hover { border-right: solid 5px Red !important; } .border5pxRed { border: solid 5px Red !important; } .borderHover5pxRed:hover { border: solid 5px Red !important; } .borderTop1pxYellow { border-top: solid 1px Yellow !important; } .borderTopHover1pxYellow:hover { border-top: solid 1px Yellow !important; } .borderLeft1pxYellow { border-left: solid 1px Yellow !important; } .borderLeftHover1pxYellow:hover { border-left: solid 1px Yellow !important; } .borderBottom1pxYellow { border-bottom: solid 1px Yellow !important; } .borderBottomHover1pxYellow:hover { border-bottom: solid 1px Yellow !important; } .borderRight1pxYellow { border-right: solid 1px Yellow !important; } .borderRightHover1pxYellow:hover { border-right: solid 1px Yellow !important; } .border1pxYellow { border: solid 1px Yellow !important; } .borderHover1pxYellow:hover { border: solid 1px Yellow !important; } .borderTop2pxYellow { border-top: solid 2px Yellow !important; } .borderTopHover2pxYellow:hover { border-top: solid 2px Yellow !important; } .borderLeft2pxYellow { border-left: solid 2px Yellow !important; } .borderLeftHover2pxYellow:hover { border-left: solid 2px Yellow !important; } .borderBottom2pxYellow { border-bottom: solid 2px Yellow !important; } .borderBottomHover2pxYellow:hover { border-bottom: solid 2px Yellow !important; } .borderRight2pxYellow { border-right: solid 2px Yellow !important; } .borderRightHover2pxYellow:hover { border-right: solid 2px Yellow !important; } .border2pxYellow { border: solid 2px Yellow !important; } .borderHover2pxYellow:hover { border: solid 2px Yellow !important; } .borderTop3pxYellow { border-top: solid 3px Yellow !important; } .borderTopHover3pxYellow:hover { border-top: solid 3px Yellow !important; } .borderLeft3pxYellow { border-left: solid 3px Yellow !important; } .borderLeftHover3pxYellow:hover { border-left: solid 3px Yellow !important; } .borderBottom3pxYellow { border-bottom: solid 3px Yellow !important; } .borderBottomHover3pxYellow:hover { border-bottom: solid 3px Yellow !important; } .borderRight3pxYellow { border-right: solid 3px Yellow !important; } .borderRightHover3pxYellow:hover { border-right: solid 3px Yellow !important; } .border3pxYellow { border: solid 3px Yellow !important; } .borderHover3pxYellow:hover { border: solid 3px Yellow !important; } .borderTop4pxYellow { border-top: solid 4px Yellow !important; } .borderTopHover4pxYellow:hover { border-top: solid 4px Yellow !important; } .borderLeft4pxYellow { border-left: solid 4px Yellow !important; } .borderLeftHover4pxYellow:hover { border-left: solid 4px Yellow !important; } .borderBottom4pxYellow { border-bottom: solid 4px Yellow !important; } .borderBottomHover4pxYellow:hover { border-bottom: solid 4px Yellow !important; } .borderRight4pxYellow { border-right: solid 4px Yellow !important; } .borderRightHover4pxYellow:hover { border-right: solid 4px Yellow !important; } .border4pxYellow { border: solid 4px Yellow !important; } .borderHover4pxYellow:hover { border: solid 4px Yellow !important; } .borderTop5pxYellow { border-top: solid 5px Yellow !important; } .borderTopHover5pxYellow:hover { border-top: solid 5px Yellow !important; } .borderLeft5pxYellow { border-left: solid 5px Yellow !important; } .borderLeftHover5pxYellow:hover { border-left: solid 5px Yellow !important; } .borderBottom5pxYellow { border-bottom: solid 5px Yellow !important; } .borderBottomHover5pxYellow:hover { border-bottom: solid 5px Yellow !important; } .borderRight5pxYellow { border-right: solid 5px Yellow !important; } .borderRightHover5pxYellow:hover { border-right: solid 5px Yellow !important; } .border5pxYellow { border: solid 5px Yellow !important; } .borderHover5pxYellow:hover { border: solid 5px Yellow !important; } .borderTop1pxLightgray { border-top: solid 1px Lightgray !important; } .borderTopHover1pxLightgray:hover { border-top: solid 1px Lightgray !important; } .borderLeft1pxLightgray { border-left: solid 1px Lightgray !important; } .borderLeftHover1pxLightgray:hover { border-left: solid 1px Lightgray !important; } .borderBottom1pxLightgray { border-bottom: solid 1px Lightgray !important; } .borderBottomHover1pxLightgray:hover { border-bottom: solid 1px Lightgray !important; } .borderRight1pxLightgray { border-right: solid 1px Lightgray !important; } .borderRightHover1pxLightgray:hover { border-right: solid 1px Lightgray !important; } .border1pxLightgray { border: solid 1px Lightgray !important; } .borderHover1pxLightgray:hover { border: solid 1px Lightgray !important; } .borderTop2pxLightgray { border-top: solid 2px Lightgray !important; } .borderTopHover2pxLightgray:hover { border-top: solid 2px Lightgray !important; } .borderLeft2pxLightgray { border-left: solid 2px Lightgray !important; } .borderLeftHover2pxLightgray:hover { border-left: solid 2px Lightgray !important; } .borderBottom2pxLightgray { border-bottom: solid 2px Lightgray !important; } .borderBottomHover2pxLightgray:hover { border-bottom: solid 2px Lightgray !important; } .borderRight2pxLightgray { border-right: solid 2px Lightgray !important; } .borderRightHover2pxLightgray:hover { border-right: solid 2px Lightgray !important; } .border2pxLightgray { border: solid 2px Lightgray !important; } .borderHover2pxLightgray:hover { border: solid 2px Lightgray !important; } .borderTop3pxLightgray { border-top: solid 3px Lightgray !important; } .borderTopHover3pxLightgray:hover { border-top: solid 3px Lightgray !important; } .borderLeft3pxLightgray { border-left: solid 3px Lightgray !important; } .borderLeftHover3pxLightgray:hover { border-left: solid 3px Lightgray !important; } .borderBottom3pxLightgray { border-bottom: solid 3px Lightgray !important; } .borderBottomHover3pxLightgray:hover { border-bottom: solid 3px Lightgray !important; } .borderRight3pxLightgray { border-right: solid 3px Lightgray !important; } .borderRightHover3pxLightgray:hover { border-right: solid 3px Lightgray !important; } .border3pxLightgray { border: solid 3px Lightgray !important; } .borderHover3pxLightgray:hover { border: solid 3px Lightgray !important; } .borderTop4pxLightgray { border-top: solid 4px Lightgray !important; } .borderTopHover4pxLightgray:hover { border-top: solid 4px Lightgray !important; } .borderLeft4pxLightgray { border-left: solid 4px Lightgray !important; } .borderLeftHover4pxLightgray:hover { border-left: solid 4px Lightgray !important; } .borderBottom4pxLightgray { border-bottom: solid 4px Lightgray !important; } .borderBottomHover4pxLightgray:hover { border-bottom: solid 4px Lightgray !important; } .borderRight4pxLightgray { border-right: solid 4px Lightgray !important; } .borderRightHover4pxLightgray:hover { border-right: solid 4px Lightgray !important; } .border4pxLightgray { border: solid 4px Lightgray !important; } .borderHover4pxLightgray:hover { border: solid 4px Lightgray !important; } .borderTop5pxLightgray { border-top: solid 5px Lightgray !important; } .borderTopHover5pxLightgray:hover { border-top: solid 5px Lightgray !important; } .borderLeft5pxLightgray { border-left: solid 5px Lightgray !important; } .borderLeftHover5pxLightgray:hover { border-left: solid 5px Lightgray !important; } .borderBottom5pxLightgray { border-bottom: solid 5px Lightgray !important; } .borderBottomHover5pxLightgray:hover { border-bottom: solid 5px Lightgray !important; } .borderRight5pxLightgray { border-right: solid 5px Lightgray !important; } .borderRightHover5pxLightgray:hover { border-right: solid 5px Lightgray !important; } .border5pxLightgray { border: solid 5px Lightgray !important; } .borderHover5pxLightgray:hover { border: solid 5px Lightgray !important; } .borderRadius0 { border-radius: 0 !important; } .service_divider_hor { position: relative; text-align: center; margin: 30px 0; } .service_divider_hor hr { margin: 0; border: none; border-top: 2px solid #8a8a8a; } .service_divider_hor span { position: absolute; top: -16px; background-color: #F8F9FA; padding: 0 10px; transform: translate(-50%, 50%); } /* =============== ==== SIZING === =============== */ .height0 { height: 0; } .width5 { width: 5% !important; } .height5 { height: 5% !important; } .width10 { width: 10% !important; } .height10 { height: 10% !important; } .width15 { width: 15% !important; } .height15 { height: 15% !important; } .width20 { width: 20% !important; } .height20 { height: 20% !important; } .width25 { width: 25% !important; } .height25 { height: 25% !important; } .width30 { width: 30% !important; } .height30 { height: 30% !important; } .width35 { width: 35% !important; } .height35 { height: 35% !important; } .width40 { width: 40% !important; } .height40 { height: 40% !important; } .width45 { width: 45% !important; } .height45 { height: 45% !important; } .width50 { width: 50% !important; } .height50 { height: 50% !important; } .width55 { width: 55% !important; } .height55 { height: 55% !important; } .width60 { width: 60% !important; } .height60 { height: 60% !important; } .width65 { width: 65% !important; } .height65 { height: 65% !important; } .width70 { width: 70% !important; } .height70 { height: 70% !important; } .width75 { width: 75% !important; } .height75 { height: 75% !important; } .width80 { width: 80% !important; } .height80 { height: 80% !important; } .width85 { width: 85% !important; } .height85 { height: 85% !important; } .width90 { width: 90% !important; } .height90 { height: 90% !important; } .width95 { width: 95% !important; } .height95 { height: 95% !important; } .width100 { width: 100% !important; } .height100 { height: 100% !important; } .width5px { width: 5px !important; } .height5px { height: 5px !important; } .width10px { width: 10px !important; } .height10px { height: 10px !important; } .width15px { width: 15px !important; } .height15px { height: 15px !important; } .width20px { width: 20px !important; } .height20px { height: 20px !important; } .width25px { width: 25px !important; } .height25px { height: 25px !important; } .width30px { width: 30px !important; } .height30px { height: 30px !important; } .width35px { width: 35px !important; } .height35px { height: 35px !important; } .width40px { width: 40px !important; } .height40px { height: 40px !important; } .width45px { width: 45px !important; } .height45px { height: 45px !important; } .width50px { width: 50px !important; } .height50px { height: 50px !important; } .width55px { width: 55px !important; } .height55px { height: 55px !important; } .width60px { width: 60px !important; } .height60px { height: 60px !important; } .width65px { width: 65px !important; } .height65px { height: 65px !important; } .width70px { width: 70px !important; } .height70px { height: 70px !important; } .width75px { width: 75px !important; } .height75px { height: 75px !important; } .width80px { width: 80px !important; } .height80px { height: 80px !important; } .width85px { width: 85px !important; } .height85px { height: 85px !important; } .width90px { width: 90px !important; } .height90px { height: 90px !important; } .width95px { width: 95px !important; } .height95px { height: 95px !important; } .width100px { width: 100px !important; } .height100px { height: 100px !important; } .width105px { width: 105px !important; } .height105px { height: 105px !important; } .width110px { width: 110px !important; } .height110px { height: 110px !important; } .width115px { width: 115px !important; } .height115px { height: 115px !important; } .width120px { width: 120px !important; } .height120px { height: 120px !important; } .width125px { width: 125px !important; } .height125px { height: 125px !important; } .width130px { width: 130px !important; } .height130px { height: 130px !important; } .width135px { width: 135px !important; } .height135px { height: 135px !important; } .width140px { width: 140px !important; } .height140px { height: 140px !important; } .width145px { width: 145px !important; } .height145px { height: 145px !important; } .width150px { width: 150px !important; } .height150px { height: 150px !important; } .width155px { width: 155px !important; } .height155px { height: 155px !important; } .width160px { width: 160px !important; } .height160px { height: 160px !important; } .width165px { width: 165px !important; } .height165px { height: 165px !important; } .width170px { width: 170px !important; } .height170px { height: 170px !important; } .width175px { width: 175px !important; } .height175px { height: 175px !important; } .width180px { width: 180px !important; } .height180px { height: 180px !important; } .width185px { width: 185px !important; } .height185px { height: 185px !important; } .width190px { width: 190px !important; } .height190px { height: 190px !important; } .width195px { width: 195px !important; } .height195px { height: 195px !important; } .width200px { width: 200px !important; } .height200px { height: 200px !important; } .width205px { width: 205px !important; } .height205px { height: 205px !important; } .width210px { width: 210px !important; } .height210px { height: 210px !important; } .width215px { width: 215px !important; } .height215px { height: 215px !important; } .width220px { width: 220px !important; } .height220px { height: 220px !important; } .width225px { width: 225px !important; } .height225px { height: 225px !important; } .width230px { width: 230px !important; } .height230px { height: 230px !important; } .width235px { width: 235px !important; } .height235px { height: 235px !important; } .width240px { width: 240px !important; } .height240px { height: 240px !important; } .width245px { width: 245px !important; } .height245px { height: 245px !important; } .width250px { width: 250px !important; } .height250px { height: 250px !important; } .width255px { width: 255px !important; } .height255px { height: 255px !important; } .width260px { width: 260px !important; } .height260px { height: 260px !important; } .width265px { width: 265px !important; } .height265px { height: 265px !important; } .width270px { width: 270px !important; } .height270px { height: 270px !important; } .width275px { width: 275px !important; } .height275px { height: 275px !important; } .width280px { width: 280px !important; } .height280px { height: 280px !important; } .width285px { width: 285px !important; } .height285px { height: 285px !important; } .width290px { width: 290px !important; } .height290px { height: 290px !important; } .width295px { width: 295px !important; } .height295px { height: 295px !important; } .width300px { width: 300px !important; } .height300px { height: 300px !important; } .width305px { width: 305px !important; } .height305px { height: 305px !important; } .width310px { width: 310px !important; } .height310px { height: 310px !important; } .width315px { width: 315px !important; } .height315px { height: 315px !important; } .width320px { width: 320px !important; } .height320px { height: 320px !important; } .width325px { width: 325px !important; } .height325px { height: 325px !important; } .width330px { width: 330px !important; } .height330px { height: 330px !important; } .width335px { width: 335px !important; } .height335px { height: 335px !important; } .width340px { width: 340px !important; } .height340px { height: 340px !important; } .width345px { width: 345px !important; } .height345px { height: 345px !important; } .width350px { width: 350px !important; } .height350px { height: 350px !important; } .width355px { width: 355px !important; } .height355px { height: 355px !important; } .width360px { width: 360px !important; } .height360px { height: 360px !important; } .width365px { width: 365px !important; } .height365px { height: 365px !important; } .width370px { width: 370px !important; } .height370px { height: 370px !important; } .width375px { width: 375px !important; } .height375px { height: 375px !important; } .width380px { width: 380px !important; } .height380px { height: 380px !important; } .width385px { width: 385px !important; } .height385px { height: 385px !important; } .width390px { width: 390px !important; } .height390px { height: 390px !important; } .width395px { width: 395px !important; } .height395px { height: 395px !important; } .width400px { width: 400px !important; } .height400px { height: 400px !important; } .width405px { width: 405px !important; } .height405px { height: 405px !important; } .width410px { width: 410px !important; } .height410px { height: 410px !important; } .width415px { width: 415px !important; } .height415px { height: 415px !important; } .width420px { width: 420px !important; } .height420px { height: 420px !important; } .width425px { width: 425px !important; } .height425px { height: 425px !important; } .width430px { width: 430px !important; } .height430px { height: 430px !important; } .width435px { width: 435px !important; } .height435px { height: 435px !important; } .width440px { width: 440px !important; } .height440px { height: 440px !important; } .width445px { width: 445px !important; } .height445px { height: 445px !important; } .width450px { width: 450px !important; } .height450px { height: 450px !important; } .width455px { width: 455px !important; } .height455px { height: 455px !important; } .width460px { width: 460px !important; } .height460px { height: 460px !important; } .width465px { width: 465px !important; } .height465px { height: 465px !important; } .width470px { width: 470px !important; } .height470px { height: 470px !important; } .width475px { width: 475px !important; } .height475px { height: 475px !important; } .width480px { width: 480px !important; } .height480px { height: 480px !important; } .width485px { width: 485px !important; } .height485px { height: 485px !important; } .width490px { width: 490px !important; } .height490px { height: 490px !important; } .width495px { width: 495px !important; } .height495px { height: 495px !important; } .width500px { width: 500px !important; } .height500px { height: 500px !important; } .square { width: 100%; height: 0; padding-top: 100%; align-items: center; background-position: center; background-size: cover; display: inline-flex; justify-content: center; overflow: hidden; position: relative; text-align: center; vertical-align: middle; min-width: 30px; min-height: 30px; } @media (max-width: ) { .square { max-width: 30px; } } @media (max-width: 575.98px) { .square { max-width: 40px; } } @media (max-width: 767.98px) { .square { max-width: 50px; } } @media (max-width: 991.98px) { .square { max-width: 60px; } } @media (max-width: 1199.98px) { .square { max-width: 70px; } } /* =================== ==== CONTAINER ==== =================== */ .main-wrapper { display: flex; flex-direction: column; min-height: 100vh; max-width: 100%; overflow: hidden; margin: 0 auto; background: #fff; } main { margin: 90px 0 0 0; } @media (max-width: 1023.98px) { main { margin: 60px 0 0 0; } } #container_margin_0 { width: 100%; position: relative; padding: 1.5rem 0 2rem; } @media (max-width: 1023.98px) { #container_margin_0 { position: relative; padding: 1rem 0 1.5rem; } } #container_margin_5 { width: 90%; margin: 0 auto; position: relative; padding: 1.5rem 0 2rem; } @media (max-width: 1023.98px) { #container_margin_5 { width: 90%; position: relative; padding: 1rem 0 1.5rem; } } #container_margin_10 { width: 80%; margin: 0 auto; position: relative; padding: 1.5rem 0 2rem; } @media (max-width: 1023.98px) { #container_margin_10 { width: 90%; position: relative; padding: 1rem 0 1.5rem; } } #container_margin_20 { width: 60%; margin: 0 auto; position: relative; padding: 5rem 0; } @media (max-width: 1023.98px) { #container_margin_20 { width: 90%; position: relative; } } .service_container { width: 70%; margin: 0 auto; position: relative; padding: 2rem 1.5rem; background-color: #F8F9FA; } @media (max-width: 1199.98px) { .service_container { width: 85%; } } @media (max-width: 991.98px) { .service_container { width: 100%; position: relative; } } .col_container { display: flex; flex-direction: column; justify-content: space-between; } .col_container:first-child { border-right: 1px solid #c7c7c7; } @media (max-width: 991.98px) { .col_container:first-child { border-right: none; } } @media (max-width: 1399.98px) { .myaccount_container { width: 96% !important; } } /* ================= ==== SECTION ==== ================= */ .section-padding { padding-top: 90px; padding-bottom: 90px; } @media (max-width: 767.98px) { .section-padding { padding-top: 45px; padding-bottom: 45px; } } .section-margin { margin-bottom: 90px; } @media (max-width: 767.98px) { .section-margin { margin-bottom: 45px; } } /* ================ ==== TITOLI ==== ================ */ .main_title { font-family: "Arsenal", sans-serif; color: #000000; font-style: normal; font-weight: 700; font-size: 30px; margin: 0 0 2% 0; text-align: center; text-transform: uppercase; } @media (max-width: 767.98px) { .main_title { margin: 0 0 10px 0; } } .main_subtitle { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 0 0; text-align: center; min-height: 30px; } @media (max-width: 767.98px) { .main_subtitle { margin: 0 0 20px 0; } } .main_text { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 0 0; text-align: center; } @media (max-width: 767.98px) { .main_text { margin: 0 0 20px 0; } } .col_title { font-family: "Arsenal", sans-serif; color: #000000; font-style: normal; font-weight: 700; font-size: 20px; margin: 0 0 0.3% 0; text-align: center; text-transform: uppercase; } @media (max-width: 767.98px) { .col_title { font-size: 16px; margin: 0 0 10px 0; } } .col_subtitle { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 0 0; text-align: center; min-height: 40px; } @media (max-width: 767.98px) { .col_subtitle { margin: 0 0 20px 0; } } .col_text { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 0 0; text-align: center; } @media (max-width: 767.98px) { .col_text { margin: 0 0 20px 0; } } .col_list { list-style-type: none; padding-top: 1rem; } .col_list li { padding: 0.2rem 0; font-size: 12px; } .col_list li i { padding-right: 0.6rem; font-size: 20px; } .myaccount_main_title { font-family: "Arsenal", sans-serif; color: #000000; font-style: normal; font-weight: 700; font-size: 30px; margin: 0 0 2% 0; text-align: center; text-transform: uppercase; } @media (max-width: 767.98px) { .myaccount_main_title { font-size: 16px; margin: 0 0 10px 0; } } .myaccount_title { font-family: "Arsenal", sans-serif; color: #000000; font-style: normal; font-weight: 700; font-size: 20px; margin: 0 0 0.3% 0; text-align: center; text-transform: uppercase; } @media (max-width: 767.98px) { .myaccount_title { font-size: 16px; margin: 0 0 10px 0; } } .myaccount_subtitle { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 48px 0; text-align: center; } @media (max-width: 767.98px) { .myaccount_subtitle { margin: 0 0 20px 0; } } .myaccount_text { color: #000000; font-style: normal; font-weight: 400; font-size: 12px; margin: 0 0 0 0; text-align: center; } @media (max-width: 767.98px) { .myaccount_text { margin: 0 0 20px 0; } } /* =============== ==== VIDEO ==== =============== */ .video_block_100 { width: 100%; height: auto; float: left; position: relative; } .video_block_50 { width: 49.5%; height: auto; float: left; position: relative; } .video_block_33 { width: 31.333333%; height: auto; float: left; position: relative; } .video_block_link { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .embed-container { position: relative; padding: 0; aspect-ratio: 16/9; overflow: hidden; width: 100%; max-width: 100%; height: auto; } .embed-container.embed_always_mobile { padding: 0; aspect-ratio: 9/16; } @media (max-width: 575.98px) { .embed-container { padding: 0; aspect-ratio: 9/16; } .embed-container.embed_no_mobile { padding: 0; aspect-ratio: 16/9; } } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .btn_video_container { display: inline-block; width: 100%; text-align: center; margin: 25px 0 40px; position: relative; } .btn_video_container .btn_video_block { display: inline-block; margin: 0 2%; } .btn_video_container .btn_video_block > a { font-size: calc(12px + 0.25vw); border: 1px solid #000000; padding: 10px 50px; box-sizing: border-box; text-transform: uppercase; font-family: "Arsenal", sans-serif; font-weight: 700; display: inline-block; } /* =================== ==== OFFCANVAS ==== =================== */ .offcanvas { z-index: 1045; width: 400px !important; max-width: 95% !important; color: var(--bs-offcanvas-color); background-color: white; transition: transform 0.3s ease-in-out; } .offcanvas-title { font-size: 22px; font-weight: 700; text-transform: uppercase; } /* =================== ==== ACCORDION ==== =================== */ .accordion-item { color: black; background-color: white; border: 1px solid #dee2e6; } .accordion-item:first-of-type { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .accordion-item:last-of-type { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #000; cursor: pointer; text-align: left; background-color: #f7f7f7; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; text-transform: uppercase; } .accordion-button:not(.collapsed)::after { transform: rotate(-180deg); } .accordion-body { color: #000; padding: 1rem 1.25rem; font-weight: normal; } .accordion.accordion-flush { border-radius: 0; } .accordion.accordion-flush .accordion-item .accordion-button { border-radius: 0; } .accordion-collapse .fontSizeCalc10-02vw { font-size: calc(10px + 0.2vw); } /* ====================== ==== NOTIFICATION ==== ====================== */ .notification_container { width: 100%; background-color: #fff; padding: 10%; text-align: center; color: #000; } @media (max-width: 767.98px) { .notification_container { padding: 25% 10%; } } .notification_title { color: #000; font-style: normal; font-weight: 700; font-size: 25px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; text-transform: uppercase; } .notification_subtitle { color: #000; font-style: normal; font-weight: 400; font-size: 15px; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; } .notification_text { color: #000; font-style: normal; font-weight: 300; font-size: 13px; margin: 3% 0 2% 0; padding: 0 0 0 0; text-align: center; } .notification_text p { margin: 2% 0 2% 0; padding: 0 0 0 0; line-height: 20px; } .notification_text a { color: #000000; text-decoration: underline; } .notification_text a i { margin-right: 3px; } .notification_text ul { margin: 1% 0 0 0; padding: 0 0 0 0; } .notification_text ul li { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } .notification_recap_container { background-color: #f8f9fa; width: 35%; font-size: 12px; margin: 3% auto 2% auto; padding: 1rem; } @media (max-width: 1199.98px) { .notification_recap_container { width: 60%; } } @media (max-width: 767.98px) { .notification_recap_container { width: 100%; } } .notification_recap_container .notification_recap { flex-direction: row; display: flex; margin-bottom: 1rem; padding: 0 25%; } @media (max-width: 575.98px) { .notification_recap_container .notification_recap { padding: 0 15%; } } .notification_recap_container .notification_recap ul { margin: 1% 0 0 0; padding: 0 0 0 0; } .notification_recap_container .notification_recap ul li { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; } .notification_recap_container .notification_recap .notification_recap_label { text-align: left; } .notification_recap_container .notification_recap .notification_recap_valori { text-align: right; } .notification_recap_container .notification_recap_btn a { font-size: 11px; } @media (max-width: 1399.98px) { .notification_recap_container .notification_recap_btn a { margin: 0.25rem 0; } } .notification_recap_container .notification_recap_btn a i { margin-right: 3px; } /* ================= ==== BOTTONI ==== ================= */ .bottone_black { background-color: #000; border: 1px solid #000; color: #FFF; cursor: pointer; padding: 5px; min-width: 200px; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .bottone_black:hover { background-color: #fff; color: #000; text-decoration: none; } } @media (max-width: 767.98px) { .bottone_black { padding: 10px; min-width: auto; width: 100%; max-width: 250px; color: #FFF !important; text-decoration: none !important; } } .bottone_white { background-color: #FFF; border: 1px solid #000; color: #000; cursor: pointer; padding: 5px; min-width: 200px; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .bottone_white:hover { background-color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); text-decoration: none; color: #ffffff; } } @media (max-width: 767.98px) { .bottone_white { padding: 10px; min-width: auto; width: 100%; max-width: 250px; color: #000 !important; text-decoration: none !important; } } .bottone_white_100 { background-color: #FFF; border: 1px solid #000; color: #000; cursor: pointer; padding: 5px; width: 100%; transition: background-color 0.5s ease; display: block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; text-align: center; } @media (min-width: 992px) { .bottone_white_100:hover { background-color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); text-decoration: none; color: #ffffff; } } @media (max-width: 767.98px) { .bottone_white_100 { padding: 10px; color: #000 !important; text-decoration: none !important; } } .bottone_red { background-color: #C14345; border: 1px solid #C14345; color: #FFF; cursor: pointer; padding: 5px; min-width: 200px; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .bottone_red:hover { background-color: #fff; color: #C14345; text-decoration: none; } } @media (max-width: 767.98px) { .bottone_red { padding: 10px; min-width: auto; width: 100%; max-width: 250px; color: #FFF !important; text-decoration: none !important; } } .bottone_red_100 { background-color: #C14345; border: 1px solid #C14345; color: #FFF; cursor: pointer; padding: 5px; width: 100%; transition: background-color 0.5s ease; display: block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .bottone_red_100:hover { background-color: #fff; color: #C14345; text-decoration: none; } } @media (max-width: 767.98px) { .bottone_red_100 { padding: 10px; color: #FFF !important; text-decoration: none !important; } } .bottone_transparent { background-color: transparent; border: 1px solid transparent; color: #000; cursor: pointer; padding: 5px; min-width: 200px; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .bottone_transparent:hover { background-color: #000; border: 1px solid #000; text-decoration: none; color: #fff; } } @media (max-width: 767.98px) { .bottone_transparent { padding: 10px; min-width: auto; width: 100%; max-width: 250px; color: #000; text-decoration: none; } } button:disabled { opacity: 0.5; cursor: default; pointer-events: none; } input.bottone_paypal_fastcheckout { background-image: url(/images/fco_paypal_logo.png?26c75b908dee92f980e3d78493a82802); background-size: auto 60%; background-repeat: no-repeat; background-position: center; background-color: #ffc439; border: 1px solid #ffc439; color: #253a7f; padding: 12.5px; min-width: 250px; transition: all 0.5s ease; display: inline-block; font-style: normal; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: right; border-radius: 0px; margin: 0; } .cart-actions { max-width: 500px; margin: 0 auto; } .stripe-waiting { margin-bottom: -10px; } .fc-placeholder-container { display: flex; flex-direction: column; gap: 6px; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .fc-placeholder-btn { height: 40px; border-radius: 4px; display: flex; align-items: center; justify-content: center; transition: opacity 0.15s ease-out; } .fc-placeholder-btn--applepay-white { background-color: #fff; border: 1px solid #747775; } .fc-placeholder-btn--applepay-white::after { content: ""; display: block; width: 56px; height: 24px; background-image: url("/img/Apple_Pay_logo.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: brightness(1) invert(1); } .fc-placeholder-btn--applepay-black { background-color: #000; } .fc-placeholder-btn--applepay-black::after { content: ""; display: block; width: 56px; height: 24px; background-image: url("/img/Apple_Pay_logo.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; filter: brightness(0) invert(1); } .fc-placeholder-btn--googlepay-white { background-color: #fff; border: 1px solid #747775; } .fc-placeholder-btn--googlepay-white::after { content: ""; display: block; width: 56px; height: 24px; background-image: url("/img/google-pay-mark.svg"); background-size: 80%; background-repeat: no-repeat; background-position: center; } .fc-placeholder-btn--googlepay-black { background-color: #000; } .fc-placeholder-btn--googlepay-black::after { content: ""; display: block; width: 56px; height: 24px; background-image: url("/img/google-pay-mark-white.svg"); background-size: 80%; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { .stripe-waiting { width: 100%; } } @media (max-width: 767.98px) { .stripe-waiting { width: 100%; } } .amazonpay-button-container { max-width: 100% !important; } .bottone_amazon_fastcheckout { width: 100% !important; margin: 0 0 10px 0; } .amazonpay-button-view1-gold { border-color: #a88734 #9c7e31 #846a29; background: linear-gradient(to bottom, #f7dfa5, #f0c14b); } .amazonpay-button-view1 { grid-row: 1/2; border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; border-style: solid; border-width: 1px; box-sizing: border-box; width: 100%; display: grid; grid-template-rows: 13% 13% 1fr 1fr 10% 16%; grid-template-columns: 4% 10% 6% 1fr 6% 10% 4%; justify-items: center; justify-self: stretch; align-self: stretch; } .applepay_gpay_fastcheckout_container { display: block; text-align: right; } .btnNoStyle { border: 0; background: transparent; margin: 0; padding: 0; } a.forgot_psw_action { font-size: 10px; font-weight: 700; } button.forgot_psw_action { border: 0; background: transparent; padding: 0; margin: 5px 0 0 0; font-size: 10px; } .icon_toggle_pw { float: right; font-size: 15px; right: 10px; margin-left: -19px; position: relative; z-index: 2; line-height: 40px !important; } #btn_unsubscribe_guest_or_user { width: 25%; } @media (max-width: 991.98px) { #btn_unsubscribe_guest_or_user { width: 40%; } } @media (max-width: 767.98px) { #btn_unsubscribe_guest_or_user { max-width: none; width: 100%; } } /* SAFARI ONLY */ @supports (-webkit-hyphens: none) { .service_container_login .icon_toggle_pw { top: -26px; line-height: 1 !important; } .service_container_login .rowElem.form-floating > .icon_toggle_pw { margin-left: 0; position: absolute; top: 0; right: 12px; line-height: 40px !important; } } /* ================= ==== INPUT ==== ================= */ .rowElem { display: inline-block; padding: 10px 0px 10px 0px; clear: both; width: 100%; } .rowElem.form-floating { margin: 10px 0; padding: 0; } .rowElem.form-floating > .form-control.general_field_100 { height: 40px; line-height: normal; min-height: auto; } .rowElem.form-floating > .form-control.general_field_100:focus { border-color: #000; box-shadow: none; } .rowElem.form-floating > .form-control:not(:-moz-placeholder) ~ .label_general { color: #000; background-color: transparent; } .rowElem.form-floating > .form-control:not(:placeholder-shown) ~ .label_general, .rowElem.form-floating > .form-control:focus ~ .label_general, .rowElem.form-floating > .form-control:not(:empty) ~ .label_general { color: #000; background-color: transparent; } .rowElem.form-floating .label_general .label_general_alert_icon { position: relative; z-index: 100; } .rowElem.form-floating > .form-select.general_select_100 { height: 40px; line-height: normal; min-height: auto; padding: 1rem 0.75rem 0rem 0.75rem; } .rowElem.form-floating > .form-select.general_select_100:focus { border-color: #000; box-shadow: none; } .rowElem.form-floating > .form-select:not(:-moz-placeholder) ~ .label_general { color: #000; background-color: transparent; } .rowElem.form-floating > .form-select:not(:placeholder-shown) ~ .label_general, .rowElem.form-floating > .form-select:focus ~ .label_general, .rowElem.form-floating > .form-select:not(:empty) ~ .label_general { color: #000; background-color: transparent; } .rowElem.form-floating textarea:not(:-moz-placeholder) ~ label:after { background-color: transparent !important; border-radius: 0; } .rowElem.form-floating textarea:focus ~ label:after, .rowElem.form-floating textarea:not(:placeholder-shown) ~ label:after { background-color: transparent !important; border-radius: 0; } .rowElem.form-floating > .label_general { margin: 0; padding: 0.85rem 0.7rem; min-width: auto; font-weight: 400; color: #666; width: 100%; } .rowElem.form-floating > .label_general .label_general_alert_icon { pointer-events: all; } .rowElem.form-floating > .icon_toggle_pw { margin-left: 0; position: absolute; top: 0; right: 12px; } .rowElem > label.label_general { text-align: left; font-weight: 700; text-transform: uppercase !important; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: auto; } .rowElem label { cursor: pointer; display: block; font-size: 10px; text-transform: lowercase !important; margin: 10px 0px 10px 0px; padding: 5px 1% 5px 0px; min-width: 10%; font-weight: 300; } input[type=radio] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } input[type=radio] + label { margin: 0; padding: 15px 0px 0px 30px; cursor: pointer; background: url(/images/input_start.webp?b855384a5ce07fb3e16a2e56d3bc6578) left center no-repeat; text-transform: capitalize; font-weight: 300; float: left; } input[type=radio]:checked + label { background-image: url(/images/input_radiobutton.webp?95838beec454f013c62e3c0f555ffe2a); } input#Clienti_ritenuta_sessoM ~ label { margin-right: 20px; } textarea.general_field_100 { padding: 1.5% 2%; min-height: 100px !important; } textarea.general_select_50 { padding: 1.5% 2%; min-height: 100px !important; } textarea.general_select_100 { padding: 1.5% 2%; } .general_field_100 { font-size: 11px; background-color: #FFF; border-bottom: solid 1px #000; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; height: 40px; overflow: hidden; padding: 0px 2% 0px 2%; position: relative; width: 99%; border-radius: 0px; box-sizing: border-box; font-weight: 300; } .general_field_100:focus { background-color: #F8F8F8; border-bottom: solid 2px #000; outline: none; } .general_select_100 { font-size: 11px; background-color: #FFF; border-bottom: solid 1px #000; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url(/images/select-arrow.png?e330968e9ee3c6dacf38dc2b87ca289e) no-repeat 98% center; width: 100%; text-indent: 0.01px; text-overflow: ""; color: #000; font-weight: 300; border-radius: 0px; height: 40px; margin: 0 0 0 0; padding: 0 5% 0 2%; position: relative; box-sizing: border-box; } .general_select_100:focus { background-color: #f8f8f8; border-bottom: solid 2px #000; outline: none; } .general_select_50 { font-size: 11px; background-color: #FFF; border-bottom: solid 1px #000; border-top: solid 1px #000; border-left: solid 1px #000; border-right: solid 1px #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url(/images/select-arrow.png) no-repeat 98% center; width: 49%; text-indent: 0.01px; text-overflow: ""; color: #000; font-weight: 300; border-radius: 0; height: 40px; margin: 0 0 0 0; padding: 0px 0px 0px 1%; position: relative; box-sizing: border-box; } .general_select_50:focus { background-color: #f8f8f8; border-bottom: solid 2px #000; outline: none; } /* ==================== ==== PAGINATORE ==== ==================== */ .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; justify-content: center; } .pagination .page-item { padding: 20px 10px; } .pagination .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .pagination .page-item:last-child .page-link { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .pagination .page-item .page-link { position: relative; display: block; white-space: nowrap; } /* =============== ==== MODAL ==== =============== */ .modal_container { width: 100%; background-color: #FFF; margin: 0 auto; } .modal-header, .modal-footer { border: none; } .modal_title { color: #000000; font-size: calc(18px + 0.2vw); font-weight: 700; text-align: center; text-transform: uppercase; margin: 0 0 1% 0; } .modal_subtitle { margin: 0 0 2% 0; color: #000000; font-size: calc(11px + 0.2vw); text-align: center; } .modal_note { margin: 0 0 1% 0; color: #000000; font-size: calc(9px + 0.2vw); text-align: center; } .modal-body a { text-decoration: underline; font-weight: 700; } .modal_form_container { margin: 0 0 1rem 0; } .modal_form_container .modal_form_title { text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 700; margin: 0 0 1%; } .modal_form_container .modal_form_name_address_container { padding: 10px 12px; margin-bottom: 10px; } .modal_form_container .modal_form_name_address_container .modal_form_name_address_title { text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0 0 1%; display: none; } .modal_form_container .modal_form_name_address_container .modal_form_name_address_subtitle { text-align: center; font-size: 12px; margin: 1% 0 0 0; } .modal_form_container .modal_form_select_address_container { padding: 10px 12px; margin-bottom: 40px; border: solid 1px #b0b0b0; } .modal_form_container .modal_form_select_address_container .modal_form_select_address_title { text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0 0 1%; } .modal_form_container .modal_form_select_address_container .modal_form_select_address_subtitle { text-align: center; font-size: 12px; margin: 0 0 1%; } .modal_form_container .modal_form_select_fattura_container { padding: 10px 12px; margin-bottom: 40px; } .modal_form_container .modal_form_select_fattura_container .modal_form_select_fattura_title { text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; margin: 0 0 1%; } .modal_form_container .modal_form_select_fattura_container .modal_form_select_fattura_subtitle { text-align: center; font-size: 12px; margin: 0 0 1%; } .modal_form_container .modal_btn { width: 50%; min-width: auto; background-color: #000; color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #000; cursor: pointer; padding: 5px; display: inline-block; font-style: normal; text-align: center; border-radius: 0px; } .modal_form_container .modal_btn:hover { opacity: 0.5; } .modal_btn_container { width: 100%; text-align: center; margin: 2% 0 0 0; } .modal_btn_container .modal_btn { width: 50%; min-width: auto; background-color: #000; color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #000; cursor: pointer; padding: 5px; display: inline-block; font-style: normal; text-align: center; border-radius: 0px; } .modal_btn_container .modal_btn:disabled { opacity: 0.5; } .modal_btn_container .modal_btn:hover { opacity: 0.5; } .modal_btn_container .modal_btn_100 { width: 100%; min-width: auto; background-color: #000; color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #000; cursor: pointer; padding: 5px; display: inline-block; font-style: normal; text-align: center; border-radius: 0px; } .modal_btn_container .modal_btn_100:hover { opacity: 0.5; } .modal_btn_container .modal_btn_red_100 { width: 100%; min-width: auto; background-color: #cf3030; color: #ffffff; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #cf3030; cursor: pointer; padding: 5px; display: inline-block; font-style: normal; text-align: center; border-radius: 0px; } .modal_btn_container .modal_btn_red_100:hover { opacity: 0.5; } .modal_btn_container .modal_btn_white_100 { width: 100%; min-width: auto; background-color: #ffffff; color: #000000; font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #000000; cursor: pointer; padding: 5px; display: inline-block; font-style: normal; text-align: center; border-radius: 0px; } .modal_btn_container .modal_btn_white_100:hover { opacity: 0.5; } #share_modal .modal_title { color: #000000; font-size: calc(26px + 0.2vw); font-weight: 600; text-align: center; text-transform: uppercase; margin: 0 0 3%; color: #999; } #share_modal .modal_subtitle { margin: 0 0 1% 0; color: #000000; font-size: calc(13px + 0.2vw); text-align: center; } .modal_social_wrap { display: flex; justify-content: center; } .modal_social_wrap .modal_social_icon { font-size: calc(17px + 1vw); margin: 4% 4% 0px 4%; display: inline-block; color: #999; font-weight: 400; } .modal_social_wrap .modal_social_icon:hover { color: #000; } .modal_link_copy_container { margin: 10px 0 0 0; padding: 0 0 30px 0; } .modal_link_copy_container button { border: 0; background-color: transparent; width: 6%; padding: 0 1%; display: inline-block; } .modal_link_copy_container button i { font-size: 18px; } .modal_link_copy_container input { width: 90%; display: inline-block; border: 1px solid #999; border-radius: 2px; } .modal_link_copy_container .modal_link_copy_message { display: none; font-size: 14px; text-transform: uppercase; width: fit-content; width: -moz-fit-content; margin: 6px auto 0; background-color: #b2b2b2; color: #fbf9f6; padding: 5px 15px; border-radius: 5px; position: absolute; left: 0; right: 0; border: 1px solid #b2b2b2; } /* ================== ==== ELEMENTS ==== ================== */ .alert_general_fe_messages { position: fixed; width: 30%; top: 4%; right: 0.5%; background-color: #eee; border-radius: 8px; border: solid 1px #000; z-index: 1001; font-size: 13px; color: #000; text-align: left; font-weight: 300; padding: 20px; } @media (max-width: 1023.98px) { .alert_general_fe_messages { width: 90%; top: 1%; left: 50%; right: auto; transform: translateX(-50%); border-radius: 4px; text-align: center; } } .alert_general_fe_messages.alert-dismissible .btn-close { padding: 10px; right: 10px; top: 10px; } .alert { margin: 0.5rem; } .alert_container { width: 100%; background-color: rgb(255, 255, 255); overflow: auto; padding: 5%; text-align: center; color: #000000; font-size: 15px; } .alert_container a { color: #000000; } .alert_container .alert_txt { margin-top: 40px; color: #000000; font-size: 11px; font-weight: 300; text-align: center; } .alert_container .alert_txt a { color: #000000; text-decoration: none; } .alert_container .alert_txt ul { padding: 0px; } .alert_container .alert_txt ul li { list-style-type: none; margin: 0px 0px 0px 0px; } .alert_container .alert_txt p { margin: 10px 0 10px 0 !important; padding: 0 0 0 0 !important; } .tooltip { z-index: 100000000; } .label_general_alert_tooltip .tooltip-main { --bs-tooltip-bg: #dc3545; background-color: #dc3545; } #toTop { background-color: transparent; box-shadow: none; right: 20px; transition: none; } #toTop:hover { background-color: transparent; } #toTop img { height: 40px; } #toTop.active { transition: none; } .checkout-overlay, .checkout-overlay-fco { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 2001; } .checkout-overlay .redirect-opacity, .checkout-overlay-fco .redirect-opacity { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; z-index: 2001; opacity: 0.7; } .checkout-overlay .redirect-content, .checkout-overlay-fco .redirect-content { position: fixed; top: 50%; transform: translateY(-50%); bottom: 0; left: 0; right: 0; z-index: 2002; opacity: 1; text-align: center; color: #FFFFFF; text-transform: uppercase; font-family: "Arsenal", sans-serif; font-weight: 700; font-size: calc(12px + 1vw); } /* ================== ==== SCALAPAY ==== ================== */ scalapay-widget { transform: scale(0.9); transform-origin: left center; display: inline-block; } /* ====================== ==== SOCIAL LOGIN ==== ====================== */ .social_login_container { display: flex; margin: 0 auto; flex-direction: column; align-content: center; justify-content: center; align-items: center; } .social_login_container .plugin { display: flex; align-items: center; } .social_login_container .plugin .footer { display: flex; justify-content: center; } /* ================ ==== ERRORS ==== ================ */ .content-container-error { background: transparent; width: 96%; margin-top: 8px; padding: 10px; position: relative; text-align: center; } .content-container-error .error-404 img { max-width: 677px; margin: 2% 2% 2% 2%; } @media (max-width: 767.98px) { .content-container-error .error-404 img { margin: 2% 2% 16% 2%; } } .content-container-error .error-404 h1, .content-container-error .error-404 .h1 { font-size: 40px; margin: 0; color: #CC0000; } .content-container-error .error-404 h2, .content-container-error .error-404 .h2 { font-size: 25px; margin: 10px 0px 0px 0px; color: #000; } .content-container-error .error-404 h3, .content-container-error .error-404 .h3 { font-size: 18px; margin: 20px 0px 0px 0px; color: #000; } .content-container-error .error-404 h3 a, .content-container-error .error-404 .h3 a { font-size: 18px; margin: 0; color: #CC0000; text-decoration: none; } .content-container-error .error-404 p { font-size: 12px; margin: 20px 0px 0px 0px; color: #707070; } .content-container-error .error-410 img { max-width: 677px; margin: 2% 2% 2% 2%; } @media (max-width: 767.98px) { .content-container-error .error-410 img { margin: 2% 2% 16% 2%; } } .content-container-error .error-410 h1, .content-container-error .error-410 .h1 { font-size: 40px; margin: 0; color: #CC0000; } .content-container-error .error-410 h2, .content-container-error .error-410 .h2 { font-size: 25px; margin: 10px 0px 0px 0px; color: #000; } .content-container-error .error-410 h3, .content-container-error .error-410 .h3 { font-size: 18px; margin: 20px 0px 0px 0px; color: #000; } .content-container-error .error-410 h3 a, .content-container-error .error-410 .h3 a { font-size: 18px; margin: 0; color: #CC0000; text-decoration: none; } .content-container-error .error-410 p { font-size: 12px; margin: 20px 0px 0px 0px; color: #707070; } .content-container-error .error-generic img { max-width: 677px; margin: 2% 2% 2% 2%; } @media (max-width: 767.98px) { .content-container-error .error-generic img { margin: 2% 2% 16% 2%; } } .content-container-error .error-generic h1, .content-container-error .error-generic .h1 { font-size: 40px; margin: 0; color: #CC0000; } .content-container-error .error-generic h2, .content-container-error .error-generic .h2 { font-size: 25px; margin: 10px 0px 0px 0px; color: #000; } .content-container-error .error-generic h3, .content-container-error .error-generic .h3 { font-size: 18px; margin: 20px 0px 0px 0px; color: #000; } .content-container-error .error-generic h3 a, .content-container-error .error-generic .h3 a { font-size: 18px; margin: 0; color: #CC0000; text-decoration: none; } .content-container-error .error-generic p { font-size: 12px; margin: 20px 0px 0px 0px; color: #707070; } .content-container-error .error-419 img { max-width: 677px; margin: 2% 2% 2% 2%; } @media (max-width: 767.98px) { .content-container-error .error-419 img { margin: 2% 2% 16% 2%; } } .content-container-error .error-419 h1, .content-container-error .error-419 .h1 { font-size: 40px; margin: 0; color: #CC0000; } .content-container-error .error-419 h2, .content-container-error .error-419 .h2 { font-size: 25px; margin: 10px 0px 0px 0px; color: #000; } .content-container-error .error-419 h3, .content-container-error .error-419 .h3 { font-size: 18px; margin: 20px 0px 0px 0px; color: #000; } .content-container-error .error-419 h3 a, .content-container-error .error-419 .h3 a { font-size: 18px; margin: 0; color: #CC0000; text-decoration: none; } .content-container-error .error-419 p { font-size: 12px; margin: 20px 0px 0px 0px; color: #707070; } .content-container-error .error-500 img { max-width: 677px; margin: 2% 2% 2% 2%; } @media (max-width: 767.98px) { .content-container-error .error-500 img { margin: 2% 2% 16% 2%; } } .content-container-error .error-500 h1, .content-container-error .error-500 .h1 { font-size: 40px; margin: 0; color: #CC0000; } .content-container-error .error-500 h2, .content-container-error .error-500 .h2 { font-size: 25px; margin: 10px 0px 0px 0px; color: #000; } .content-container-error .error-500 h3, .content-container-error .error-500 .h3 { font-size: 18px; margin: 20px 0px 0px 0px; color: #000; } .content-container-error .error-500 h3 a, .content-container-error .error-500 .h3 a { font-size: 18px; margin: 0; color: #CC0000; text-decoration: none; } .content-container-error .error-500 p { font-size: 12px; margin: 20px 0px 0px 0px; color: #707070; } /* ============================== ==== ADDITIONAL CLASS BOX ==== ============================== */ .home_grouped_info_left { left: 0 !important; text-align: left !important; } .home_grouped_info_left_centered { left: 25% !important; transform: translateY(-50%) translateX(-50%) !important; } .home_grouped_info_center { left: 50% !important; transform: translateY(-50%) translateX(-50%) !important; } .home_grouped_info_right { left: auto !important; right: 0 !important; } .home_grouped_info_right_centered { left: auto !important; right: 25% !important; transform: translateY(-50%) translateX(50%) !important; } .flip-horizontal { transform: scaleX(-1); } .bottone_white_piccolo { background-color: #FFF; border: 1px solid #000; color: #000; cursor: pointer; padding: 3px; min-width: 200px; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 12px; text-transform: uppercase; text-align: center; border-radius: 0px; margin-left: 10px; margin-bottom: 15px; } @media (min-width: 992px) { .bottone_white_piccolo:hover { background-color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); text-decoration: none; color: #ffffff; } } @media (max-width: 767.98px) { .bottone_white_piccolo { padding: 10px; min-width: auto; width: 100%; max-width: 250px; color: #000 !important; text-decoration: none !important; } } [class*=col-] { position: relative; } .nav-tabs { border-color: #000; } .nav-tabs .nav-link { color: #767676; width: 100%; } .nav-tabs .nav-link:hover { border-color: #000; color: #000; } .nav-tabs .nav-link.active { border-color: #000; border-bottom: 1px solid #fff; } figure { margin: 0; } .bg-light { --bs-bg-opacity: 1; background-color: rgb(248, 249, 250) !important; } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); border: none; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(66,70,73, .5); display: inline-block; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: white; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #212529; background-color: #212529; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn:hover { color: white; background-color: #424649; border-color: #424649; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66,70,73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; border: 0; border-radius: 0.375rem; opacity: 0.5; } .card-body { padding: 2% 5%; } @media (max-width: 575.98px) { .card-body { padding: 3%; } } @media (max-width: 767.98px) { .card-body .col { flex: none; margin-bottom: 1.5rem; } } /* ============================ ==== BOOTSTRAP CAROUSEL ==== ============================ */ .carousel-indicators { list-style: none; } .carousel-control-prev { left: 1px; justify-content: left; width: 5%; } @media (max-width: 767.98px) { .carousel-control-prev { width: 2.5rem; } } .carousel-control-next { right: 1px; justify-content: right; width: 5%; } @media (max-width: 767.98px) { .carousel-control-next { width: 2.5rem; } } .carousel-item img { width: 100%; height: auto; max-width: 100%; } /* ============================ ==== MODAL CLOSE BUTTON ==== ============================ */ button:focus:not(:focus-visible) { outline: 0; box-shadow: none; } #header { position: fixed; display: block; width: 100%; min-width: 100%; max-width: 100%; top: 0; right: 0; left: 0; z-index: 1000 !important; height: 90px; } @media (max-width: 1023.98px) { #header { height: 60px; } } #header .header_shipping_box { margin: 0 0 10px 0; padding: 0; width: 100%; height: 20px; color: #ffffff; font-size: 10px; font-weight: 400; text-transform: uppercase; background-color: #000000; text-align: center; } @media (max-width: 1023.98px) { #header .header_shipping_box { margin: 0; font-size: 12px; } } @media (max-width: 991.98px) { #header .header_shipping_box { font-size: 9px; } } #header .header_shipping_box .ticker { margin: 0 auto; padding: 0; width: 100%; position: relative; overflow: hidden; height: 20px; } #header .header_shipping_box .ticker ul { width: 100%; position: relative; margin: 0; padding: 0; display: list-item; height: 20px; } #header .header_shipping_box .ticker ul li { width: 100%; display: none; margin: 0; padding: 0; height: 20px; line-height: 20px; white-space: nowrap; overflow: hidden; } #header .header_shipping_box .ticker ul li > a { color: #fff; text-decoration: underline; } #header .header_shipping_box .ticker ul li.marquee_ticker { animation: marquee_ticker_key 40s linear infinite; width: 150% !important; } @keyframes marquee_ticker_key { from { transform: translateX(0%); } to { transform: translateX(-100%); } } #header .cart-count, #header .wishlist-count { position: absolute; width: 15px; height: 15px; background-color: transparent; border-radius: 15px; text-align: center; color: #000; font-size: 12px; font-weight: 700; top: -10px; left: 18px; padding-top: 0; background: unset; } @media (max-width: 1023.98px) { #header .cart-count, #header .wishlist-count { top: -3px; } } @media (max-width: 1023.98px) { #header .header-desktop { display: none; } } #header .header-desktop .header_sx { display: flex; width: 80%; } #header .header-desktop .header_sx .header_logo { margin-right: 16px; } #header .header-desktop .header_sx .header_logo img { max-width: 100%; width: 160px; } #header .header-desktop .header_sx #main-menu { width: 100%; margin: auto 0; height: auto !important; } #header .header-desktop .header_sx #main-menu > ul { margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } #header .header-desktop .header_sx #main-menu > ul > li { font-size: 13px; text-transform: uppercase; margin: 0 5px 0 0; } #header .header-desktop .header_sx #main-menu > ul > li:last-child { margin: 0 0 0 0; } #header .header-desktop .header_sx #main-menu > ul > li > a { color: #000; text-decoration: none; padding: 5px 10px 5px 10px; display: block; cursor: pointer; } #header .header-desktop .header_sx #main-menu > ul > li > a:hover { text-decoration: underline; } #header .header-desktop .header_sx #main-menu .megamenu { top: 35px; padding-top: 25px; background-color: transparent; } #header .header-desktop .header_sx #main-menu .megamenu:before { background: black; opacity: 0.5; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap { padding: 0 0.5% 2% 2%; width: 100%; background-color: rgb(255, 255, 255); display: flex; flex-wrap: wrap; } @media (max-width: 1199.98px) { #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap { padding: 0 2% 1%; } } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi { margin: 1% 4% 0 0; } @media (max-width: 1199.98px) { #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi { margin: 1% 3% 0 0; } } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-title { text-transform: uppercase; font-weight: 700; margin-bottom: 5px; font-size: 12px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-title a { text-decoration: none; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list { text-transform: uppercase; font-size: 12px; font-weight: 400; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list a { color: #000; background: none; transition: none; display: inline-block; padding: 0 0 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list > mark, #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list > .mark { font-weight: 900; padding: 2.5px 5px; margin: 0 0 0 5px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand { margin: 1% 4% 0 0; } @media (max-width: 1199.98px) { #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand { margin: 1% 3% 0 0; } } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-title { text-transform: uppercase; font-weight: 700; margin-bottom: 5px; font-size: 12px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-title a { text-decoration: none; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-list { display: inline-grid; text-transform: uppercase; font-size: 12px; font-weight: 400; margin-right: 24px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-list a { color: #000; background: none; transition: none; display: inline-block; padding: 0 0 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-list > mark, #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_brand .block-list > .mark { font-weight: 900; padding: 2.5px 5px; margin: 0 0 0 5px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra { margin: 1% 4% 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li { color: #000; text-transform: uppercase; font-size: 12px; font-weight: 400; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li:first-child { line-height: 1; margin-bottom: 5px; font-weight: 700; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li:first-child a { font-weight: 700; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li a { color: #000; text-transform: uppercase; font-size: 12px; font-weight: 400; margin: 0 0 0 0; /*QUESTE REGOLE SERVONO PER ANNIENTARE GLI STILI DI DROPDOWN-ITEM > ELIMINARE QUANDO SI TRASFORMA CON CLASSE GESCAT*/ background: none; transition: none; display: inline-block; padding: 0 0 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block { margin: 1% 4% 2% 0; } @media (max-width: 1399.98px) { #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block { margin: 1% 2% 2% 0; } } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul { margin: 0; padding: 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul li { font-size: 12px; list-style-type: none; text-align: left; background-color: transparent; color: #000; display: block; margin: 0; padding: 0; line-height: 20px; text-transform: uppercase; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul li a { font-size: 12px; color: #000; text-decoration: none; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_img_container { margin: 0 0 0 auto; width: 35%; display: flex; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_img_container .submenu_block_img { padding: 1% 0.25%; display: block; max-width: 50%; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_img_container .submenu_block_img .submenu_block_img_img img { width: 100%; max-height: 400px; height: auto; max-width: 100%; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_img_container .submenu_block_img .submenu_block_img_title { text-align: left; text-transform: uppercase; font-weight: 700; font-size: 15px; margin: 1% 0 1% 0; display: block; } #header .header-desktop .header_dx { display: flex; width: 20%; justify-content: end; align-items: center; } #header .header-desktop .header_dx ul.widget-menu { display: flex; flex-wrap: wrap; list-style-type: none; margin: 0; padding: 0; } #header .header-desktop .header_dx ul.widget-menu > li { font-size: 20px; margin: 0 20px 0 0; } #header .header-desktop .header_dx ul.widget-menu > li:last-child { margin: 0; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover { border: none; border-radius: 0; top: 35px; right: 0; padding: 0; width: 200px; left: auto; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap { background-color: rgb(255, 255, 255); text-align: right; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container { padding: 20%; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list { font-size: 10px; text-transform: uppercase; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list a { color: #000; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul { margin: 0; padding: 0; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li { list-style-type: none; margin-bottom: 10px !important; display: block !important; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li:first-child { margin-bottom: 20% !important; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li:last-child { margin-bottom: 0 !important; } #header .header-desktop .search-div { padding: 15px 15px 10px 15px; background-color: #ffffff; max-width: 500px; margin: 0 0 0 auto; width: 100%; position: absolute; right: 0; left: auto; top: 55px; } #header .header-desktop .search-div .search-form .block-right { display: block; text-align: right; } #header .header-desktop .search-div .search-form .block-right .topSearch_input { font-size: 16px; background-color: transparent; border: solid 1px transparent; border-bottom: solid 1px #000; border-radius: 0; height: 30px; overflow: hidden; padding: 5px; position: relative; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ""; box-sizing: border-box; font-weight: 400; margin: 0 auto; } #header .header-desktop .search-div .search-form .block-right .topSearch_input:focus { border: none; border-bottom: solid 2px #000; border-radius: 0; outline: none; } #header .header-desktop .search-div .search-form .block-right .button_search { width: 100%; max-width: 120px; min-width: auto; padding: 5px; margin: 2% 0 0 auto; font-size: 14px; font-weight: 300; color: white; background-color: #000; border-radius: 0; border: 1px solid #000; } #header .header-desktop .search-div .search-form .block-right .button_search .button_search_icon { display: none; } #header .header-mobile { display: none; } @media (max-width: 1023.98px) { #header .header-mobile { display: block; } } #header .header-mobile ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-around; list-style-type: none; align-items: center; } #header .header-mobile ul li { font-size: 20px; position: relative; } #header .header-mobile ul li.widget-col { width: 27px; } #header .header-mobile ul li .widget-menu { font-size: 27px; line-height: 24px; } #header .header-mobile ul li .widget-wishlist i { vertical-align: middle; } #header .header-mobile ul li .header_logo img { height: 25px; width: auto; max-width: 100%; } #header .header-content { position: relative; padding: 10px 15px 10px 2%; background-color: white; display: flex; width: 100%; align-items: center; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 1023.98px) { #header .header-content { padding: 0; margin: 6px 0 0 0; } } #header .nav_row_container .nav_row { position: relative; } #header .nav_row_container .nav_row.nav_row_languages a { display: inline-block; } #header .nav_row_container .nav_row a { display: block; padding: 15px 0 15px 0; font-size: 16px; text-transform: uppercase; font-weight: 700; text-decoration: none; color: #000; } #header .nav_row_container .nav_row_accordion { padding-left: 10px; } #header .nav_row_container .nav_row_accordion.collapse ul, #header .nav_row_container .nav_row_accordion.collapsing ul { list-style-type: none; } #header .nav_row_container .nav_row_accordion.collapse ul li, #header .nav_row_container .nav_row_accordion.collapsing ul li { text-transform: uppercase; font-size: 13px; } #header .nav_row_container .nav_row_accordion.collapse ul li a, #header .nav_row_container .nav_row_accordion.collapsing ul li a { display: block; padding: 12px 3px 12px 3px; margin: 0 0 12px 0; font-size: 13px; text-transform: uppercase; font-weight: 400; text-decoration: none; color: #000; } #header .nav_row_container .nav_row_accordion.collapse ul li > mark, #header .nav_row_container .nav_row_accordion.collapse ul li > .mark, #header .nav_row_container .nav_row_accordion.collapsing ul li > mark, #header .nav_row_container .nav_row_accordion.collapsing ul li > .mark { font-weight: 900; margin: 0 0 0 5px; padding: 2.5px 5px; } #header .nav_row_container .nav_row_accordion.collapse ul .nav_row_accordion, #header .nav_row_container .nav_row_accordion.collapsing ul .nav_row_accordion { padding-left: 20px; } #header .nav_row_container .nav_link_accordion { position: relative; text-decoration: none; color: #000; } #header .nav_row_container .nav_link_accordion::after { font-family: bootstrap-icons; content: "\f4fe"; position: absolute; right: 0; transition: transform 0.2s ease-in-out; font-weight: 400; font-size: 20px; } #header .nav_row_container .nav_link_accordion:not(.collapsed)::after { content: "\f2ea"; font-weight: 400; } #header .nav_row_container .nav_row_featured { font-weight: 900; } #header .nav_row_align_dx { text-align: right; } #header .nav_row_align_dx .nav_link_accordion::after { right: auto; left: 0; } #header .search_nav_column { margin: 0 0 35px 0; } #header .search_nav_column .search_field_header { font-size: 1rem; background-color: transparent; border: solid 0 transparent; border-bottom: solid 1px #000; overflow: hidden; padding: 5px 0 5px 5px; position: relative; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; box-sizing: border-box; font-weight: 400; margin: 0 auto; color: #000 !important; height: 40px; text-transform: uppercase; border-radius: 0; } #header .search_nav_column .search_field_header:focus { border-top: 0; border-right: 0; border-bottom: solid 2px #000; border-left: 0; outline: none; } #header .category_nav_column { margin: 0 0 25px 0; } #header .sales_nav_column { margin: 0 0 25px 0; } #header .sales_nav_column .nav_row_accordion { padding-left: 0; } #header .sales_nav_column .nav_row_accordion a { padding: 6px 3px 6px 3px !important; margin: 0 0 6px 0 !important; } #header .sales_nav_column .nav_row_accordion > ul { padding-left: 10px; } #header .sales_nav_column .nav_row_accordion > ul > li > a { text-decoration: underline !important; } #header .sales_nav_column .nav_row_accordion > ul > li > ul { padding-left: 20px; } #header .sales_nav_column .nav_row_accordion > ul > li > ul > li > ul { padding-left: 30px; } #header .corporate_nav_column { margin: 0 0 25px 0; } #header .operative_nav_column { margin: 0 0 25px 0; } #header .myaccount_nav_column { margin: 0 0 25px 0; } /* ================== ==== DROPDOWN ==== ================== */ .dropdown-menu-hover { transition-delay: 0s; } #footer { position: relative; width: 100%; border-top: solid 1px #cccccc; } #footer .footer_container { width: 100%; padding: 0; margin: 0px 0px 20px 0px; display: inline-block; } #footer .footer_container a { color: #000000; text-decoration: none; } #footer .footer_container a:hover { text-decoration: underline; } #footer .footer_container .footer_block_newsletter { padding: 2.5rem 6rem; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter { display: flex; justify-content: center; padding: 2.5rem 3rem; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container { max-width: 600px; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container { max-width: none; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_title { text-transform: none; padding-bottom: 0.5rem; font-size: 28px; font-weight: 600; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_title { text-align: center; font-size: 18px; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap { display: flex; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap { flex-direction: column; align-items: center; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .email-nl { min-width: 300px; margin-right: 7px; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .email-nl { max-width: none; min-width: unset; margin: auto; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .email-nl .email-nl-input { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #bbb; border-radius: 0; padding: 0; } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .email-nl .email-nl-input.general_field_100 { background-color: transparent; font-size: 16px; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .email-nl .email-nl-input.general_field_100 { flex-direction: column; align-items: center; font-size: 12px; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .bottone_black { width: auto; margin: 0 0 0 0.8rem; font-size: 19px; padding: 8px 25px; font-weight: 400; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_wrap .bottone_black { margin-top: 1rem; padding: 8px 15px; font-size: 13px; margin: 0; } } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_privacy { margin: 0.5rem 0 1.5rem; } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .footer_block_nl_privacy .privacy_nl_error_div { text-align: left; } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .form-switch { padding-left: 0; } #footer .footer_container .footer_block_newsletter .footer_block_nl_container .form-switch .form-check-input { margin-left: 0; } #footer .footer_container .footer_benefits_container { display: flex; flex-direction: row; justify-content: space-evenly; margin: auto; border-top: 1px solid #c9c8c7; padding: 3.5rem 2rem; } @media (max-width: 767.98px) { #footer .footer_container .footer_benefits_container { border: none; padding: 2rem 1rem; } } #footer .footer_container .footer_benefits_container .footer_benefits_box { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 0.5rem; } #footer .footer_container .footer_benefits_container .footer_benefits_box .footer_benefits_icon { margin-bottom: 0.5rem; } #footer .footer_container .footer_benefits_container .footer_benefits_box .footer_benefits_icon i { font-size: 32px; color: #000; } @media (max-width: 767.98px) { #footer .footer_container .footer_benefits_container .footer_benefits_box .footer_benefits_icon i { font-size: 22px; } } #footer .footer_container .footer_benefits_container .footer_benefits_box .footer_benefits_title { font-weight: 600; } @media (max-width: 767.98px) { #footer .footer_container .footer_benefits_container .footer_benefits_box .footer_benefits_subtitle { display: none; } } #footer .footer_container .footer_block_cs { border-top: 1px solid #c9c8c7; border-bottom: 1px solid #c9c8c7; width: 100%; max-width: 100%; padding: 2.5rem 6rem; margin: 0px; text-align: left; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs { border: none; padding: 2.5rem 0; } } #footer .footer_container .footer_block_cs .footer_block { text-align: left; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block:last-child { border-bottom: 1px solid #c9c8c7; } } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block { text-align: center; } } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block .accordion-header { border-top: 1px solid #c9c8c7; } } #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title { color: #000; font-size: 20px; font-weight: 700; text-transform: none; margin: 0; background-color: transparent; width: 100%; position: relative; pointer-events: none; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title { margin: 0 auto; pointer-events: all; } } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title { font-size: 15px; } } #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title.accordion-button { text-align: left; padding: 1rem 0; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title.accordion-button { display: block; margin: 0 auto; text-align: center; } } #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title.accordion-button::after { display: none; } @media (max-width: 767.98px) { #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title.accordion-button::after { border: solid #5a5a5a; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(45deg); } } #footer .footer_container .footer_block_cs .footer_block .accordion-header .footer_menu_title.accordion-button[aria-expanded=true]::after { transform: translateY(-50%) rotate(-135deg); -webkit-transform: translateY(-50%) rotate(-135deg); } #footer .footer_container .footer_block_cs .footer_block .footer_menu_link { border-top: solid 0px #fff; font-size: 15px; font-weight: 300; text-transform: none; list-style-type: none; padding: 0; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs .footer_block .footer_menu_link { font-size: 13px; } } #footer .footer_container .footer_block_cs .footer_block .footer_menu_link ul { padding: 0; margin: 0; } #footer .footer_container .footer_block_cs .footer_block .footer_menu_link ul li { list-style: none; line-height: 30px; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs .footer_block .footer_menu_link ul li:last-child { margin-bottom: 1rem; } } #footer .footer_container .footer_social_icon { text-align: center; padding: 2.5em 0; } @media (max-width: 767.98px) { #footer .footer_container .footer_social_icon { padding: 1.5em 0; } } #footer .footer_container .footer_social_icon i { font-size: 35px; font-weight: 900; color: #000; } @media (max-width: 767.98px) { #footer .footer_container .footer_social_icon i { font-size: 25px; } } #footer .footer_container .footer_social_icon > a { width: auto; margin: 0; text-align: center; } #footer .footer_container .footer_social_icon > a:hover { text-decoration: none; } /* ====================== ==== CAROUSEL TOP ==== ====================== */ #home_carousel_top .home_scroll_item_container > a { width: 100%; } #home_carousel_top .home_scroll_item_container.active { display: flex; justify-content: center; align-items: center; } #home_carousel_top .home_scroll_item_container.active picture { width: 100%; height: auto; } #home_carousel_top button.active { opacity: 1 !important; } .home_scroll_info { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 0 5%; text-align: center; width: auto; z-index: 1; } @media (max-width: 767.98px) { .home_scroll_info { width: 100%; padding: 5%; left: auto; transform: translateY(-50%); text-align: center; } } .home_scroll_info .home_scroll_info_title { font-family: "Arsenal", sans-serif; font-weight: 700; font-size: calc(50px + 2vw); color: #fff; text-transform: uppercase; } @media (max-width: 767.98px) { .home_scroll_info .home_scroll_info_title { font-size: 42px; } } .home_scroll_info .home_scroll_info_subtitle { font-size: calc(20px + 1vw); text-transform: uppercase; color: #fff; } @media (max-width: 767.98px) { .home_scroll_info .home_scroll_info_subtitle { font-size: 20px; } } .home_scroll_info .home_scroll_info_note { font-size: calc(14px + 0.5vw); text-transform: none; color: #fff; } @media (max-width: 767.98px) { .home_scroll_info .home_scroll_info_note { font-size: 14px; } } .home_scroll_info .home_scroll_info_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 10% 0 0 0; } .home_scroll_info .home_scroll_info_action a { font-size: calc(10px + 0.5vw); background-color: transparent; border: 0 solid #fff; color: #fff; padding: 10px; box-sizing: border-box; text-transform: uppercase; text-align: center; width: auto; min-width: 150px; margin: 0 2% 0 0; display: inline-block; text-decoration: none; transition: 0.5s; } @media (max-width: 767.98px) { .home_scroll_info .home_scroll_info_action a { margin: 1%; font-size: 16px; } } .home_scroll_info .home_scroll_info_action a:hover { background-color: #fff; color: #000; text-decoration: none; } .home_scroll_info.btnBlack .home_scroll_info_action a { background-color: #000; border: 1px solid #000; color: #fff; } .home_scroll_info.btnBlack .home_scroll_info_action a:hover { background-color: #fff; border: 1px solid #fff; color: #000; } .home_scroll_info.btnWhite .home_scroll_info_action a { background-color: #fff; border: 1px solid #fff; color: #000; } .home_scroll_info.btnWhite .home_scroll_info_action a:hover { background-color: #000; border: 1px solid #000; color: #fff; } .home_scroll_info.btnBlackTransparent .home_scroll_info_action a { background-color: transparent; color: #000; border: 1px solid #000; } .home_scroll_info.btnBlackTransparent .home_scroll_info_action a:hover { background-color: #000; color: #fff; } .home_scroll_info.btnBlackSemiTransparent .home_scroll_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_scroll_info.btnBlackSemiTransparent .home_scroll_info_action a:hover { background-color: #000; color: #fff; } .home_scroll_info.btnBlackSemiTransparent.txtBlack .home_scroll_info_action a { color: #000; } .home_scroll_info.btnBlackSemiTransparent.txtBlack .home_scroll_info_action a:hover { color: #fff; } .home_scroll_info.btnBlackBlackSemiTransparent .home_scroll_info_action a { background-color: rgba(0, 0, 0, 0.3); color: #000; border: 0; } .home_scroll_info.btnBlackBlackSemiTransparent .home_scroll_info_action a:hover { background-color: #000; color: #fff; } .home_scroll_info.btnBlackBlackSemiTransparent.txtBlack .home_scroll_info_action a { color: #000; } .home_scroll_info.btnBlackBlackSemiTransparent.txtBlack .home_scroll_info_action a:hover { color: #fff; } @media (max-width: 575.98px) { .home_scroll_info.btnBlackSemiTransparent_mobile .home_scroll_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_scroll_info.btnBlackSemiTransparent_mobile .home_scroll_info_action a:hover { background-color: #000; color: #fff; } .home_scroll_info.btnBlackSemiTransparent_mobile.txtBlack .home_scroll_info_action a { color: #000; } .home_scroll_info.btnBlackSemiTransparent_mobile.txtBlack .home_scroll_info_action a:hover { color: #fff; } } .home_scroll_info.btnWhiteTransparent .home_scroll_info_action a { background-color: transparent; color: #fff; border: 1px solid #fff; } .home_scroll_info.btnWhiteTransparent .home_scroll_info_action a:hover { background-color: #fff; color: #000; } .home_scroll_info.btnWhiteSemiTransparent .home_scroll_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_scroll_info.btnWhiteSemiTransparent .home_scroll_info_action a:hover { background-color: #fff; color: #000; } .home_scroll_info.btnWhiteSemiTransparent.txtWhite .home_scroll_info_action a { color: #fff; } .home_scroll_info.btnWhiteSemiTransparent.txtWhite .home_scroll_info_action a:hover { color: #000; } @media (max-width: 575.98px) { .home_scroll_info.btnWhiteSemiTransparent_mobile .home_scroll_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_scroll_info.btnWhiteSemiTransparent_mobile .home_scroll_info_action a:hover { background-color: #fff; color: #000; } .home_scroll_info.btnWhiteSemiTransparent_mobile.txtWhite .home_scroll_info_action a { color: #fff; } .home_scroll_info.btnWhiteSemiTransparent_mobile.txtWhite .home_scroll_info_action a:hover { color: #000; } } .home_scroll_info.btnBorder0 .home_scroll_info_action a { border: 0; text-decoration: underline; } .home_scroll_info.btnBorder0 .home_scroll_info_action a:hover { text-decoration: none; } /* ======================= ==== CAROUSEL ITEM ==== ======================= */ .home_scroll_articles_main_title { font-size: 24px; font-weight: 400; text-transform: uppercase; display: inline-block; padding: 1% 2%; width: 100%; margin: 0; } @media (max-width: 767.98px) { .home_scroll_articles_main_title { font-size: 20px; text-align: center; margin: 0 0 5px 0; } } .fade_home_articles { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .fade_home_articles.slick-initialized { visibility: visible; opacity: 1; } .fade_home_articles .home_scroll_articles_block { width: 100%; padding: 0 2%; position: relative; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info { position: relative; width: 100%; padding: 0 5%; text-align: center; display: block; margin: 5% 0; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_title { text-transform: uppercase; font-weight: 300; font-size: 18px; color: #000; margin: 0 0 5px 0; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_price { font-size: 12px; font-weight: 300; color: #000; margin: 0 0 5px 0; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_price .home_scroll_articles_info_price_old { text-decoration: line-through; margin: 0 5px 0 0; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_action a { font-size: 14px; font-weight: 300; color: #000; margin: 20px auto; padding: 10px; background-color: transparent; border: 1px solid #000; display: block; max-width: 200px; width: 100%; transition: background-color 0.5s ease-in, color 0.5s ease-in; -webkit-transition: background-color 0.5s ease-in, color 0.5s ease-in; } .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_action a:hover { background-color: #000; color: #fff; text-decoration: none; } /* ================== ==== BOX LOOK ==== ================== */ .home_look_hero_items { padding: 3rem 0; } .home_look_hero_items .home_look_hero { display: flex; align-content: center; justify-content: center; flex-wrap: wrap; align-items: center; } .home_look_hero_items .home_look_hero .home_look_hero_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; padding-right: 8px; } @media (max-width: 991.98px) { .home_look_hero_items .home_look_hero .home_look_hero_img img { position: relative; top: auto; left: auto; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; padding-right: 0; margin-bottom: 8px; } } .home_look_hero_items .home_look_hero .home_look_hero_info { position: absolute; text-align: center; z-index: 100; } .home_look_hero_items .home_look_hero .home_look_hero_info .home_look_hero_info_title { text-transform: uppercase; font-weight: 300; font-size: 18px; color: #000; margin: 0 0 5px 0; } .home_look_hero_items .home_look_hero .home_look_hero_info .home_look_hero_info_price { font-size: 12px; font-weight: 300; color: #000; margin: 0 0 5px 0; } .home_look_hero_items .home_look_hero .home_look_hero_info .home_look_hero_info_action a { font-size: 14px; font-weight: 300; color: #000; margin: 20px auto; padding: 10px; background-color: transparent; border: 1px solid #000; display: block; max-width: 200px; width: 100%; transition: background-color 0.5s ease-in, color 0.5s ease-in; -webkit-transition: background-color 0.5s ease-in, color 0.5s ease-in; } .home_look_hero_items .home_look_hero .home_look_hero_info .home_look_hero_info_action a:hover { background-color: #000; color: #fff; text-decoration: none; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlack .home_look_hero_info_action a { background-color: #000; border: 1px solid #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlack .home_look_hero_info_action a:hover { background-color: #fff; border: 1px solid #fff; color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhite .home_look_hero_info_action a { background-color: #fff; border: 1px solid #fff; color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhite .home_look_hero_info_action a:hover { background-color: #000; border: 1px solid #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackTransparent .home_look_hero_info_action a { background-color: transparent; color: #000; border: 1px solid #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackTransparent .home_look_hero_info_action a:hover { background-color: #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent .home_look_hero_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent .home_look_hero_info_action a:hover { background-color: #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent.txtBlack .home_look_hero_info_action a { color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent.txtBlack .home_look_hero_info_action a:hover { color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackBlackSemiTransparent .home_look_hero_info_action a { background-color: rgba(0, 0, 0, 0.3); color: #000; border: 0; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackBlackSemiTransparent .home_look_hero_info_action a:hover { background-color: #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackBlackSemiTransparent.txtBlack .home_look_hero_info_action a { color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackBlackSemiTransparent.txtBlack .home_look_hero_info_action a:hover { color: #fff; } @media (max-width: 575.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent_mobile .home_look_hero_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent_mobile .home_look_hero_info_action a:hover { background-color: #000; color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent_mobile.txtBlack .home_look_hero_info_action a { color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBlackSemiTransparent_mobile.txtBlack .home_look_hero_info_action a:hover { color: #fff; } } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteTransparent .home_look_hero_info_action a { background-color: transparent; color: #fff; border: 1px solid #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteTransparent .home_look_hero_info_action a:hover { background-color: #fff; color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent .home_look_hero_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent .home_look_hero_info_action a:hover { background-color: #fff; color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent.txtWhite .home_look_hero_info_action a { color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent.txtWhite .home_look_hero_info_action a:hover { color: #000; } @media (max-width: 575.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent_mobile .home_look_hero_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent_mobile .home_look_hero_info_action a:hover { background-color: #fff; color: #000; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent_mobile.txtWhite .home_look_hero_info_action a { color: #fff; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnWhiteSemiTransparent_mobile.txtWhite .home_look_hero_info_action a:hover { color: #000; } } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBorder0 .home_look_hero_info_action a { border: 0; text-decoration: underline; } .home_look_hero_items .home_look_hero .home_look_hero_info.btnBorder0 .home_look_hero_info_action a:hover { text-decoration: none; } .home_look_hero_items .home_look_hero .home_look_hero_info.no_info_desktop { display: none; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_info_desktop { display: block; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_info_mobile { display: block; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_info_mobile { display: none; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_title_desktop .home_look_hero_info_title { display: none; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_title_desktop .home_look_hero_info_title { display: block; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_title_mobile .home_look_hero_info_title { display: block; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_title_mobile .home_look_hero_info_title { display: none; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_subtitle_desktop .home_look_hero_info_subtitle { display: none; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_subtitle_desktop .home_look_hero_info_subtitle { display: block; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_subtitle_mobile .home_look_hero_info_subtitle { display: block; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_subtitle_mobile .home_look_hero_info_subtitle { display: none; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_note_desktop .home_look_hero_info_note { display: none; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_note_desktop .home_look_hero_info_note { display: block; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_note_mobile .home_look_hero_info_note { display: block; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_note_mobile .home_look_hero_info_note { display: none; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_action_desktop .home_look_hero_info_action { display: none; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_action_desktop .home_look_hero_info_action { display: block; } } .home_look_hero_items .home_look_hero .home_look_hero_info.no_action_mobile .home_look_hero_info_action { display: block; } @media (max-width: 767.98px) { .home_look_hero_items .home_look_hero .home_look_hero_info.no_action_mobile .home_look_hero_info_action { display: none; } } .home_look_hero_items .home_look_items .home_look_items_container .home_look_items_info { display: flex; justify-content: space-between; flex-wrap: wrap-reverse; margin: 2% 0.5rem; } .home_look_hero_items .home_look_items .home_look_items_container .home_look_items_info .home_look_items_info_title { font-size: 12px; font-weight: 400; } .home_look_hero_items .home_look_items .home_look_items_container .home_look_items_info .home_look_items_info_price { font-size: 12px; font-weight: 600; } /* ========================= ==== HOME 100% 2 COL ==== ========================= */ .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; max-width: unset; padding: 0 2%; text-align: center; } @media (max-width: 767.98px) { .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info { position: relative; top: auto; left: auto; transform: none; padding: 5%; } } .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_title { font-weight: 700; font-size: calc(11px + 0.8vw); margin: 0 auto 5px auto; max-width: 500px; } .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_subtitle { font-size: calc(9px + 0.5vw); margin: 0 auto 5px auto; max-width: 500px; } .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_note { font-size: calc(9px + 0.25vw); margin: 0 auto 5px auto; max-width: 500px; } .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_note > img { max-width: 500px; } .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_action a { font-size: calc(10px + 0.5vw); border: 1px solid #000; color: #000; padding: 10px; box-sizing: border-box; text-transform: uppercase; text-align: center; width: auto; min-width: 150px; margin: 0 2% 0 0; display: inline-block; text-decoration: none; transition: 0.5s; font-family: "Arsenal", sans-serif; font-weight: 700; } @media (max-width: 767.98px) { .home_100_2_col_wrapper .home_100_2_col_info_container .home_100_2_col_info .home_100_2_col_info_action a { margin: 1%; font-size: 16px; } } .home_100_2_col_wrapper.col_info_first .home_100_2_col_img_container { order: 2; } .home_100_2_col_wrapper.col_info_first .home_100_2_col_info_container { order: 1; } .home_100_2_col_wrapper.titleItalic .home_100_2_col_info .home_100_2_col_info_title { font-style: italic; } .home_100_2_col_wrapper.btnBlack .home_100_2_col_info .home_100_2_col_info_action a { background-color: #000; border: 1px solid #000; color: #fff; text-decoration: none; transition: 0.5s; } .home_100_2_col_wrapper.btnBlack .home_100_2_col_info .home_100_2_col_info_action a:hover { background-color: transparent; color: #000; text-decoration: none; } .home_100_2_col_wrapper.btnWhite .home_100_2_col_info .home_100_2_col_info_action a { background-color: #fff; border: 1px solid #fff; color: #000; text-decoration: none; transition: 0.5s; } .home_100_2_col_wrapper.btnWhite .home_100_2_col_info .home_100_2_col_info_action a:hover { background-color: #000; border: 1px solid #000; color: #fff; text-decoration: none; } /* ===================== ==== BOX GROUPED ==== ===================== */ .home_grouped_container { display: flex; justify-content: center; align-items: center; } .home_grouped_container .home_grouped_img { overflow: hidden; background: none repeat scroll 0 0 #000; width: 100%; } .home_grouped_container .home_grouped_img img { width: 100%; height: auto; max-width: 100%; border: 0; opacity: 1; margin: 0 auto; transition: opacity 0.5s ease-in; } .home_grouped_container .home_grouped_img img:hover { opacity: 0.5; } .home_grouped_container .home_grouped_info { position: absolute; text-align: center; z-index: 100; } .home_grouped_container .home_grouped_info .home_grouped_info_title { font-weight: 700; font-size: calc(11px + 0.8vw); text-transform: uppercase; margin: 0 0 5px 0; } .home_grouped_container .home_grouped_info .home_grouped_info_subtitle { font-size: calc(9px + 0.5vw); font-weight: 400; text-transform: none; font-style: normal; margin: 0 0 0px 0; } .home_grouped_container .home_grouped_info .home_grouped_info_note { font-size: calc(9px + 0.25vw); font-weight: 300; margin: 0 0 5px 0; } .home_grouped_container .home_grouped_info .home_grouped_info_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 1.5rem 0 0 0; display: flex; justify-content: center; } @media (max-width: 991.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_action { margin-top: 2%; } } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_action { display: flex; flex-direction: column; margin: 5% auto 0; } } .home_grouped_container .home_grouped_info .home_grouped_info_action a { font-size: calc(10px + 0.5vw); background-color: transparent; border: 1px solid #000; color: #000; padding: 10px; box-sizing: border-box; text-transform: uppercase; text-align: center; width: auto; min-width: 150px; margin: 0 3%; display: inline-block; text-decoration: none; transition: 0.5s; } @media (max-width: 767.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_action a { margin: 1%; font-size: 16px; } } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_action a { margin: 3% 0; } } .home_grouped_container .home_grouped_info .home_grouped_info_action a:hover { background-color: #000; color: #fff; text-decoration: none; } .home_grouped_container .home_grouped_info.btnBlack .home_grouped_info_action a { background-color: #000; border: 1px solid #000; color: #fff; } .home_grouped_container .home_grouped_info.btnBlack .home_grouped_info_action a:hover { background-color: #fff; border: 1px solid #fff; color: #000; text-decoration: none; } .home_grouped_container .home_grouped_info.btnWhite .home_grouped_info_action a { background-color: #fff; border: 1px solid #fff; color: #000; } .home_grouped_container .home_grouped_info.btnWhite .home_grouped_info_action a:hover { background-color: #000; border: 1px solid #000; color: #fff; text-decoration: none; } .home_grouped_container .home_grouped_info.btnBlackTransparent .home_grouped_info_action a { background-color: transparent; color: #000; border: 1px solid #000; } .home_grouped_container .home_grouped_info.btnBlackTransparent .home_grouped_info_action a:hover { background-color: #000; color: #fff; } .home_grouped_container .home_grouped_info.btnBlackSemiTransparent .home_grouped_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_grouped_container .home_grouped_info.btnBlackSemiTransparent .home_grouped_info_action a:hover { background-color: #000; color: #fff; } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info.btnBlackSemiTransparent_mobile .home_grouped_info_action a { background-color: rgba(0, 0, 0, 0.5); color: #fff; border: 0; } .home_grouped_container .home_grouped_info.btnBlackSemiTransparent_mobile .home_grouped_info_action a:hover { background-color: #000; color: #fff; } } .home_grouped_container .home_grouped_info.btnBlackSemiTransparentTxtBlack .home_grouped_info_action a { background-color: rgba(0, 0, 0, 0.5019607843); color: #000; border: 0; } .home_grouped_container .home_grouped_info.btnBlackSemiTransparentTxtBlack .home_grouped_info_action a:hover { background-color: #000; color: #fff; } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info.btnBlackSemiTransparentTxtBlack_mobile .home_grouped_info_action a { background-color: rgba(0, 0, 0, 0.5019607843); color: #000; border: 0; } .home_grouped_container .home_grouped_info.btnBlackSemiTransparentTxtBlack_mobile .home_grouped_info_action a:hover { background-color: #fff; color: #000; border: 1px solid #000; } } .home_grouped_container .home_grouped_info.btnWhiteTransparent .home_grouped_info_action a { background-color: transparent; color: #fff; border: 1px solid #fff; } .home_grouped_container .home_grouped_info.btnWhiteTransparent .home_grouped_info_action a:hover { background-color: #fff; color: #000; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent .home_grouped_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent .home_grouped_info_action a:hover { background-color: #fff; color: #000; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent.txtWhite .home_grouped_info_action a { color: #fff; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent.txtWhite .home_grouped_info_action a:hover { color: #000; } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent_mobile .home_grouped_info_action a { background-color: rgba(255, 255, 255, 0.5); color: #000; border: 0; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent_mobile .home_grouped_info_action a:hover { background-color: #fff; color: #000; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent_mobile.txtWhite .home_grouped_info_action a { color: #fff; } .home_grouped_container .home_grouped_info.btnWhiteSemiTransparent_mobile.txtWhite .home_grouped_info_action a:hover { color: #000; } } .home_grouped_container .home_grouped_info.btnBorder0 .home_grouped_info_action a { border: 0; text-decoration: underline; } .home_grouped_container .home_grouped_info.btnBorder0 .home_grouped_info_action a:hover { text-decoration: none; } /* =================== ==== BOX VIDEO ==== =================== */ .home_video_block { display: flex; justify-content: center; align-items: center; } @media (max-width: 575.98px) { .home_video_block.home_video_block_live .embed-container { aspect-ratio: 16/9; } } .home_video_block.home_video_block_live .embed-container iframe, .home_video_block.home_video_block_live .embed-container object, .home_video_block.home_video_block_live .embed-container embed { pointer-events: auto; } .home_video_block .video_block_info { position: absolute; text-align: center; z-index: 100; } .home_video_block .video_block_info .video_block_title { text-align: right; margin: 0 0 0.5% 0; color: #fff; font-weight: 400; font-size: calc(20px + 2vw); text-transform: uppercase; } .home_video_block .video_block_info .video_block_subtitle { text-align: right; margin: 0 0 0.5% 0; color: #fff; font-weight: 400; font-size: calc(10px + 2vw); text-transform: uppercase; } .home_video_block .video_block_info .video_block_note { text-align: right; margin: 0 0 0.5% 0; color: #fff; font-weight: 300; font-size: calc(6px + 1vw); text-transform: none; } .home_video_block .video_block_info .video_block_action_container { margin: 5% 0 0 0; text-align: center; } .home_video_block .video_block_info .video_block_action_container .video_block_action { font-size: calc(12px + 0.25vw); background-color: #000; border: 1px solid #000; color: #fff; padding: 10px 50px; box-sizing: border-box; text-transform: uppercase; text-align: center; width: auto; margin: 0 2%; display: inline-block; text-decoration: none; transition: 0.5s; font-weight: 400; } @media (max-width: 767.98px) { .home_video_block .video_block_info .video_block_action_container .video_block_action { font-size: calc(8px + 0.25vw); padding: 10px 30px; min-width: 130px; margin: 0 1%; } } @media (max-width: 575.98px) { .home_video_block .video_block_info .video_block_action_container .video_block_action { padding: 10px 30px; max-width: 130px; display: block; margin: 5% auto; } } .home_video_block .video_block_info .video_block_action_container .video_block_action:hover { color: #000; background-color: transparent; text-decoration: none; } @media (max-width: 575.98px) { .home_video_block .video_block_info .video_block_action_container { margin: 5% 0 5% 0; } } /* ======================= ==== ELEMENTI VARI ==== ======================= */ #product-list { height: 100%; } .product_list_container { padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)); } @media (max-width: 1023.98px) { .product_list_container { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); } } .product_list_container.grid_col_1 .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_img a img { position: relative; } @media (max-width: 767.98px) { .product_list_container.grid_col_1 { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } } .product-card-container { position: relative; } .title_items_gallery_container { grid-column: 1/-1; margin: 1rem 0 1rem 0; } .title_items_gallery_container .title_items_gallery { color: #000000; margin: 0 0 0 1%; text-align: left; font-size: 20px; font-weight: 900; text-transform: uppercase; } /* ==================== ==== BREADCRUMB ==== ==================== */ .breadcrumb_container .breadcrumb_items { display: flex; flex-wrap: wrap; list-style: none; margin: 1%; padding: 0; } @media (max-width: 767.98px) { .breadcrumb_container .breadcrumb_items { margin: 2%; } } .breadcrumb_container .breadcrumb_items .breadcrumb_item_first { align-items: center; display: inline-flex; text-transform: capitalize; font-size: 12px; } .breadcrumb_container .breadcrumb_items .breadcrumb_item { align-items: center; display: inline-flex; text-transform: capitalize; font-size: 12px; } .breadcrumb_container .breadcrumb_items .breadcrumb_item::before { color: #6c757d; content: "/"; float: left; padding-right: 4px; } /* ========================= ==== BOX GALLERY TOP ==== ========================= */ .gallery_vasca_top_container { display: flex; justify-content: center; align-items: center; } .gallery_vasca_top_container .gallery_vasca_top_img { width: 100%; } .gallery_vasca_top_container .gallery_vasca_top_img img { width: 100%; height: auto; max-width: 100%; } .gallery_vasca_top_container .gallery_vasca_top_info { position: absolute; text-align: center; z-index: 100; padding: 0 2%; } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_title { text-transform: uppercase; font-weight: 700; font-size: 40px; color: #FFF; margin-bottom: 10px; } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_subtitle { font-size: 20px; font-weight: 300; color: #FFF; margin-bottom: 20px; } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_testo { font-size: 15px; font-weight: 300; margin-bottom: 20px; } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_action { font-size: 12px; font-weight: 700; color: #000; } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_action a { color: #000; text-decoration: none; padding: 5px; margin: 0 10px; min-width: 110px; background-color: white; display: inline-block; } @media (max-width: 767.98px) { .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_action a { margin: 0 0 20px 0; width: 100%; max-width: 250px; padding: 10px; } } .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_action a:hover { text-decoration: none; } @media (min-width: 992px) { .gallery_vasca_top_container .gallery_vasca_top_info .gallery_vasca_top_info_block_action a:hover { color: #FFF; background-color: black; } } /* ================================= ==== BOX SPECIAL GALLERY TOP ==== ================================= */ .gallery_special_vasca_top_container { display: flex; justify-content: center; align-items: center; margin: 0 0 2% 0; } .gallery_special_vasca_top_container .gallery_special_vasca_top_img { width: 100%; } .gallery_special_vasca_top_container .gallery_special_vasca_top_img img { width: 100%; height: auto; max-width: 100%; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info { position: absolute; text-align: center; z-index: 100; padding: 0 2%; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_title { text-transform: uppercase; font-weight: 700; font-size: 40px; color: #FFF; margin-bottom: 10px; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_subtitle { font-size: 20px; font-weight: 300; color: #FFF; margin-bottom: 20px; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_testo { font-size: 15px; font-weight: 300; margin-bottom: 20px; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_action { font-size: 12px; font-weight: 700; color: #000; } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_action a { color: #000; text-decoration: none; padding: 5px; margin: 0 10px; min-width: 110px; background-color: white; display: inline-block; } @media (max-width: 767.98px) { .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_action a { margin: 0 0 20px 0; width: 100%; max-width: 250px; padding: 10px; } } .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_action a:hover { text-decoration: none; } @media (min-width: 992px) { .gallery_special_vasca_top_container .gallery_special_vasca_top_info .gallery_special_vasca_top_info_block_action a:hover { color: #FFF; background-color: black; } } /* ============================= ==== BOX GALLERY TOP FIT ==== ============================= */ .gallery_vaschette_fit_wrap { text-align: center; margin: 0 0 2% 0; padding: 0 0 2% 0; border-bottom: solid 1px #d7d7d8; } .gallery_vaschette_fit_wrap .gallery_vaschette_fit_title { font-style: normal; text-transform: uppercase; width: 100%; font-size: 20px; color: black; text-align: center; font-weight: 700; margin: 0 0 1% 0; } .gallery_vaschette_fit_wrap ul { margin: 0; padding: 0; } @media (max-width: 1023.98px) { .gallery_vaschette_fit_wrap ul { width: 100%; overflow-x: scroll; white-space: nowrap; display: inline-block; } .gallery_vaschette_fit_wrap ul::-webkit-scrollbar { height: 5px; } } .gallery_vaschette_fit_wrap ul li { width: 15%; margin: 0 0 0 0; list-style-type: none; display: inline-block; } @media (max-width: 1023.98px) { .gallery_vaschette_fit_wrap ul li { width: 28%; } } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container { display: block; } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container .gallery_vaschette_fit_img { margin: 0 0 5% 0; } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container .gallery_vaschette_fit_img a { display: block; } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container .gallery_vaschette_fit_img img { width: 100%; height: auto; max-width: 100%; opacity: 1; } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container .gallery_vaschette_fit_subtitle { margin: 0 0 5% 0; font-size: calc(9px + 0.2vw); color: black; text-align: center; font-weight: 400; } .gallery_vaschette_fit_wrap ul li .gallery_vaschette_fit_container .gallery_vaschette_fit_txt { margin: 0 5% 0 5%; font-size: calc(8px + 0.2vw); color: black; text-align: center; font-weight: 300; line-height: 15px; } /* ================================= ==== BOX GALLERY TOP BUTTONS ==== ================================= */ .gallery_vasca_top_buttons_container { position: relative; padding: 0; width: 100%; } .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 0 24px; font-size: 12px; font-weight: 700; color: #000; } @media (max-width: 575.98px) { .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions { gap: 0; flex-direction: column; } } .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions a { background-color: #fff; border: 1px solid #000; color: #000; text-decoration: none; padding: 10px 20px; margin: 0 0 1% 0; width: auto; text-align: center; min-width: 300px; } @media (max-width: 575.98px) { .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions a { margin: 0 0 20px 0; width: 100%; } .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions a:last-child { margin: 0; } } .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions a:hover { text-decoration: none; color: #fff; background-color: #000; border: 1px solid #000; } .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions .gallery_vasca_top_buttons_actions_text { font-size: 12px; color: #000; text-align: center; padding: 1rem 1rem 0; display: block; width: 100%; } @media (max-width: 767.98px) { .gallery_vasca_top_buttons_container .gallery_vasca_top_buttons_actions .gallery_vasca_top_buttons_actions_text { padding: 0.6rem 1rem 1.5rem; } } /* ============================ ==== BOX GALLERY BOTTOM ==== ============================ */ .gallery_vasca_bottom_container { display: flex; justify-content: center; align-items: center; width: 100%; margin: 3% auto 5%; position: relative; } .gallery_vasca_bottom_container .gallery_vasca_bottom_img { width: 100%; } .gallery_vasca_bottom_container .gallery_vasca_bottom_img img { width: 100%; height: auto; max-width: 100%; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info { text-align: center; padding: 0 2%; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_title { text-transform: uppercase; font-weight: 700; font-size: 40px; margin-bottom: 10px; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_subtitle { font-size: 20px; font-weight: 300; margin-bottom: 20px; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_testo { font-size: 15px; font-weight: 300; margin-bottom: 20px; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_action { font-size: 12px; font-weight: 700; color: #000; } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_action a { color: #000; text-decoration: none; padding: 5px; margin: 0 10px; min-width: 110px; background-color: white; display: inline-block; } @media (max-width: 767.98px) { .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_action a { margin: 0 0 20px 0; width: 100%; max-width: 250px; padding: 10px; } } .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_action a:hover { text-decoration: none; } @media (min-width: 992px) { .gallery_vasca_bottom_container .gallery_vasca_bottom_info .gallery_vasca_bottom_info_block_action a:hover { color: #FFF; background-color: black; } } .gallery_vasca_bottom_everywhere_container { display: flex; justify-content: center; align-items: center; width: 100%; margin: 3% auto 5%; position: relative; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_img { width: 100%; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_img img { width: 100%; height: auto; max-width: 100%; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info { text-align: center; padding: 0 2%; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_title { text-transform: uppercase; font-weight: 700; font-size: 40px; margin-bottom: 10px; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_subtitle { font-size: 20px; font-weight: 300; margin-bottom: 20px; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_testo { font-size: 15px; font-weight: 300; margin-bottom: 20px; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_action { font-size: 12px; font-weight: 700; color: #000; } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_action a { color: #000; text-decoration: none; padding: 5px; margin: 0 10px; min-width: 110px; background-color: white; display: inline-block; } @media (max-width: 767.98px) { .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_action a { margin: 0 0 20px 0; width: 100%; max-width: 250px; padding: 10px; } } .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_action a:hover { text-decoration: none; } @media (min-width: 992px) { .gallery_vasca_bottom_everywhere_container .gallery_vasca_bottom_everywhere_info .gallery_vasca_bottom_everywhere_info_block_action a:hover { color: #FFF; background-color: black; } } /* ==================== ==== MAIN TITLE ==== ==================== */ .container_seotag_gallery { text-align: left; color: #000000; padding: 1% 0; } .container_seotag_gallery .title_gallery { margin: 0 0 0 1%; } @media (max-width: 767.98px) { .container_seotag_gallery .title_gallery { text-align: center; margin: 0; } } .container_seotag_gallery .title_gallery h1, .container_seotag_gallery .title_gallery .h1 { font-size: 30px; font-family: "Arsenal", sans-serif; font-weight: 900; text-transform: uppercase; display: inline-block; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery .title_gallery h1, .container_seotag_gallery .title_gallery .h1 { display: block; } } .container_seotag_gallery .title_gallery span { font-size: 12px; font-weight: 400; text-transform: lowercase; display: inline-block; } @media (max-width: 767.98px) { .container_seotag_gallery .title_gallery span { display: block; } } .container_seotag_gallery .subtitle_gallery { margin: 0 0 0 1%; } .container_seotag_gallery .subtitle_gallery h2, .container_seotag_gallery .subtitle_gallery .h2 { font-size: 20px; font-family: "Arsenal", sans-serif; font-weight: 900; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery .subtitle_gallery h2, .container_seotag_gallery .subtitle_gallery .h2 { display: block; } } .container_seotag_gallery .note_gallery { margin: 0 0 0 1%; } .container_seotag_gallery .note_gallery p { font-size: 15px; font-family: "Arsenal", sans-serif; font-weight: 400; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery .note_gallery p { display: block; } } .container_seotag_gallery_brand { text-align: left; color: #000000; padding: 1% 0; } .container_seotag_gallery_brand .info_gallery_brand { margin: 0 0 0 1%; } @media (max-width: 767.98px) { .container_seotag_gallery_brand .info_gallery_brand { text-align: center; margin: 0; } } .container_seotag_gallery_brand .info_gallery_brand h1, .container_seotag_gallery_brand .info_gallery_brand .h1 { font-size: 30px; font-family: "Arsenal", sans-serif; font-weight: 900; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery_brand .info_gallery_brand h1, .container_seotag_gallery_brand .info_gallery_brand .h1 { display: block; } } .container_seotag_gallery_brand .info_gallery_brand h2, .container_seotag_gallery_brand .info_gallery_brand .h2 { font-size: 20px; font-family: "Arsenal", sans-serif; font-weight: 900; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery_brand .info_gallery_brand h2, .container_seotag_gallery_brand .info_gallery_brand .h2 { display: block; } } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand { max-width: 1200px; margin: 0; position: relative; } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand p { font-size: 15px; font-family: "Arsenal", sans-serif; font-weight: 400; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand p { display: block; } } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand.note_gallery_brand_full > p { display: inline; line-clamp: inherit; -webkit-line-clamp: inherit; } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand.note_gallery_brand_full .note_gallery_brand_btn { bottom: auto; display: inline; position: relative; right: auto; } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand.note_gallery_brand_full .note_gallery_brand_btn::before { content: "... Read less"; } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand > p { -webkit-text-size-adjust: 100%; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; line-clamp: 2; -webkit-line-clamp: 2; transition: -webkit-line-clamp 0.5s ease-out; } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand .note_gallery_brand_btn { background-color: #fff; bottom: 0; cursor: pointer; font-size: 13px; font-weight: 400; padding: 0 2.5px; position: absolute; right: 0; } @media (max-width: 767.98px) { .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand .note_gallery_brand_btn { font-size: 12px; } } .container_seotag_gallery_brand .info_gallery_brand .note_gallery_brand .note_gallery_brand_btn::before { content: "... Read more"; color: #000; text-decoration: underline; text-underline-offset: 2px; } .container_seotag_gallery_brand .info_gallery_brand span { display: block; font-size: 10px; color: #4d4d4d; } .gallery_brand_menu { font-style: normal; font-weight: 400; padding: 0; margin: 0 0 2%; color: #7e7e74; font-size: 13px; text-align: center; padding-bottom: 25px; } .gallery_brand_menu a { color: #7e7e74; text-decoration: none; } .gallery_brand_menu a.active { text-decoration: none; font-weight: 700; color: #000; } .container_seotag_special_gallery { text-align: left; color: #000000; padding: 1% 0; } .container_seotag_special_gallery .info_special_gallery { margin: 0 0 0 1%; } @media (max-width: 767.98px) { .container_seotag_special_gallery .info_special_gallery { text-align: center; margin: 0; } } .container_seotag_special_gallery .info_special_gallery h1, .container_seotag_special_gallery .info_special_gallery .h1 { font-size: 30px; font-family: "Arsenal", sans-serif; font-weight: 900; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_special_gallery .info_special_gallery h1, .container_seotag_special_gallery .info_special_gallery .h1 { display: block; } } .container_seotag_special_gallery .info_special_gallery .note_special_gallery { max-width: 1200px; margin: 0; position: relative; } .container_seotag_special_gallery .info_special_gallery .note_special_gallery p { font-size: 15px; font-family: "Arsenal", sans-serif; font-weight: 400; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .container_seotag_special_gallery .info_special_gallery .note_special_gallery p { display: block; } } /* ===================== ==== SLIDER NODI ==== ===================== */ .gallery_subcategories_nav_slide_container { margin-bottom: 1rem; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav.slick-initialized { visibility: visible; opacity: 1; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav .slick-list { width: calc(100% - 75px); margin: 0 auto; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav .gallery_subcategories_nav_slide { text-align: center; margin: 10px; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav .gallery_subcategories_nav_slide a { padding: 3%; background-color: #000; border: 1px solid #000; color: #FFF; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: 500; display: block; } .gallery_subcategories_nav_slide_container .fade_gallery_subcategories_nav .gallery_subcategories_nav_slide a:hover { background-color: #FFF; color: #000; } /* ======================= ==== COMMANDS LINE ==== ======================= */ .command_line_gallery { position: sticky; top: 90px; z-index: 51; background-color: rgba(255, 255, 255, 0); } @media (max-width: 767.98px) { .command_line_gallery { top: 60px; background-color: rgb(255, 255, 255); padding: 5px 0; } } .command_line_gallery .btn_show_filters { width: 100%; max-width: 46px; font-size: 16px; padding: 10px 0; border-radius: 0; background-color: #000000; color: #ffffff; border: 1px solid #000; } .command_line_gallery .btn_show_filters:hover { opacity: 0.5; } @media (max-width: 767.98px) { .command_line_gallery .btn_show_filters { max-width: 90%; } } @media (max-width: 767.98px) { .command_line_gallery .btn_switch_col { width: 100%; max-width: 90%; font-size: 16px; padding: 10px 0; border-radius: 0; background-color: #000000; color: #ffffff; border: 1px solid #000; } .command_line_gallery .btn_switch_col:hover { opacity: 0.5; } } .command_line_gallery .btn_show_sort { width: 100%; max-width: 46px; font-size: 16px; padding: 10px 0; border-radius: 0; background-color: #000000; color: #ffffff; border: 1px solid #000; } .command_line_gallery .btn_show_sort:hover { opacity: 0.5; } @media (max-width: 767.98px) { .command_line_gallery .btn_show_sort { max-width: 90%; } } /* ================ ==== FILTRI ==== ================ */ @media (max-width: 575.98px) { .filter_accordion_prezzi_container .accordion_list_filters { overflow-y: hidden; max-width: 99%; } } @media (max-width: 575.98px) { .filter_accordion_prezzi_container .accordion_list_filters .ui-slider-handle { top: -12px; } } @media (max-width: 575.98px) { .filter_accordion_prezzi_container .accordion_list_filters .ui-state-default { height: 24px; width: 24px; } } .filter_accordion_prezzi_container .accordion_list_filters #amount-mobile { position: relative; z-index: 20; } .filter_accordion_prezzi_container .accordion_list_filters .irs--round { margin: -40px 0 30px 0; z-index: 10; } .filter_accordion_prezzi_container .accordion_list_filters .irs--round.irs-with-grid { padding: 0 24px; } @media (max-width: 575.98px) { .filter_accordion_prezzi_container .accordion_list_filters .irs--round.irs-with-grid { padding: 0 8px; } } .filter_accordion_prezzi_container .accordion_list_filters .irs--round .irs-line { height: 2px; background-color: #dddddd; } .filter_accordion_prezzi_container .accordion_list_filters .irs--round .irs-bar { height: 2px; background-color: #000; } .filter_accordion_prezzi_container .accordion_list_filters .irs--round .irs-handle { background-color: #f4f4f4; border: 1px solid #000; width: 20px; height: 20px; border-radius: 10px; box-shadow: none; cursor: w-resize; } .filter_accordion_prezzi_container .accordion_list_filters .irs--round .irs-grid, .filter_accordion_prezzi_container .accordion_list_filters .irs-min, .filter_accordion_prezzi_container .accordion_list_filters .irs-max, .filter_accordion_prezzi_container .accordion_list_filters .irs-from, .filter_accordion_prezzi_container .accordion_list_filters .irs-to { opacity: 0; pointer-events: none; } .filters_box_title .accordion-button:not(.collapsed) { box-shadow: none; font-weight: 600; background-color: rgb(232, 232, 232); } .accordion_list_filters .filters_box_search_container { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 20px; } .accordion_list_filters .filters_box_search_container::after { content: "\f52a"; font-family: bootstrap-icons; background-image: unset; transform: unset; position: absolute; padding-right: 2%; } .accordion_list_filters .filters_box_search_container .filters_box_search { font-size: 11px; border-bottom: solid 1px rgba(0, 0, 0, 0.175); border-top: 0; border-left: 0; border-right: 0; height: 40px; overflow: hidden; padding: 0px 2% 0px 2%; position: relative; width: 100%; border-radius: 0px; box-sizing: border-box; font-weight: 300; width: 100%; background-color: #fff; } .accordion_list_filters .filters_box_search_container .filters_box_search:focus { outline: none; } .filter-item > a { text-transform: uppercase; background-color: #f7f7f7; border-bottom: 1px solid #dee2e6 !important; color: black; font-size: 20px; display: flex; justify-content: space-between; padding: 16px 20px !important; } .filter-item__menu { position: relative !important; transform: translate(0, 0) !important; } .accordion_list_filters { max-height: 200px; overflow-y: auto; padding: 5px; } .accordion_list_filters::-webkit-scrollbar { width: 2px; } .filter-item__group li:not(:last-of-type) { border-bottom: none; } .filter-item__group li .color { display: none; } .filters_box_wrap input[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); } .filters_box_wrap input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox.png?a7a2e6fb624661b9f0783b1cb5396b65); } .filters_box_wrap input[type=checkbox] + label { margin: 0; padding: 15px 0px 0px 30px; cursor: pointer; background: url(/images/input_start.webp?b855384a5ce07fb3e16a2e56d3bc6578) left center no-repeat; text-transform: capitalize; font-weight: 300; } .filterboxes input[type=checkbox] + label { padding: 10px 0 10px 35px; } .filters_badge_container { background-color: #f0f0f0; color: #000; padding: 0.5rem; border-radius: 0; margin: 0 0.5rem 0.5rem 0; } .filters_badge_container.tab_filter_selected span { text-decoration: line-through; } .filters_badge_container button { font-size: 10px; } .filters_badge_container span { font-size: 14px; font-weight: 400; } .filters_bottone_applica { background-color: #000; border: 1px solid #000; color: #FFF; cursor: pointer; padding: 3%; width: 100%; transition: background-color 0.5s ease; display: inline-block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { .filters_bottone_applica:hover { background-color: #fff; color: #000; text-decoration: none; } } /* ================= ==== ORDERBY ==== ================= */ .search-offcanvas .sortby_items ul { list-style: none; padding: 0; margin-bottom: 20%; } .search-offcanvas .sortby_items ul li { margin: 0 0 10px 0; } @media (max-width: 767.98px) { .search-offcanvas .sortby_items ul li { margin: 0 0 20px 0; } } .search-offcanvas .sortby_items ul li a { color: #000000; text-decoration: none; cursor: pointer; background-color: transparent; padding: 2px 5px; } @media (max-width: 767.98px) { .search-offcanvas .sortby_items ul li a { font-size: 1rem; } } .search-offcanvas .sortby_items ul li a:hover { color: #ffffff; background-color: #000000; } .search-offcanvas .sortby_items ul li a.active-filter { color: #ffffff; background-color: #000000; } /* ========================= ==== VASCHETTA ITEMS ==== ========================= */ .vaschetta_item { background-color: #FFF; position: relative; } .vaschetta_item .vaschetta_item_block { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block { border: 0; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_video { overflow: hidden; width: 100%; position: relative; display: block; right: 0; bottom: 0; max-width: 100%; min-height: 100%; } .vaschetta_item .vaschetta_item_block .vaschetta_item_video video { position: relative; top: 0; width: 100%; max-width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_video a { display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img { overflow: hidden; width: 100%; position: relative; display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img img { margin: 0 auto; width: 100%; max-width: 100%; height: auto; border: 0; opacity: 1; transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; } @media (min-width: 992px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_img img:hover { opacity: 1; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_img a { display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .product-card-thumbnail.show { display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .product-card-thumbnail.hide { display: none; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .product-card-hover.show { display: block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .product-card-hover.hide { display: none; } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container { position: absolute; top: 0; width: 100%; padding: 1%; z-index: 2; background-color: transparent; } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label { float: left; width: auto; min-width: 30px; height: auto; font-size: 15px; line-height: 30px; z-index: 2; background-color: transparent; text-align: center; overflow: hidden; font-weight: 700; margin: 0 1% 0 0; } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label img { width: 45px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_preview { float: right; width: 30px; height: 30px; font-size: 20px; line-height: 30px; z-index: 2; background-color: transparent; text-align: center; overflow: hidden; margin: 0 0 0 1%; } @media (max-width: 575.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_preview { margin: 0 0 0 0; font-size: 14px; clear: both; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_wishlist { float: right; width: 30px; height: 30px; font-size: 20px; line-height: 30px; z-index: 2; background-color: transparent; text-align: center; overflow: hidden; margin: 0 0 0 1%; } @media (max-width: 575.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_wishlist { margin: 0 0 0px 0; font-size: 14px; } } @media (min-width: 1024px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_wishlist a:hover i::before { content: "\f415" !important; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container { width: 100%; position: relative; display: inline-block; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container { margin: 0 0 5% 0; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container.card-body { padding: 0 0 0 0; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { font-family: "Arsenal", sans-serif; display: block; width: 100%; text-align: left; font-size: calc(8px + 0.25vw); font-weight: 400; margin: 1% 0 1% 0; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { margin: 2% 0 1% 0; font-size: 11px; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price { display: block; width: 100%; text-align: left; font-size: calc(8px + 0.25vw); font-weight: 300; margin: 1% 0 1% 0; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price { font-size: 11px; font-weight: 400; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price .vaschetta_item_info_old_price { color: rgb(0, 0, 0); text-decoration: line-through; display: inline-block; margin-right: 10px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price .vaschetta_item_info_new_price { color: #000; display: inline-block; } @media (min-width: 1024px) { .vaschetta_item:hover .vaschetta_item_block { border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; } } @media (min-width: 1024px) { .vaschetta_item:hover .vaschetta_item_info { opacity: 1; visibility: visible; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; } } .vaschetta_item .vaschetta_item_info { transition: all 0s ease-in; opacity: 0; visibility: hidden; position: absolute; background-color: rgb(255, 255, 255); width: 100%; z-index: 10; text-align: center; display: block; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info { border: 0; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes { font-style: normal; font-weight: 700; color: #000; font-size: 14px; text-transform: uppercase; text-align: left; margin: 0; padding: 0 1rem 1rem 1rem; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes { font-size: 14px; padding: 0 0.25rem 0.25rem 0.25rem; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul { margin: 0; padding: 0; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li { text-align: center; list-style-type: none; display: inline-block; margin: 1% 1% 1% 1%; width: 18%; font-size: 12px; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li { width: 23%; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a { text-decoration: none; background-color: #FFF; border: solid 1px #000; color: black; margin: 0; padding: 0; display: block; line-height: 30px; font-size: 12px; font-weight: 300; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a { font-size: 13px; line-height: 26px; font-weight: 400; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a.active { background-color: #000; border: solid 1px #000; color: #FFF !important; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a.finished { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; } @media (min-width: 992px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a:hover { background-color: #000; border: solid 1px #000; color: #FFF !important; } } .vaschetta_item .vaschetta_item_info .vaschetta_stato_vendita { font-style: normal; font-weight: 700; color: #000; font-size: 14px; text-transform: uppercase; text-align: left; margin: 0; padding: 0 1rem 1rem 1rem; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_stato_vendita { font-size: 14px; padding: 0 0.25rem 0.25rem 0.25rem; } } /* =========================== ==== BOX GALLERY ITEMS ==== =========================== */ .box_gallery_item_container { background-color: #fff; position: relative; height: 100%; } @media (max-width: 1023.98px) { .box_gallery_item_container { grid-area: span 1/span 1 !important; } } .box_gallery_item_container .box_gallery_item { position: relative; height: 100%; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block { display: flex; align-items: center; justify-content: center; height: 100%; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_img { width: 100%; height: 100%; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_img a { height: 100%; width: 100%; position: relative; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_img a img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; position: absolute; word-break: break-word; } @media (max-width: 767.98px) { .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_img a img { position: relative; } } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info { position: absolute; text-align: center; z-index: 100; } @media (max-width: 767.98px) { .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info { margin: 0 0 5% 0; } } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info .box_gallery_item_title { font-family: "Arsenal", sans-serif; font-size: calc(8px + 0.25vw); font-weight: 400; margin: 1% 0 1% 0; } @media (max-width: 767.98px) { .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info .box_gallery_item_title { margin: 2% 0 1% 0; font-size: 11px; } } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info .box_gallery_item_info_action { font-family: "Arsenal", sans-serif; text-align: center; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info .box_gallery_item_info_action a { background-color: #000; border: 1px solid #000; color: #fff; padding: 10px 0; font-size: calc(9px + 0.25vw); max-width: 200px; margin: 2% auto; transition: all 0.5s ease; display: block; text-transform: uppercase; } .box_gallery_item_container .box_gallery_item .box_gallery_item_block .box_gallery_item_info .box_gallery_item_info_action a:hover { background-color: #fff; border: 1px solid #fff; color: #000; text-decoration: none; } /* ============================= ==== BOX GALLERY ORDERBY ==== ============================= */ .gallery_vasca_orderby_container { padding: 1rem 5rem 2rem; } .gallery_vasca_orderby_container .gallery_vasca_orderby_img .gallery_vasca_orderby_title { text-align: center; font-weight: 800; margin-top: 5px; text-transform: uppercase; font-size: 13px; } .gallery_vasca_orderby_container .gallery_vasca_orderby_img .gallery_vasca_orderby_subtitle { text-align: center; text-transform: uppercase; font-size: 12px; } .gallery_vasca_orderby_container .gallery_vasca_orderby_img .gallery_vasca_orderby_txt { text-align: center; font-size: 11px; } /* ================= ==== PREVIEW ==== ================= */ #gallery-modal-preview { z-index: 9999; } @media (max-width: 767.98px) { #gallery-modal-preview.modal { width: 100% !important; } } @media (max-width: 767.98px) { #gallery-modal-preview.modal.fade .modal-dialog { transition: transform 0.3s ease-out !important; transform: translate(0) !important; } } @media (max-width: 767.98px) { #gallery-modal-preview .modal-dialog { position: fixed !important; bottom: 0 !important; left: 0% !important; right: 0% !important; margin-bottom: 0 !important; margin: 0; max-width: 100%; } } @media (max-width: 767.98px) { #gallery-modal-preview .modal-dialog.modal-dialog-centered { min-height: 0 !important; } } #gallery-modal-preview .modal-content { border-radius: 0; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } } #gallery-modal-preview .modal-content .modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.168627451); padding: 12px; } #gallery-modal-preview .modal-content .modal-header button { background-size: 12px; } #gallery-modal-preview .modal-content .modal-body { padding-top: 12px !important; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container { width: 100%; background-color: #fff; padding: 0 0 0 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container { display: inline-block; width: 100%; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx { width: 50%; float: left; padding: 0 2% 0 0; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx { float: none; display: flex; align-items: flex-start; gap: 16px; width: 100%; padding: 0; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img { width: 100%; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img { width: 40%; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-indicators { margin: 0; display: flex; gap: 2px; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-indicators button { margin: 0; border-bottom: 0px solid transparent; border-top: 8px solid transparent; height: 2px; flex: 1; width: auto; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-indicators button.active { height: 2px; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-control-prev, #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-control-next { display: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img img { width: 100%; max-width: 100%; height: auto; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container { float: left; width: 60%; display: flex; flex-direction: column; display: none; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container { display: flex; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_titolo { font-style: normal; font-weight: 700; color: #000; font-size: 12px; line-height: 14px; text-transform: uppercase; text-align: left; margin: 0 0 5px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_price { text-align: left; margin: 0 0 5px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_price .anteprima_dettaglio_new_price { font-style: normal; font-weight: 700; color: #000; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 14px; display: inline-block; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_price .anteprima_dettaglio_old_price { font-style: normal; text-decoration: line-through; font-weight: 400; color: #000; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 14px; display: inline-block; margin: 0 5px 0 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_codice { font-style: normal; font-weight: 400; color: #000; font-size: 10px; text-transform: uppercase; text-align: left; margin: 10px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_read_more { margin-top: 32px; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_size_title { font-style: normal; font-weight: 700; color: #000; font-size: 10px; text-transform: uppercase; text-align: left; margin: 0 0 5px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx { width: 50%; float: left; padding: 2% 0 0 2%; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx { float: none; padding: 16px 0 0 0; width: 100%; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_titolo { font-style: normal; font-weight: 700; color: #000; font-size: 18px; line-height: 23px; text-transform: uppercase; text-align: left; margin: 0 0 5px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_price { text-align: left; margin: 0 0 5px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_price .anteprima_dettaglio_new_price { font-style: normal; font-weight: 700; color: #000; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 18px; display: inline-block; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_price .anteprima_dettaglio_old_price { font-style: normal; text-decoration: line-through; font-weight: 400; color: #000; font-size: 14px; text-transform: uppercase; text-align: center; line-height: 18px; display: inline-block; margin: 0 5px 0 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_codice { font-style: normal; font-weight: 400; color: #000; font-size: 12px; text-transform: uppercase; text-align: left; margin: 10px 0; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size_title { margin: 24px 0 5px 0; font-style: normal; font-weight: 700; color: #000; font-size: 10px; text-transform: uppercase; text-align: left; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size_title .anteprima_dettaglio_size_descr { display: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size { margin: 0 0 16px 0; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size { margin: 0 0 16px 0; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul { display: grid; gap: 5px; grid-template-columns: repeat(4, 1fr); justify-items: center; margin: 0; padding: 0; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul { grid-template-columns: repeat(6, 1fr); } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li { text-align: center; list-style-type: none !important; margin: 0; position: relative; width: 100%; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li:hover .last_one_size { display: flex; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a { padding: 12px 0; width: 100%; height: auto !important; line-height: 12px !important; font-size: 12px; text-decoration: none; background-color: #FFF; border: solid 1px #000; color: black; margin: 0 0 0 0; display: inline-block; font-weight: 400; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a:hover { background-color: black; color: white !important; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a.active { background-color: #000; border: solid 1px #000; color: #FFF !important; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a.finished { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; cursor: default; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a.finished:hover { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a.finished:hover span { background-color: #FFF; color: lightgray !important; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a.finished .desc_size { text-decoration: line-through; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size ul li a .last_one_size { height: 100%; justify-content: center; align-items: center; background: black; bottom: 0; position: absolute; text-align: center; display: none; width: 100%; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_add { width: 100%; text-align: left; margin: 0 0 0 0; display: inline-block; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_add .anteprima_dettaglio_add_btn { background-color: #000000; border: 1px solid #000000; cursor: pointer; margin: 0; padding: 10px !important; width: 100%; min-width: 200px; transition: 0.5s; display: block; font-style: normal; text-align: center; font-size: 12px; font-weight: 400; color: #ffffff; text-transform: uppercase; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_add .anteprima_dettaglio_add_btn:hover { background-color: #ffffff; border: 1px solid #000000; color: #000000; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container { position: absolute; top: -39px; right: 37px; border-right: 1px solid rgba(0, 0, 0, 0.169); height: 38px; padding-right: 11px; text-align: left; margin: 0 0 0 10px; width: auto; display: inline-block; vertical-align: middle; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container { top: -38px; height: 37px; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a { text-decoration: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-heart-fill:before { font-size: 14px; vertical-align: -0.5em; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-heart-fill:before { vertical-align: -0.45em; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-heart:before { font-size: 14px; vertical-align: -0.5em; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-heart:before { vertical-align: -0.45em; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container .whish_preview_btn { background-color: transparent; border: 0px solid #000; cursor: pointer; margin: 0; padding: 0; width: auto; transition: 0.5s; display: block; font-style: normal; text-align: center; font-size: 20px; font-weight: 400; color: #000; text-transform: uppercase; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container .whish_preview_btn:hover .bi-heart:before { content: "\f415" !important; color: black !important; } /* ================ ==== PAGING ==== ================ */ .gallery-load-more { background: none repeat scroll 0 0 rgb(255, 255, 255); border: solid 1px rgb(0, 0, 0); color: #000; font-size: 13px; margin: 0 auto; padding: 15px; text-align: center; font-weight: 300; display: block; text-transform: uppercase; } @media (min-width: 992px) { .gallery-load-more:hover { background: none repeat scroll 0 0 rgb(0, 0, 0); text-decoration: none; border: solid 1px rgb(0, 0, 0); color: #FFF; } } /* =================== ==== PAGINATOR ==== =================== */ .gallery_load_previous_container { display: flex; justify-content: center; margin: 1% 0 2% 0; padding: 0 0 0 0; } @media (max-width: 1023.98px) { .gallery_load_previous_container { margin: 2%; } } .gallery_load_previous_container .gallery_load_previous_btn { min-width: 190px; min-height: 48px; margin: 0; padding: 8px 16px; text-transform: none; border: 1px solid #000; background-color: transparent; transition: background-color 0.2s; color: #000; font-weight: 400; font-size: 13px; line-height: 20px; } .gallery_load_previous_container .gallery_load_previous_btn:hover { background-color: #f4f4f4; border: 1px solid #000; } @media (max-width: 1023.98px) { .gallery_load_previous_container .gallery_load_previous_btn { font-size: 16px; width: 100%; } } .paginator_container { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 16px; --black: #000; --dark-gray: #313131; --gray: #666; --light-gray: #d2d2d2; --lighter-gray: #f4f4f4; color: var(--dark-gray); padding-top: 48px; } @media (max-width: 991.98px) { .paginator_container { flex-direction: column; padding-top: 28px; padding-left: 8px; padding-right: 8px; } } .paginator_container b { font-weight: 700; } .paginator_container { /*GESTISCE I LINK A SINISTRA */ } .paginator_container .paginator_info_container { flex: 1 1 0; order: 1; display: flex; justify-content: left; } @media (max-width: 991.98px) { .paginator_container .paginator_info_container { order: 3; justify-content: center; } } .paginator_container .paginator_info_container .paginator_info { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; } .paginator_container .paginator_info_container .paginator_info .paginator_info_separator { width: 1px; height: 10px; background-color: var(--light-gray); } .paginator_container { /*GESTISCE IL BOTTONE LOAD MORE */ } .paginator_container .paginator_load_more_container { max-width: 249px; flex: none; order: 2; display: flex; flex-direction: column; justify-content: center; } @media (max-width: 991.98px) { .paginator_container .paginator_load_more_container { width: 100%; order: 1; justify-content: center; margin-bottom: 5px; } } @media (max-width: 575.98px) { .paginator_container .paginator_load_more_container { width: 100%; max-width: 100%; } } .paginator_container .paginator_load_more_container .paginator_load_more { width: 100%; min-height: 48px; margin: 0; padding: 8px 16px; text-transform: none; border: 1px solid var(--black); background-color: transparent; transition: background-color 0.2s; color: var(--dark-gray); font-weight: 400; line-height: 20px; } .paginator_container .paginator_load_more_container .paginator_load_more:hover { background-color: var(--lighter-gray); border: 1px solid var(--black); } @media (max-width: 1023.98px) { .paginator_container .paginator_load_more_container .paginator_load_more { font-size: 16px; width: 100%; } } .paginator_container .paginator_load_more_container { /*GESTISCE GLI ERRORI*/ } .paginator_container .paginator_load_more_container .paginator_load_more_error { display: none; color: red; } .paginator_container .paginator_load_more_container .paginator_load_more_error.show { display: initial; } .paginator_container { /*GESTISCE I LINK A DESTRA */ } .paginator_container .paginator_links_container { flex: 1 1 0; order: 3; display: flex; justify-content: right; height: 100%; } @media (max-width: 991.98px) { .paginator_container .paginator_links_container { width: 100%; } } .paginator_container .paginator_links_container nav .pagination { display: flex; gap: 8px; } .paginator_container .paginator_links_container nav .pagination .page-item { padding: 0; width: 24px; height: 24px; line-height: 24px; } .paginator_container .paginator_links_container nav .pagination .page-item.active { width: 24px; height: 24px; line-height: 24px; background-color: #212121; color: #fff; border-radius: 12px; } .paginator_container .paginator_links_container nav.paginator_links { display: flex; gap: 8px; align-items: center; font-size: 13px; line-height: 20px; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_pages { width: 24px; height: 24px; line-height: 24px; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_pages.active { width: 24px; height: 24px; line-height: 24px; background-color: #212121; color: #fff; border-radius: 12px; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_next { padding: 8px; gap: 8px; display: flex; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_next span { font-weight: 700; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_prev { padding: 8px; gap: 8px; display: flex; } .paginator_container .paginator_links_container nav.paginator_links .paginator_links_prev span { font-weight: 700; } @media (max-width: 991.98px) { .paginator_container .paginator_links_container { order: 2; justify-content: center; } } /* ======================= ==== LANDING PAGES ==== ======================= */ .landing_img_container { position: relative; } .landing_info_container { margin: 40px 0 0 0; padding: 0 2%; text-align: center; } .landing_info_container .landing_title { font-size: calc(12px + 1vw); font-weight: 700; font-family: "Arsenal", sans-serif; text-transform: uppercase; } .landing_info_container .landing_text { font-size: calc(10px + 0.25vw); font-weight: 400; } .landing_video_container { display: inline-block; width: 100%; margin: 40px 0 0 0; } .landing_video_container .landing_video_block_100 { width: 100%; height: auto; position: relative; } .vaschetta_gallery_double { width: 100%; } @media (min-width: 992px) { .vaschetta_gallery_double { width: 66.666666666%; } } @media (min-width: 1200px) { .vaschetta_gallery_double { width: 50%; } } [data-quick-buy-articolo-id].btn--loading { opacity: 0.2; cursor: wait; } /* ================= ==== GROUPED ==== ================= */ .gallery_landing_grouped_top_container .gallery_landing_grouped_container, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container { align-items: center; display: flex; justify-content: center; position: relative; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_img, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_img { width: 100%; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info { display: inline-block; left: auto; position: absolute; text-align: left; top: auto; transform: none; z-index: 1; color: #fff; padding: 1rem; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_title, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_title { text-transform: uppercase; font-size: 1rem; font-weight: 600; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_subtitle, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_subtitle { font-size: 1rem; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action { text-transform: uppercase; font-weight: bold; padding-top: 15px; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action a, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action a { text-decoration: underline; color: #fff; font-size: 1rem; margin-right: 10px; display: inline-block; } .gallery_landing_grouped_top_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action a:hover, .gallery_landing_grouped_bottom_container .gallery_landing_grouped_container .gallery_grouped_info .gallery_grouped_info_action a:hover { text-decoration: none; } /* =============== ==== ITEMS ==== =============== */ .fade_gallery_landing_collections_container { margin-bottom: 3%; } .fade_gallery_landing_collections_container .gallery_landing_collection_column .gallery_landing_collection_title_container .gallery_landing_collection_info { padding: 3rem 10%; text-align: center; } .fade_gallery_landing_collections_container .gallery_landing_collection_column .gallery_landing_collection_title_container .gallery_landing_collection_info .gallery_landing_collection_info_title { text-transform: uppercase; font-size: 1rem; font-weight: 600; margin-bottom: 1rem; } .fade_gallery_landing_collections_container .gallery_landing_collection_column .gallery_landing_collection_title_container .gallery_landing_collection_info .gallery_landing_collection_info_subtitle { font-size: 1rem; } .fade_gallery_landing_collections_container .slider-wrapper { padding: 0 3rem; overflow: hidden; } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .slick-prev { left: -30px; top: 45%; } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block { padding: 0 0.5rem; } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info { padding: 1rem 0; } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info .gallery_landing_scroll_articles_info_title { font-size: 12px; text-transform: lowercase; } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info .gallery_landing_scroll_articles_info_title::first-letter { text-transform: uppercase; } @media (max-width: 767.98px) { .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info .gallery_landing_scroll_articles_info_title { font-size: 16px; } } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info .gallery_landing_scroll_articles_info_price { font-size: 12px; } @media (max-width: 767.98px) { .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .gallery_landing_scroll_articles_block .gallery_landing_scroll_articles_info .gallery_landing_scroll_articles_info_price { font-size: 16px; } } .fade_gallery_landing_collections_container .slider-wrapper .fade_gallery_landing_collections .slick-next { right: -25px; top: 45%; } .product-main { margin: 10px 0 0 0; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_sx .detail_full_img_container { display: none !important; } } .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_img_block .MagicZoom, .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_img_block .mz-figure { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; } .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_img_block .MagicZoom > img, .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_img_block .mz-figure > img { width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 100% !important; } .product-main .details_block_container .detail_full_col_sx .video_block_100 .file-container video-js { background-color: #fff; } .product-main .details_block_container .detail_full_col_dx.sticky-product { position: sticky; height: 100%; top: 90px; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx.sticky-product { padding: 0.5rem !important; } } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_title h1, .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_title .h1 { font-size: 16px; margin: 0 0 0 0; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo { font-size: 12px; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo .details_article_dett_prezzo_old_price { text-decoration: line-through; margin-right: 10px; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo .details_article_dett_prezzo_new_price { font-weight: 700; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo .details_article_dett_prezzo_perc { font-weight: 400; } .product-main .details_block_container .detail_full_col_dx .product-info .scalapay_details_info { margin: 0 0 3% 0; font-size: 13px; } .product-main .details_block_container .detail_full_col_dx .detail_variante_tipo { padding-top: 16px; margin-bottom: 4px; } @media (min-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_variante_tipo { padding-top: 0; margin-bottom: 16px; } } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container { padding-top: 16px; margin-bottom: 4px; } @media (min-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container { padding-top: 0; margin-bottom: 16px; } } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .detail_switch_size_title { font-size: 12px; text-transform: uppercase; font-weight: 700; margin: 0 0 10px 0; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size.slick-initialized { visibility: visible; opacity: 1; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-arrow.slick-disabled { opacity: 0; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-arrow.slick-prev { left: 0; width: 20px; bottom: -65px; top: auto; text-align: left; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-arrow.slick-prev:before { width: 20px; font-size: 20px; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-arrow.slick-next { right: 0; width: 20px; bottom: -65px; top: auto; text-align: right; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-arrow.slick-next:before { width: 20px; font-size: 20px; margin: 0 0 0 auto; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-dots { bottom: -25px; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-track { margin-left: 0; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-track .detail_switch_size_type_label { display: block; background-color: #eee; margin: 0 5px 0 0; padding: 0.5rem; color: #666; text-align: center; font-size: 10px; text-transform: uppercase; font-weight: 700; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-track .detail_switch_size_type_label:hover { background-color: #000; color: #FFF; text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .detail_switch_size_container .fade_detail_switch_size .slick-track .detail_switch_size_type_label.active { background-color: #000; color: #fff; } .product-main .details_block_container .detail_full_col_dx .detail_info_size { font-size: 10px; font-weight: 300; text-transform: uppercase; padding: 0; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li { text-align: center; list-style-type: none !important; margin: 2.5px; position: relative; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li:hover .last_one_size { display: block; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li:first-child { margin: 2.5px 2.5px 2.5px 0; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a { text-decoration: none; background-color: #FFF; border: solid 1px #000; color: black; margin: 0 0 0 0; padding: 0; display: inline-block; width: 80px; height: 50px; line-height: 50px; font-size: 11px; font-weight: 400; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a:hover { background-color: black; color: white !important; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a.active { background-color: #000; border: solid 1px #000; color: #FFF !important; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a.finished { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; cursor: default; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a.finished:hover { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a.finished:hover span { background-color: #FFF; color: lightgray !important; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a.finished .desc_size { text-decoration: line-through; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul li a .last_one_size { display: none; position: absolute; transform: translateY(-35px); left: 0; text-align: center; width: 100%; font-size: 0.7rem; text-transform: none; font-weight: normal; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.dropdown-menu):not(.pagination) li { padding-left: 0; margin-bottom: 8px; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.dropdown-menu):not(.pagination) li:before { content: ""; width: 0; height: 0; position: unset; left: 0; top: 0; border-radius: 0; background: none; } .product-main .details_block_container .detail_full_col_dx .detail_info_size ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.dropdown-menu) a { color: black; text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .details_article_select_qty { display: none; position: relative; } .product-main .details_block_container .detail_full_col_dx .details_article_tempi_consegna { position: relative; } .product-main .details_block_container .detail_full_col_dx .details_article_size_guide { margin: 20px 0 0 0; } .product-main .details_block_container .detail_full_col_dx .details_article_size_guide a { color: #000; font-weight: 700; font-size: 12px; padding: 5px 0; text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .details_article_size_guide a:hover { color: #000; text-decoration: underline; } .product-main .details_block_container .detail_full_col_dx .details_article_manca_taglia { font-size: 9px; font-weight: 300; margin: 3% 0 3% 0; text-transform: uppercase; display: block; } .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_addtocart_black { background-color: #000; border: 1px solid #000; color: #FFF; cursor: pointer; padding: 5px; min-width: auto; width: 100%; max-width: 470px; transition: background-color 0.5s ease; font-style: normal; font-weight: 400; font-size: 13px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_addtocart_black { max-width: 100%; } } @media (min-width: 992px) { .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_addtocart_black:hover { background-color: #fff; color: #000; font-weight: 400; text-decoration: none; } } .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_addtocart_black span.spinner { width: 0.8rem; height: 0.8rem; } .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_details_wish_white { color: #000; font-weight: 700; font-size: 12px; line-height: 12px; text-align: left; border-bottom: 0px solid #cccccc; margin: 0 10px 0 0; width: auto; display: inline-block; background: transparent; border: 0; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .product-buttons .btn_details_wish_white:hover { text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .details_article_dett_preorder { margin: 2% 0 5% 0; } .product-main .details_block_container .detail_full_col_dx .details_article_dett_preorder .details_article_dett_preorder_title { font-family: "Arsenal", sans-serif; font-weight: 400; font-size: 14px; margin: 0 0 10px 0; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .details_article_dett_preorder .details_article_dett_preorder_text { font-size: 11px; } .product-main .details_block_container .detail_full_col_dx .details_article_dett_descr { font-size: 11px; font-weight: 400; margin: 20px 0 20px 0; } .product-main .details_block_container .detail_full_col_dx .details_info_attributi ul { list-style-type: none; } .product-main .details_block_container .detail_full_col_dx .details_info_attributi ul li { color: #000; font-size: 12px; font-weight: 400; margin: 0 0 5px 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti { margin: 5% 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_title { font-size: 12px; text-transform: uppercase; font-weight: 700; margin: 0 0 10px 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container { width: 100%; display: inline-block; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori.slick-initialized { visibility: visible; opacity: 1; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-arrow.slick-disabled { opacity: 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-arrow.slick-prev { left: 0; width: 50px; bottom: -50px; top: auto; text-align: left; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-arrow.slick-prev:before { width: 20px; font-size: 20px; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-arrow.slick-next { right: 1.75%; width: 50px; bottom: -50px; top: auto; text-align: right; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-arrow.slick-next:before { width: 20px; font-size: 20px; margin: 0 0 0 auto; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-dots { bottom: -12px; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-track { margin-left: 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-track .detail_altricolori_item { margin: 10% 16% 10% 0; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-track .detail_altricolori_item .detail_altricolori_img img { width: 100%; height: auto; max-width: 100%; } .product-main .details_block_container .detail_full_col_dx .details_info_varianti .detail_altricolori_container .fade_detail_altricolori .slick-track .detail_altricolori_item .detail_altricolori_img img:hover { opacity: 0.8; } .product-main .details_block_container .detail_full_col_dx .box-shipping-price { padding: 20px; } .product-main .details_block_container .detail_full_col_dx .box-shipping-price .details_article_free_shipping_text { font-size: 11px; text-align: center; text-transform: none; font-weight: 400; } .product-main .details_block_container .detail_full_col_dx .box-shipping-price .details_article_reso_title { font-weight: 400; font-size: 11px; text-align: center; margin: 0; text-transform: uppercase; text-decoration: underline; } .product-main .details_block_container .detail_full_col_dx .details_article_carry_over { font-size: 0.75rem; line-height: normal; font-weight: 700; margin: 1rem 0 0 0; font-style: italic; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .whish_detail_container .btn_details_wish_white { color: #000; font-weight: 700; padding: 10px 0; display: inline-block; font-size: 12px; } .product-main .details_block_container .detail_full_col_dx .whish_detail_container .btn_details_wish_white:hover .icon-wish:before { content: "\e900"; color: #000; } .product-main .details_block_container .detail_full_col_dx .whish_detail_container .btn_details_wish_white i { font-size: 15px; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-button { background-color: transparent; border: 0; box-shadow: none; color: #000; font-weight: 700; font-size: 12px; text-align: left; border-bottom: 0px solid #cccccc; padding: 10px 0; width: 100%; position: relative; cursor: pointer; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-button:not(.collapsed)::after { background-image: unset; transform: unset; content: "\f2ea"; font-family: bootstrap-icons; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-button::after { background-image: unset; content: "\f4fe"; font-family: bootstrap-icons; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-body { padding: 0 0 20px 0; font-size: 11px; font-weight: 400; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-body.listStyleTypeDisc ul { list-style-type: disc; padding: 0 0 0 2rem; } .product-main .details_block_container .detail_full_col_dx .details_article_back { font-size: 11px; line-height: 11px; font-weight: 700; margin: 30px 0 0 0; text-transform: uppercase; color: #000; } .product-main .details_block_container .detail_full_col_dx .details_article_back a { cursor: pointer; } .product-main .details_block_container .detail_full_col_dx .details_article_back a:hover { text-decoration: underline; } .product-main .details_block_container .detail_full_col_dx .details_article_category_tree { font-size: 11px; line-height: 11px; font-weight: 700; margin: 30px 0 0 0; text-transform: uppercase; color: #000; } .product-main .details_block_container .detail_full_col_dx .details_article_category_tree a { cursor: pointer; } .product-main .details_block_container .detail_full_col_dx .details_article_category_tree a:hover { text-decoration: underline; } .product-main .details_block_container .detail_full_col_dx .details_article_share { font-size: 11px; font-weight: 700; margin: 30px 0 0 0; text-transform: uppercase; color: #000; } .product-main .details_block_container .detail_full_col_dx .details_article_share a { cursor: pointer; color: #000; text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .details_article_share a:hover { text-decoration: underline; } /* =================== ==== ALSO LIKE ==== =================== */ .detail_alsolike_container { margin: 0 0 30px 0; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .detail_alsolike_container .detail_alsolike_title { font-size: 20px; font-weight: 700; text-transform: uppercase; width: 100%; margin: 30px 0 10px 0; padding: 30px 1.25% 0 1.25%; } .detail_alsolike_container .fade_detail_alsolike { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-in; -webkit-transition: opacity 0.5s ease-in; } .detail_alsolike_container .fade_detail_alsolike.slick-initialized { visibility: visible; opacity: 1; } .detail_alsolike_container .detail_alsolike_item { padding: 0.5rem; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_img { padding: 2% 2% 0 2%; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_img img { width: 100%; height: auto; max-width: 100%; } @media (min-width: 992px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_img img:hover { opacity: 0.5; } } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info { margin: 0 auto; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_descr { font-size: 14px; text-transform: uppercase; font-weight: 700; margin: 5px 0; padding: 0 2%; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo { font-size: 12px; text-transform: uppercase; padding: 0 2%; display: inline-block; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo .detail_alsolike_prezzo_vecchio { display: inline-block; font-weight: 300; text-decoration: line-through; margin-right: 5px; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo .detail_alsolike_prezzo_nuovo { display: inline-block; font-weight: 400; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo .detail_alsolike_prezzo_retail { display: inline-block; margin-left: 10px; text-transform: none; } /* ============================= ==== SPECIFICHE TECNICHE ==== ============================= */ .specifiche_tecniche_container { margin: 0 0 2% 0; } .specifiche_tecniche_container .specifiche_tecniche_title { text-align: left; color: #000; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 2% 0; } .specifiche_tecniche_container .specifica_tecnica_container { justify-content: center !important; border: 5px solid #000; padding: 1.5rem; margin: 0 0 0 0; } .specifiche_tecniche_container .specifica_tecnica_container .specifica_tecnica_title { text-align: center; color: #000; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 1% 0; } .specifiche_tecniche_container .specifica_tecnica_container .specifica_tecnica_block { border: 2px solid #000; height: 1.5rem; } .specifiche_tecniche_container .specifica_tecnica_container .specifica_tecnica_info { text-align: center; color: #5a5a5a; font-size: 10px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 0; margin: 0 0 0 0; } /* ================ ==== OMAGGI ==== ================ */ .omaggi_container { padding: 24px 0; display: flex; flex-direction: column; gap: 15px; } .omaggi_container img { width: 100px; height: auto; cursor: pointer; } .omaggi_container .omaggi_promo_container { display: flex; flex-direction: column; gap: 5px; } .omaggi_container .omaggi_promo_container .omaggi_promo_title { font-size: 16px; font-weight: bold; display: flex; justify-content: start; margin-bottom: 8px; } .omaggi_container .omaggi_promo_container .omaggi_promo_title i { margin-right: 8px; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container { list-style: none; display: flex; flex-direction: column; gap: 15px; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_container { display: flex; justify-content: space-between; gap: 15px; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_container > * { flex: 0 0 auto; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_container .omaggi_promo_list_articolo_input_container { text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 10px; flex: 1 1 auto; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_container .omaggi_promo_list_articolo_input_container label { font-weight: bold; text-transform: uppercase; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_container .omaggi_promo_list_articolo_input_container select { font-size: 10px; padding: 10px; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container .omaggi_promo_list_articolo_no_omaggio_container { text-align: center; padding-left: 0; display: flex; justify-content: start; font-style: italic; } .omaggi_container .omaggi_promo_container .omaggi_promo_list_container input[type=radio] + label { padding: 0px 0px 0px 24px; height: 25px; display: flex; align-items: center; background-size: 16px; line-height: 16px; } /* ============================== ==== BOX BOTTOM DETTAGLIO ==== ============================== */ .detail_box_bottom_100 { display: flex; justify-content: center; align-items: center; } .detail_box_bottom_100 .detail_box_bottom_img { overflow: hidden; background: none repeat scroll 0 0 #000; width: 100%; } .detail_box_bottom_100 .detail_box_bottom_img img { width: 100%; height: auto; max-width: 100%; border: 0; opacity: 1; margin: 0 auto; transition: opacity 0.5s ease-in; } .detail_box_bottom_100 .detail_box_bottom_img img:hover { opacity: 0.5; } .detail_box_bottom_100 .detail_box_bottom_info { position: absolute; text-align: center; z-index: 100; } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_title { font-weight: 700; font-size: calc(11px + 0.8vw); text-transform: uppercase; margin: 0 0 5px 0; } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_subtitle { font-size: calc(9px + 0.5vw); font-weight: 400; text-transform: none; font-style: normal; margin: 0 0 0px 0; } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_note { font-size: calc(9px + 0.25vw); font-weight: 300; margin: 0 0 5px 0; } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 1.5rem 0 0 0; display: flex; justify-content: center; } @media (max-width: 991.98px) { .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action { margin-top: 2%; } } @media (max-width: 575.98px) { .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action { display: flex; flex-direction: column; margin: 5% auto 0; } } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action a { font-size: calc(10px + 0.5vw); background-color: transparent; border: 1px solid #000; color: #000; padding: 10px; box-sizing: border-box; text-transform: uppercase; text-align: center; width: auto; min-width: 150px; margin: 0 3%; display: inline-block; text-decoration: none; transition: 0.5s; } @media (max-width: 767.98px) { .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action a { margin: 1%; font-size: 16px; } } @media (max-width: 575.98px) { .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action a { margin: 3% 0; } } .detail_box_bottom_100 .detail_box_bottom_info .detail_box_bottom_info_action a:hover { background-color: #000; color: #fff; text-decoration: none; } /* ======================================================== ==== EVIDENZIATURA DEI COLORI DISPONIBILI IN TAGLIA ==== ======================================================== */ [gescat-color-option-id] { transition: opacity 0.2s; position: relative; } [gescat-color-option-id].unavailable::before { border-bottom: 2px solid #676767; left: 0; position: absolute; top: 50%; transform: rotate(54deg); width: 100%; content: ""; opacity: 0.67; z-index: 1000; } [gescat-color-option-id].unavailable a { pointer-events: none; } [gescat-color-option-id].unavailable img { opacity: 0.33 !important; } .brands_title { font-size: 1.25rem; font-weight: 400; margin: 0 0 3rem 0; text-align: center; } .brands_letters_container { margin: 0 0 3rem 0; } @media (max-width: 767.98px) { .brands_letters_container { display: flex; flex-wrap: wrap; justify-content: center; } } @media (max-width: 767.98px) { .brands_letters_container .brands_letters_gradient { background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, rgb(255, 255, 255) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 65px; z-index: 100; pointer-events: none; } } .brands_letters_container .brands_letters_list { margin: 1rem 0; text-align: center; } @media (max-width: 767.98px) { .brands_letters_container .brands_letters_list { display: -webkit-box; overflow-x: auto; padding: 1rem 0; white-space: nowrap; margin: 1rem 2rem; position: relative; scrollbar-width: none; } .brands_letters_container .brands_letters_list .brands_letters_list_item { margin: 0 6px; transition: opacity 0.3s ease; } } .brands_letters_container .brands_letters_list .brands_letters_list_item { margin: 0 10px; } .brands_letters_container .brands_letters_list .brands_letters_list_item a { font-weight: 700; } .brands_letters_container .brands_letters_list .brands_letters_list_item a:hover { text-decoration: underline; } .brands_letters_container .brands_search_form { width: 100%; margin: 1rem 0; } .brands_letters_container .brands_search_form .brands_search_input { border-bottom: 1px solid #7f7f7f; border-left: 0; border-right: 0; border-top: 0; border-radius: 0; font-size: 16px; font-weight: 400; padding: 10px 10px 10px 0; } .brands_letters_container .brands_search_form .brands_search_input:focus { box-shadow: none; outline: none; } .brands_letters_container .brands_search_form .brands_search_button { background-color: transparent; border-bottom: 1px solid #7f7f7f; border-left: 0; border-right: 0; border-top: 0; border-radius: 0; color: #7f7f7f; padding: 10px; } .brands_letters_container .brands_search_form .brands_search_button > i { font-size: 16px; } .brand_filtro_container { display: block; padding: 0 1rem 0 0; } @media (max-width: 575.98px) { .brand_filtro_container { display: none; } } .brand_filtro_container .brand_filtro_title { font-size: 25px; font-weight: 500; margin-bottom: 10px; } .brand_filtro_container .brand_filtro_subtitle { font-size: 18px; font-weight: 500; margin: 2rem 0 10px; } .brand_filtro_container ul { list-style: none; } .brand_filtro_container ul li { margin: 2px 0; } .brand_filtro_container ul li .active { text-decoration: underline; } .brand_filtro_container ul li a { font-size: 12px; } .brands_lists_container .section-brand { margin-bottom: 3rem !important; } .brands_lists_container .section-brand .brands_lists_letter_block h5, .brands_lists_container .section-brand .brands_lists_letter_block .h5 { margin: 0; } .brands_lists_container .section-brand .brands_lists_brand_block_container ul { list-style: none; display: flex; align-items: start; } .brands_lists_container .section-brand .brands_lists_brand_block_container ul .brands_lists_brand_block { text-transform: uppercase; padding: 0 1rem 0 0; } @media (max-width: 575.98px) { .brands_lists_container .section-brand .brands_lists_brand_block_container ul .brands_lists_brand_block { padding: 1rem 0; } } .brands_lists_container .section-brand .brands_lists_brand_block_container ul .brands_lists_brand_block a { color: #000; font-size: 12px; font-weight: 400; line-height: 18px; text-decoration: none; } .brands_lists_container .section-brand .brands_lists_brand_block_container ul .brands_lists_brand_block a:hover { text-decoration: underline; } .general_title { font-size: calc(16px + 1.5vw); font-family: "Arsenal", sans-serif; font-weight: 700; text-transform: uppercase; margin: 0 0 5% 0; } .general_subtitle { font-size: calc(12px + 0.5vw); font-weight: 700; margin: 0 0 5% 0; } .general_text { font-size: calc(10px + 0.5vw); line-height: calc(16px + 0.5vw); font-weight: 400; } /* ================= ==== GALLERY ==== ================= */ .release_gallery_info .general_title { margin: 0 0 10px 0; } .release_gallery { margin: 5rem 0 0 0; } .release_gallery .release_closed { opacity: 0.5; } @media (min-width: 1024px) { .release_gallery .vaschetta_item:hover .vaschetta_item_block { border: 1px solid transparent; } } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title .vaschetta_item_title_brand { display: block; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price .vaschetta_item_info_new_price { font-weight: 700; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action { margin: 1rem 0 0 0; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_counter_label { display: inline-block; font-size: 14px; line-height: 20px; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_counter .timeTo { font-size: 23px; line-height: 32px; } @media (max-width: 767.98px) { .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_counter .timeTo { font-size: 12px; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_counter .timeTo div { width: 14px; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_counter .timeTo span { margin: 0 2.5px; } } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_btn { margin: 1.5rem 0 0 0; } .release_gallery .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_action .vaschetta_item_release_info { text-transform: uppercase; font-weight: 700; } .release_gallery.release_previous_gallery { margin: 5rem 0 10rem 0; } /* =================== ==== DETTAGLIO ==== =================== */ .release_product_section.product-main .details_block_container .detail_full_col_dx .product-info { margin: 0 0 2rem 0; } .release_product_section.product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_brand h2, .release_product_section.product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_brand .h2 { margin-bottom: 0; } .release_product_section.product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_code { margin: 2rem 0; } .release_product_section.product-main .details_block_container .detail_full_col_dx .details_article_dett_release_counter_label { font-size: 14px; text-transform: uppercase; border: 2px solid #000; text-align: center; padding: 10px; margin: 0 0 3rem 0; } .release_product_section.product-main .details_block_container .detail_full_col_dx .timeTo { display: inline-block; font-size: 14px; line-height: 14px; height: 14px; } .release_product_section.product-main .details_block_container .detail_full_col_dx .timeTo div { height: 14px; width: 14px; } .release_product_section.product-main .details_block_container .detail_full_col_dx .timeTo ul { top: -12px !important; } .release_product_section.product-main .details_block_container .detail_full_col_dx .timeTo span { margin: 0 5px; } .release_product_section.product-main .details_block_container .detail_full_col_dx .detail_info_size ul li { margin: -0.5px !important; } .release_product_section.product-main .details_block_container .detail_full_col_dx .detail_info_size ul li:first-child { margin-bottom: 10px !important; } .release_product_section.product-main .details_block_container .detail_full_col_dx .release_product_address { margin-top: 4rem; } .release_product_section.product-main .details_block_container .detail_full_col_dx .release_product_address label { font-size: 10px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px 0; } .release_product_section.product-main .details_block_container .detail_full_col_dx .release_product_button { margin-top: 4rem; } #releaseModal .modal-dialog, #releaseRegistrationModal .modal-dialog, #releaseNewAddressModal .modal-dialog { max-width: 1080px; width: 90%; } #releaseModal .modal-dialog .general_title, #releaseRegistrationModal .modal-dialog .general_title, #releaseNewAddressModal .modal-dialog .general_title { margin: 0 0 2% 0; } #releaseModal .modal-dialog .general_text, #releaseRegistrationModal .modal-dialog .general_text, #releaseNewAddressModal .modal-dialog .general_text { margin: 0 0 4% 0; } #releaseModal .modal-dialog form, #releaseRegistrationModal .modal-dialog form, #releaseNewAddressModal .modal-dialog form { background-color: #E5E4E4; padding: 1rem 2rem; } #releaseModal .modal-dialog form .general_field_100, #releaseModal .modal-dialog form .general_select_100, #releaseRegistrationModal .modal-dialog form .general_field_100, #releaseRegistrationModal .modal-dialog form .general_select_100, #releaseNewAddressModal .modal-dialog form .general_field_100, #releaseNewAddressModal .modal-dialog form .general_select_100 { background-color: transparent; } #releaseModal .modal-dialog .bottone_transparent:hover, #releaseRegistrationModal .modal-dialog .bottone_transparent:hover, #releaseNewAddressModal .modal-dialog .bottone_transparent:hover { background-color: transparent; border: 1px solid transparent; color: #000; text-decoration: underline; text-underline-offset: 2px; } /* =================== ==== THANK YOU ==== =================== */ .release_thankyou_container { margin: 10% 0; } .release_thankyou_container .general_title { margin: 0 0 2.5% 0; } #cart_container .cart_step_wrap { font-size: 20px; font-weight: 300; color: rgb(0, 0, 0); text-align: center; margin-bottom: 40px; } @media (max-width: 1199.98px) { #cart_container .cart_step_wrap { margin-bottom: 10px; } } @media (max-width: 767.98px) { #cart_container .cart_step_wrap { margin-bottom: 20px; } } #cart_container .cart_step_wrap .cart_step_01 { display: inline-block; width: 100px; text-align: center; } #cart_container .cart_step_wrap .cart_step_02 { display: inline-block; width: 100px; text-align: center; } #cart_container .cart_step_wrap .cart_step_03 { display: inline-block; width: 100px; text-align: center; } #cart_container .cart_step_wrap .cart_step_active { font-weight: 700; } #cart_container .cart_step_container { font-size: 12px; font-weight: 400; } #cart_container .cart_step_container .cart_recap_title { font-size: calc(16px + 0.5vw); font-weight: 600; text-align: left; margin: 0 0 3% 0; } #cart_container .cart_step_container .cart_recap_action_container { justify-content: end; } #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_white { background-color: #FFF; border: 1px solid #000; color: #000; cursor: pointer; padding: 5px; width: 100%; transition: background-color 0.5s ease; display: block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; text-align: center; } @media (min-width: 992px) { #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_white:hover { background-color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0); text-decoration: none; color: #ffffff; } } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_white { padding: 10px; color: #000 !important; text-decoration: none !important; } } #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_red { background-color: #C14345; border: 1px solid #C14345; color: #FFF; cursor: pointer; padding: 5px; width: 100%; transition: background-color 0.5s ease; display: block; font-style: normal; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; border-radius: 0px; } @media (min-width: 992px) { #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_red:hover { background-color: #fff; color: #C14345; text-decoration: none; } } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_recap_action_container .cart_recap_action_button_red { padding: 10px; color: #FFF !important; text-decoration: none !important; } } @media (max-width: 575.98px) { #cart_container .cart_step_container .cart_recap_action_container a { padding: 5px !important; } } #cart_container .cart_step_container .card_body_dati_wrap { margin-bottom: 3rem; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap { margin-bottom: 1rem; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati { display: flex; min-height: 200px; padding: 5% !important; flex-direction: column; flex-wrap: nowrap; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati { min-height: auto; padding: 2% !important; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container { width: 100%; position: relative; pointer-events: none; text-transform: none !important; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container { margin: 0 auto; pointer-events: all; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container.accordion-button { background-color: #f8f9fa; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container.accordion-button { display: block; margin: 0 auto; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container.accordion-button::after { display: none; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container.accordion-button::after { display: inline-block; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 1rem; top: 50%; transform: translateY(-50%) rotate(45deg); border: solid #5a5a5a; border-width: 0 1px 1px 0; padding: 3px; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .accordion-header .card_body_dati_title_container.accordion-button[aria-expanded=true]::after { transform: translateY(-50%) rotate(-135deg); -webkit-transform: translateY(-50%) rotate(-135deg); } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container { min-height: 135px; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container .card_body_action { text-align: end; margin-top: auto; position: absolute; bottom: 0; right: 0; padding: 5%; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container .card_body_action { display: block; margin: 0 auto; position: absolute; padding: 1% 2% 1% 1%; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container .card_body_invoice { text-align: start; margin-top: auto; position: absolute; bottom: 0; left: 0; padding: 5%; white-space: nowrap; } @media (max-width: 767.98px) { #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container .card_body_invoice { display: block; margin: 0 auto; position: absolute; padding: 1% 1% 1% 2%; } } #cart_container .cart_step_container .card_body_dati_wrap .card_body_dati .card_body_dati_info_container .card_body_invoice .form-switch { line-height: 19px; } #cart_container .cart_step_container .card_body_intro { font-size: 13px; border-left: 2px solid #000000; padding: 1% 0 1% 1.5%; } #cart_container .cart_step_container .bottone_black { height: 40px; } @media (max-width: 767.98px) { #cart_container .cart_step_container .bottone_black { width: 100%; max-width: none; } } #cart_container .cart_step_container .card_body_info { font-size: 11px; margin: 2% 0 0 0; padding: 0 0 0 0; } #cart_container .cart_step_container .card_body_action { font-size: 13px; padding: 0 0 0 0; } #cart_container .cart_step_container .card_body_action button { text-transform: uppercase; color: #000; } #cart_container .cart_step_container .cart_step_checkout_btn_container { margin-top: 1%; display: flex; justify-content: center; } #cart_container .cart_step_container .cart_step_checkout_btn_container .cart_step_checkout_btn { margin-top: 1%; margin-bottom: 1%; padding: 5px; min-width: 200px; font-size: 16px; background-color: #000; border: 1px solid #000; transition: background-color 0.5s ease; color: #FFF; transition: 0.5s; cursor: pointer; display: inline-block; font-style: normal; font-weight: 700; text-align: center; text-transform: uppercase; height: 40px; width: 50%; } #cart_container .cart_step_container .cart_step_checkout_btn_container .cart_step_checkout_btn:hover { background-color: #fff; color: #000; text-decoration: none; } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_step_checkout_btn_container .cart_step_checkout_btn { width: 100%; } } #cart_container .cart_step_container .cart_recap_container { background-color: #fafafa; display: block; width: 100%; top: 95px; padding: 10px 2.5% 2.5%; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container { top: 90px; background-color: #FFF; z-index: 999; padding: 0; } } @media (max-width: 1023.98px) { #cart_container .cart_step_container .cart_recap_container { top: 60px; } } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container.cart_recap_container_cart .cart_recap_checkout_info_container { display: block; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container { text-align: left; margin: 0 0 3% 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_sel select { font-weight: 400; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action { text-align: right; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action button { font-size: 11px; font-weight: 600; color: #000; background-color: transparent; border: 0; padding: 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action button:hover { text-decoration: underline; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg { text-transform: none; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg a { text-transform: none; color: var(--bs-warning-text-emphasis); text-decoration: underline; font-weight: 600; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg a:hover { text-decoration: none; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container { padding: 2% 3%; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item { background-color: #fafafa; } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-header { display: flex; justify-content: space-between; align-items: baseline; } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-header button.accordion-button { background-color: transparent; padding: 0; width: auto; border-radius: 0; font-size: calc(16px + 0.5vw); font-weight: 600; text-transform: none; } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-header button.accordion-button::after { margin-left: 10px; background: none; content: "\f282" !important; font-family: bootstrap-icons; width: auto; height: auto; } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-header .cart_recap_price_block { display: none; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-header .cart_recap_price_block { display: block; font-size: calc(16px + 0.5vw); } } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-body { padding-bottom: 0; overflow-y: auto; max-height: 40vh; margin-top: 1rem; padding-right: 1% !important; } } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-body { max-height: 30vh; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-body::-webkit-scrollbar { width: 3px; } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-body .cart_total_discount_container { display: none; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-body .cart_total_discount_container { display: flex; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .cart_recap_action_container { justify-content: end; border-bottom: solid 1px rgba(0, 0, 0, 0.2); padding: 0 0 1% 0; margin: 0 0 2% 0; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .cart_recap_action_container { border-bottom: 0; } } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .cart_recap_action_container span { display: flex; justify-content: flex-end; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container { text-align: left; margin: 0 0 3% 0; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container { margin: 0; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_input .rowElem .general_field_100 { background-color: transparent; } #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn { width: 100%; min-width: auto; max-width: 100%; height: 40px; background-color: #fff; color: #000; font-size: 12px; } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn { color: #000 !important; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn:hover { background-color: #000; color: #fff; } @media (max-width: 767.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn:hover { color: #fff !important; } } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_checkout_info_container { display: none; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_checkout_info_container .cart_recap_checkout_info { display: inline-block; width: 100%; margin: 1% auto; padding: 0 5%; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_checkout_info_container .cart_recap_checkout_info { padding: 0; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_checkout_info_container .cart_recap_checkout_info .cart_recap_price_block { width: 50%; text-align: center; float: left; font-size: 13px !important; text-transform: uppercase; } #cart_container .cart_step_container .cart_recap_container .cart_recap_tot_row { display: inline-block; width: 100%; margin: 1% auto; padding: 2% 4% 0; border-top: 2px solid #000000; font-size: 16px; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container .cart_recap_tot_row { padding: 2% 0 0; margin-bottom: 0; } } #cart_container .cart_step_container .cart_recap_container .cart_recap_tot_row .cart_recap_price_block { width: 50%; text-align: center; float: left; font-size: calc(13px + 0.5vw) !important; font-weight: 700; } #cart_container .cart_step_container .cart_recap_container .payment_widget_container { text-align: center; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper { width: 100%; padding: 0 0.5% 0 0; margin: 25px 0 0 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img { overflow: hidden; background: none repeat scroll 0 0 #000; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img img { width: 100%; height: auto; max-width: 100%; border: 0; opacity: 1; margin: 0 auto; transition: opacity 0.5s ease-in; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img img:hover { opacity: 0.5; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info { padding: 0; margin: 2% 0 0 0; text-align: left; width: auto; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_title { font-weight: 400; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_subtitle { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_note { font-weight: 300; font-size: 11px; text-transform: none; margin: 0 0 5px 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 0; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action a { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 2% 0 0; background-color: transparent; border: 0px solid #000; color: #000; padding: 0; box-sizing: border-box; text-align: center; width: auto; min-width: auto; display: inline-block; text-decoration: none; transition: 0.5s; } #cart_container .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action a:hover { background-color: transparent; color: #000; text-decoration: underline; } #cart_container .cart_step_container .cart_recap_container .cart_recap_button_block .cart_recap_button { margin-top: 5%; margin-bottom: 2%; padding: 10.5px 5px; min-width: auto; width: 100%; font-size: 16px; background-color: #000; border: 1px solid #000; color: #fff; transition: 0.5s; cursor: pointer; display: inline-block; font-style: normal; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; } #cart_container .cart_step_container .cart_recap_container .cart_recap_button_block .cart_recap_button:hover { background-color: #fff; border: 1px solid #000; color: #000; } #cart_container .cart_step_container .cart_arrow_back { margin-top: 2rem; display: flex; } #cart_container .cart_step_container .cart_arrow_back a { border: 1px solid #000; padding: 13px; font-size: 12px; text-transform: uppercase; font-weight: 600; transition: 0.2s; } #cart_container .cart_step_container .cart_arrow_back a:hover { background-color: #000; color: #fff; text-decoration: none; } #cart_container .rowElem .form-switch label { padding: 0; margin: 0 0 10px 10px; display: inline-block; } #cart_container .rowElem .label_general::after { background-color: transparent; } /* ===================================== ==== LISTA ARTICOLI NEL CARRELLO ==== ===================================== */ .cart_item_container { padding: 5px 0; } @media (max-width: 575.98px) { .cart_item_container { padding: 5px 0; } } .cart_item_container .cart_img_container { padding: 0 5px 0 0; text-align: left; } .cart_item_container .cart_img_container img { width: 100%; height: auto; } .cart_item_container .cart_img_container .cart_personalizzazione_desc_container { font-weight: bold; text-transform: uppercase; height: 100%; background: #e7e7e7; align-items: center; display: flex; justify-content: center; font-size: 10px; } @media (max-width: 575.98px) { .cart_item_container .cart_img_container .cart_personalizzazione_desc_container { font-size: 8px; } } .cart_item_container .cart_info_container { padding: 5px 5px 5px 0.5rem; text-align: left; margin: auto; } .cart_item_container .cart_info_container .cart_descr_preorder { font-size: 14px; font-weight: 400; } .cart_item_container .cart_info_container .cart_descr_title { font-size: 12px; font-weight: 700; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 5px; } .cart_item_container .cart_info_container .cart_descr_brand { font-size: 10px; font-weight: 400; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 3px; } .cart_item_container .cart_info_container .cart_descr_size { font-size: 10px; font-weight: 400; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 10px; } .cart_item_container .cart_info_container .cart_descr_size .gescatErrorMsg { text-transform: none; } .cart_item_container .cart_info_container .cart_qta_01 { display: inline-block; text-align: center; font-size: 12px; margin-right: 10px; } .cart_item_container .cart_info_container .cart_qta_02 { display: inline-block; text-align: center; font-size: 10px; } .cart_item_container .cart_info_container .cart_qta_03 { display: inline-block; text-align: center; font-size: 10px; margin-left: 10px; } .cart_item_container .cart_info_container .cart_coupon_container { margin-top: 8px; } .cart_item_container .cart_info_container .cart_coupon_container .cart_coupon_info { padding: 4px; border-radius: 4px; background-color: #E9F8F0; color: #212121; font-size: 11px; font-weight: 400; } .cart_item_container .cart_price_container { padding: 5px; text-align: right; font-weight: 400; margin: auto; font-size: 10px; } @media (max-width: 1399.98px) { .cart_item_container .cart_price_container { padding: 0; } } @media (max-width: 767.98px) { .cart_item_container .cart_price_container { text-align: right; } } .cart_item_container .cart_price_container .cart_icon_container { font-size: 13px; margin: 10px 0 0 0; display: block; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist { color: #000; display: inline-block; margin-right: 10px; border: none; background-color: transparent; padding: 0; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i::before { color: rgb(0, 0, 0); text-decoration: none; content: "\f415" !important; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete { color: #000; display: inline-block; color: black; border: none; background-color: transparent; padding: 0; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete:hover i:before { color: rgb(160, 42, 44); text-decoration: none; } .cart_item_container .cart_ship_from_container { background-color: #ededed; font-size: 10px; font-weight: 400; margin: 0 auto; padding: 5px; text-align: left; text-transform: uppercase; width: 98%; } /* ====================== ==== LISTA OMAGGI ==== ====================== */ .cart_recap_omaggio_title { font-size: 16px; font-weight: 900; margin-bottom: 8px; padding-top: 16px; text-align: left; text-transform: none; } .cart_recap_omaggio_carrello_wrapper { text-transform: uppercase; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container { padding: 5px 0; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_img_container { padding: 0 5px 0 0; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_img_container img { width: 100%; height: auto; max-width: 200px; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_info_container { padding: 5px 5px 5px 0.5rem; display: flex; flex-direction: column; gap: 3px; justify-content: center; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_info_container .cart_recap_omaggio_carrello_descr_title { font-size: 12px; font-weight: bold; margin-bottom: 2px; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_info_container .cart_recap_omaggio_carrello_descr_brand { font-size: 10px; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_info_container .cart_recap_omaggio_carrello_qta { font-size: 10px; } .cart_recap_omaggio_carrello_wrapper .cart_recap_omaggio_carrello_container .cart_recap_omaggio_carrello_info_container .cart_recap_omaggio_carrello_size_container .cart_recap_omaggio_carrello_size_descr { font-size: 10px; display: flex; flex-direction: column; gap: 3px; justify-content: center; } .cart_recap_omaggio_articolo_wrapper { text-transform: uppercase; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container { padding: 5px 0; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_img_container { padding: 0 5px 0 0; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_img_container img { width: 100%; height: auto; max-width: 200px; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container { padding: 5px 5px 5px 0.5rem; display: flex; flex-direction: column; gap: 3px; justify-content: center; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container .cart_recap_omaggio_articolo_descr_title { font-size: 12px; font-weight: bold; margin-bottom: 2px; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container .cart_recap_omaggio_articolo_descr_brand { font-size: 10px; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container .cart_recap_omaggio_articolo_qta { font-size: 10px; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container .cart_recap_omaggio_articolo_size_container .cart_recap_omaggio_articolo_size_descr { display: flex; font-size: 10px; } .cart_recap_omaggio_articolo_wrapper .cart_recap_omaggio_articolo_container .cart_recap_omaggio_articolo_info_container .cart_recap_omaggio_articolo_size_container .cart_recap_omaggio_articolo_size_descr .cart_recap_omaggio_articolo_size_descr_taglia { margin-right: 8px; } /* ================================= ==== LISTA PERSONALIZZAZIONI ==== ================================= */ .cart_personalizzazione_testo { font-size: 10px; text-transform: uppercase; margin-bottom: 3px; } .cart_personalizzazione_posizione { font-size: 10px; text-transform: uppercase; } .cart_personalizzazione_colore { font-size: 10px; text-transform: uppercase; padding-top: 8px; display: flex; line-height: 15px; align-items: center; gap: 4px; width: auto; } .cart_personalizzazione_colore .circle { width: 15px; height: 15px; border-radius: 50%; border: 1px solid #535353; margin-left: 4px; } /* ======================== ==== CARRELLO VUOTO ==== ======================== */ .cart_empty { align-items: center; justify-content: center; text-transform: uppercase; text-align: center; font-size: 50px; font-weight: 500; padding: 5%; } @media (max-width: 767.98px) { .cart_empty { padding: 10%; font-size: 30px; } } /* ======================== ==== FAST CHECKOUT ==== ======================== */ .cart_recap_fastcheckout_title { padding: 20px 0 10px; text-align: center; text-transform: uppercase; font-weight: 900; font-size: 13px; text-decoration: underline; text-underline-offset: 1px; } .cart_recap_fastcheckout_container .cart_recap_fastcheckout_btn_container { display: flex; justify-content: center; margin-bottom: 10px; } .cart_recap_fastcheckout_container .cart_recap_fastcheckout_btn_container .cart_recap_fastcheckout_btn { padding: 0 5px; margin: 0 0 5px 0; } /* =========================== ==== SCELTA SPEDIZIONE ==== =========================== */ .shipment_choose .shipment_choose_row { display: flex; background: rgb(231, 231, 231); border: 1px solid rgba(0, 0, 0, 0.125); margin: 8px; padding: 4px 12px 4px 12px; } .shipment_choose .shipment_choose_row label { padding: 5px 0 5px 20px !important; width: 100%; min-width: auto; display: flex; } .shipment_choose .shipment_choose_row label .shipment_choose_icon { align-items: center; display: flex; font-size: 35px; justify-content: center; margin: 0; padding: 10px 15px; } .shipment_choose .shipment_choose_row label .shipment_choose_icon img { width: 35px; height: auto; } .shipment_choose .shipment_choose_row label .shipment_choose_info_container { display: flex; flex-direction: column; justify-content: center; } .shipment_choose .shipment_choose_row label .shipment_choose_info_container .shipment_choose_info_type { font-size: 13px; font-weight: 600; line-height: 20px; } .shipment_choose .shipment_choose_row label .shipment_choose_info_container .shipment_choose_info_timing { color: #313131; font-size: 13px; } .shipment_choose .shipment_choose_row label .shipment_choose_info_container .shipment_choose_info_price { color: #313131; font-size: 13px; } .shipment_choose img { height: 25px; margin: 0 15px 0 5px; } /* ========================= ==== PAGAMENTI STEP3 ==== ========================= */ .payment_choose .paymentchoose_row { display: flex; background: rgb(231, 231, 231); border: 1px solid rgba(0, 0, 0, 0.125); margin: 8px; padding: 4px 12px 4px 12px; } .payment_choose .paymentchoose_row > label { text-transform: uppercase !important; font-size: 12px; font-weight: 600; padding: 0 0 0 35px !important; width: 100%; min-width: auto; } .payment_choose .paymentchoose_row > label > span { display: block; float: left; margin: auto 0; line-height: 40px; } .payment_choose .paymentchoose_row > label > img { height: 40px; margin: 0; max-width: 25%; display: block; float: right; position: relative; width: auto; } .payment_choose img { height: 25px; margin: 0 15px 0 5px; } .payment_stripe_row { margin: 8px 8px 24px 8px; } .payment_stripe_row .payment_one_step_container { padding: 3%; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } /* ========================= ==== TOTAL DISCOUNT ==== ========================= */ .cart_total_discount_container { background-color: #f8f9fa; padding: 1em; margin-bottom: 25px; margin-top: 25px; display: flex; align-items: center; justify-content: space-between; line-height: 20px; } .cart_total_discount_container .cart_total_discount_txt_container .cart_total_discount_title { font-weight: 700; font-size: 14px; } .cart_total_discount_container .cart_total_discount_txt_container .cart_total_discount_subtitle { font-size: 12px; } .cart_total_discount_container .cart_total_discount_price_container { background-color: #2E8B57; padding: 10px; border-radius: 4px; color: #fff; font-weight: 600; font-size: 16px; } /* ======================== ==== INFO CHECKOUT ==== ======================== */ .cart_recap_info_checkout_wrapper { padding: 1em; background-color: #f8f9fa; } .cart_recap_info_checkout_wrapper .cart_recap_info_checkout_main_title { text-align: start; font-size: 13px; } .cart_recap_info_checkout_wrapper .cart_recap_info_icon_img_container { padding: 1rem 0 2rem; display: flex; align-items: center; } .cart_recap_info_checkout_wrapper .cart_recap_info_icon_img_container .cart_recap_info_icon_img { width: 2.25rem; margin-right: 0.75rem; } .cart_recap_info_checkout_wrapper .cart_recap_info_secure_container .cart_recap_info_secure_img { width: 20%; } .cart_recap_info_checkout_wrapper .cart_recap_info_secure_container .cart_recap_info_secure_info { text-align: start; padding: 0 0 0 3rem; font-size: 11px; } .cart_recap_info_checkout_wrapper .cart_recap_info_accordion_main_title { padding: 2rem 0 1rem; text-transform: uppercase; font-size: 1.2rem; text-align: start; font-weight: 600; } .cart_recap_info_checkout_wrapper .accordion-item { border-bottom: 1px dashed #000; border-left: 0; border-right: 0; border-top: 0; } .cart_recap_info_checkout_wrapper .accordion-item .cart_recap_info_accordion .cart_recap_info_accordion_title { font-size: 12px; font-weight: 600; padding: 1rem 0; background-color: #f8f9fa; border-bottom: 0 dashed #000; color: #000; } .cart_recap_info_checkout_wrapper .accordion-item .cart_recap_info_accordion .cart_recap_info_accordion_title:not(.collapsed)::after { background-image: unset; transform: unset; content: "\f282"; font-family: bootstrap-icons; } .cart_recap_info_checkout_wrapper .accordion-item .cart_recap_info_accordion .cart_recap_info_accordion_title::after { background-image: unset; content: "\f286"; font-family: bootstrap-icons; padding-top: 1%; border-bottom: 0; background-color: #f8f9fa; } .cart_recap_info_checkout_wrapper .accordion-item .cart_recap_info_accordion .cart_recap_info_accordion_text { border-bottom: 0px dashed #000; background-color: #f8f9fa; } .cart_recap_info_checkout_wrapper .accordion-item .cart_recap_info_accordion .cart_recap_info_accordion_text p { text-align: start; padding: 1rem 0; margin-bottom: 0; } /* ============================== ==== CHECKOUT SINGLE PAGE ==== ============================== */ .checkout_single_page_wrapper { margin-top: 90px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 { width: 95%; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container { font-size: 12px; font-weight: 400; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section { margin: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .card_body_intro { font-size: 13px; border-left: 2px solid #000000; padding: 1% 0 1% 1.5%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body input { height: 40px; line-height: normal; min-height: auto; padding: 1rem 0.75rem; border-radius: 0; border: 1px solid #000; font-size: 11px; color: #212529 !important; width: 100%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body input:focus { box-shadow: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .icon_toggle_pw { top: 10px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .icon_toggle_pw { right: 15px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .bottone_black { height: 40px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .bottone_black { width: 100%; } } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .bottone_black { max-width: unset; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .custom-switch-container { align-items: flex-start; gap: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .custom-switch-container .custom-switch-input:checked + .custom-switch-label .custom-switch-slider::before { transform: translateX(12px); } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .custom-switch-container .custom-switch-label { width: 24px; height: 12px; margin: 3px 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .custom-switch-container .custom-switch-label span::before { bottom: 2px; height: 8px; width: 8px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .custom-switch-container .custom-switch-text { font-size: 13px; font-weight: 300; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .card-body .alert { margin: 1rem 0 0 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .cart_recap_title { font-size: 24px; font-weight: 500; margin: 0 0 3%; text-align: left; text-transform: uppercase; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .cart_step_checkout_btn_container { margin-top: 1%; display: flex; justify-content: center; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .cart_step_checkout_btn_container .cart_step_checkout_btn { margin-top: 1%; margin-bottom: 1%; padding: 5px; min-width: 200px; font-size: 16px; background-color: #000; border: 1px solid #000; transition: background-color 0.5s ease; color: #FFF; cursor: pointer; display: inline-block; font-style: normal; font-weight: 700; text-align: center; text-transform: uppercase; height: 40px; width: 50%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .cart_step_checkout_btn_container .cart_step_checkout_btn:hover { background-color: #fff; color: #000; text-decoration: none; } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout #login-guest-section .cart_step_checkout_btn_container .cart_step_checkout_btn { width: 100%; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati { margin: 0 0 2% 0; padding: 0 !important; border-bottom: solid 1px #e8e8e8; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .accordion-header { background-color: #FFF; padding: 10px 10px 30px 10px; display: flex; align-items: center; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .accordion-header .card_body_dati_title { position: relative; font-weight: 400; font-size: calc(14px + 0.5vw); text-transform: none; color: #000; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .accordion-header .card_body_dati_title .gescat_address-add-btn { align-items: center; color: var(--bs-gray-600, #6c757d); display: flex; margin-left: 0.5rem; text-decoration: none; transition: color 0.2s ease; position: absolute; right: -18px; top: -1px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .accordion-header .card_body_dati_title .gescat_address-add-btn:hover { color: #000; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .accordion-header .card_body_dati_title .gescat_address-add-btn .bi { font-size: 13px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .same-address-checkbox { margin: 12px 33px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .same-address-checkbox { margin: 12px 0 12px 12px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .same-address-checkbox .custom_checkbox input[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .same-address-checkbox .custom_checkbox input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox.png?a7a2e6fb624661b9f0783b1cb5396b65); } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .same-address-checkbox .custom_checkbox input[type=checkbox] + label { margin: 0; padding: 5px 0px 0px 30px; cursor: pointer; background: url(/images/input_start.webp?b855384a5ce07fb3e16a2e56d3bc6578) left center no-repeat; font-weight: 300; background-size: 18px 18px; display: inline-block; color: #6c757d; font-size: 13px; line-height: 1.35; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner { padding: 12px 20px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner { padding: 12px 0px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card { border: 1px solid #fafafa; border-radius: 10px; background-color: #fafafa; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card:hover { background-color: #ededed; border: 1px solid #ededed; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .address-card-label .address-card-content .address-card-header { align-items: baseline; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .address-card-label .address-card-content .address-card-header .address-card-title { font-size: 14px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .address-card-label .address-card-content .address-card-header .address-default-icon::before { vertical-align: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .address-card-label .address-card-content .address-card-details { font-size: 13px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .gescat_address-card-edit-btn { background-color: transparent !important; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-container .gescat_address-card .gescat_address-card-edit-btn:hover { background-color: #000 !important; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel .address-carousel-inner .address-carousel-progress-bar { background-color: #f8f9fa; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner { padding: 12px 20px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner { padding: 12px 0px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner .shipping-carousel-container .gescat_shipping-card { background-color: #fafafa; border: 1px solid #fafafa; border-radius: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner .shipping-carousel-container .gescat_shipping-card .shipping-card-label .shipping-card-content .shipping-card-name { font-size: 14px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner .shipping-carousel-container .gescat_shipping-card .shipping-card-label .shipping-card-content .shipping-card-description { font-size: 13px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner .shipping-carousel-container .gescat_shipping-card .shipping-card-price-wrapper .shipping-card-price { color: #000; font-size: 12px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel .shipping-carousel-inner .shipping-carousel-container button:hover { background-color: #000 !important; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .address-carousel.collapsed .address-carousel-inner { display: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .card_body_dati .shipping-carousel.collapsed .shipping-carousel-inner { display: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .cart_recap_title { align-items: center; background-color: #FFF; display: flex; padding: 10px 10px 30px 10px; color: #000; font-size: calc(14px + 0.5vw); font-weight: 400; text-transform: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .paymentchoose_row { margin: 12px 20px 0 20px; background-color: #fafafa; border: 1px solid #fafafa; border-radius: 10px; padding: 0.75rem 12px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .paymentchoose_row { margin: 12px 0px 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .paymentchoose_row .helper-description { color: #212529; font-size: 14px; font-weight: 700; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row { margin: 8px 20px 24px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row { margin: 8px 0px 24px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .custom_checkbox input[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .custom_checkbox input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox.png?a7a2e6fb624661b9f0783b1cb5396b65); } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .custom_checkbox input[type=checkbox] + label { margin: 0; padding: 3px 0px 3px 30px; cursor: pointer; background: url(/images/input_start.webp?b855384a5ce07fb3e16a2e56d3bc6578) left center no-repeat; background-size: 18px 18px; display: inline-block; line-height: 1.35; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .save_cards_container { margin: 0 0 3% 0 !important; padding-left: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .save_cards_container .save_cards_checkbox { margin: 0 5px 0 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .payment_choose .payment_stripe_row .payment_one_step_container .save_cards_container .save_cards_label { color: #212529; font-size: 13px !important; font-weight: 700; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .cart_step_checkout_btn_container { display: flex; justify-content: center; margin-top: 1%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container #cart_container #checkout .cart_step_checkout_btn_container .checkout-submit-btn { font-size: 16px; height: 50px; margin-bottom: 1%; margin-top: 2%; width: 100%; max-width: unset !important; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container { display: block; width: 100%; top: 95px; padding: 10px 2.5% 2.5%; background-color: #fafafa; border-radius: 10px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container { top: 90px; z-index: 999; padding: 0; } } @media (max-width: 1023.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container { top: 60px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container { text-align: left; margin: 0 0 3% 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_sel select { font-weight: 400; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action { text-align: right; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action button { font-size: 11px; font-weight: 600; color: #000; background-color: transparent; border: 0; padding: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action button:hover { text-decoration: underline; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg { text-transform: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg a { text-transform: none; color: var(--bs-warning-text-emphasis); text-decoration: underline; font-weight: 600; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .gescatErrorMsg a:hover { text-decoration: none; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container { padding: 2% 10px; } } @media (max-width: 575.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container { padding: 5% 10px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item { background-color: #fafafa; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-header { display: flex; justify-content: space-between; align-items: baseline; background-color: #fafafa; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-header button.accordion-button { background-color: transparent; padding: 0; width: auto; border-radius: 0; font-size: calc(16px + 0.5vw); font-weight: 600; text-transform: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-header button.accordion-button::after { margin-left: 10px; background: none; content: "\f282" !important; font-family: bootstrap-icons; width: auto; height: auto; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-header .cart_recap_price_block { display: none; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-header .cart_recap_price_block { display: block; font-size: calc(16px + 0.5vw); } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body { background-color: #fafafa; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body { padding-bottom: 0; overflow-y: auto; max-height: 40vh; margin-top: 1rem; padding-right: 1% !important; } } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body { max-height: 30vh; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body::-webkit-scrollbar { width: 3px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_recap_action_container { justify-content: end; border-bottom: solid 1px rgba(0, 0, 0, 0.2); padding: 0 0 1% 0; margin: 0 0 2% 0; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_recap_action_container { border-bottom: 0; } } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_recap_action_container span { display: flex; justify-content: flex-end; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container { padding: 10px 0; } @media (max-width: 575.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container { padding: 5px 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_img_container { padding: 0 5px 0 0; text-align: left; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_img_container img { width: 100%; height: auto; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_img_container .cart_personalizzazione_desc_container { font-weight: bold; text-transform: uppercase; height: 100%; background: #e7e7e7; align-items: center; display: flex; justify-content: center; font-size: 10px; } @media (max-width: 575.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_img_container .cart_personalizzazione_desc_container { font-size: 8px; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container { padding: 5px 0px 5px 0.5rem; text-align: left; margin: auto; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_descr_preorder { font-size: 14px; font-weight: 400; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_descr_title { font-size: 12px; font-weight: 700; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 5px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_descr_brand { font-size: 10px; font-weight: 400; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 3px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_cod_colore_size_container { display: flex; font-family: "Arsenal", sans-serif; color: #d2d2d2; text-transform: none; line-height: 20px; margin-bottom: 4px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_cod_colore_size_container .cart_cod_colore { font-family: "Arsenal", sans-serif; color: #000000; font-size: 10px; text-transform: none; line-height: 20px; margin-right: 6px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_cod_colore_size_container .cart_descr_size { margin: 0; align-items: center; font-family: "Arsenal", sans-serif; color: #000000; font-size: 10px; text-transform: none; line-height: 20px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_descr_size { font-size: 10px; font-weight: 400; color: rgb(0, 0, 0); text-transform: uppercase; margin-bottom: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_descr_size .gescatErrorMsg { text-transform: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_quantity_container { display: flex; align-items: center; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_quantity_container .cart_quantity_label { font-size: 11px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_qta_01 { display: inline-block; text-align: center; font-size: 11px; margin-right: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_qta_02 { display: inline-block; text-align: center; font-size: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_qta_03 { display: inline-block; text-align: center; font-size: 11px; margin-left: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_coupon_container { margin-top: 8px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_info_container .cart_coupon_container .cart_coupon_info { padding: 4px; border-radius: 4px; background-color: #E9F8F0; color: #212121; font-size: 11px; font-weight: 400; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container { padding: 5px; text-align: right; font-weight: 400; margin: auto; font-size: 10px; } @media (max-width: 1399.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container { padding: 0; } } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container { text-align: right; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container { font-size: 13px; margin: 10px 0 0 0; display: flex; justify-content: flex-end; gap: 10px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist { color: #000; display: inline-block; margin-right: 10px; border: none; background-color: transparent; padding: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i::before { color: rgb(0, 0, 0); text-decoration: none; content: "\f415" !important; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete { color: #000; display: inline-block; color: black; border: none; background-color: transparent; padding: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete:hover i:before { color: rgb(160, 42, 44); text-decoration: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_price_container .cart_icon_container .cart_label_wishlist button { margin-right: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container #accordionCartRecap .accordion-item .accordion-body .cart_item_container .cart_ship_from_container { background-color: #ededed; font-size: 10px; font-weight: 400; margin: 0 auto; padding: 5px; text-align: left; text-transform: uppercase; width: 98%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container { text-align: left; margin: 0 0 3% 0; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container { margin: 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn { width: 100%; min-width: auto; max-width: 100%; height: 40px; background-color: #fff; color: #000; font-size: 12px; } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn { color: #000 !important; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn:hover { background-color: #000; color: #fff; } @media (max-width: 767.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_coupon_container .cart_recap_coupon_btn:hover { color: #fff !important; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container { margin-top: 3%; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_checkout_info, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_checkout_info { display: inline-block; width: 100%; margin: 1% auto; padding: 0 5%; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_checkout_info, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_checkout_info { padding: 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_checkout_info .cart_recap_price_block, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_checkout_info .cart_recap_price_block { width: 50%; text-align: center; float: left; font-size: 13px !important; text-transform: uppercase; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_tot_row, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_tot_row { display: inline-block; width: 100%; margin: 1% auto; padding: 2% 5% 0; border-top: 2px solid #000000; font-size: 16px; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_tot_row, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_tot_row { padding: 2% 0 0; margin-bottom: 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_tot_row .cart_recap_price_block, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_tot_row .cart_recap_price_block { width: 50%; text-align: center; float: left; font-size: calc(13px + 0.5vw) !important; font-weight: 700; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .cart_recap_tot_row .cart_recap_price_block .bi-chevron-up, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .cart_recap_tot_row .cart_recap_price_block .bi-chevron-up { display: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_recap_checkout_info_container .checkout-summary-vat-label, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_recap_checkout_info_container .checkout-summary-vat-label { padding: 0 1% 0.5rem; text-align: right; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_total_discount_container, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_total_discount_container { margin: 15px 0; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_total_discount_container, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_total_discount_container { padding: 1em 0; } } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_step_checkout_btn_container, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_step_checkout_btn_container { margin-top: 2rem; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_checkout_footer_container .cart_step_checkout_btn_container .bottone_black, .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_items_container .cart_step_checkout_btn_container .bottone_black { width: 100%; padding: 8px 25px; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .payment_widget_container { text-align: center; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper { width: 100%; padding: 0 0.5% 0 0; margin: 25px 0 0 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img { overflow: hidden; background: none repeat scroll 0 0 #000; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img img { width: 100%; height: auto; max-width: 100%; border: 0; opacity: 1; margin: 0 auto; transition: opacity 0.5s ease-in; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_img img:hover { opacity: 0.5; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info { padding: 0; margin: 2% 0 0 0; text-align: left; width: auto; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_title { font-weight: 400; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_subtitle { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_note { font-weight: 300; font-size: 11px; text-transform: none; margin: 0 0 5px 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 0; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action a { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 2% 0 0; background-color: transparent; border: 0px solid #000; color: #000; padding: 0; box-sizing: border-box; text-align: center; width: auto; min-width: auto; display: inline-block; text-decoration: none; transition: 0.5s; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_adv_wrapper .cart_recap_adv_container .cart_recap_adv_info .cart_recap_adv_action a:hover { background-color: transparent; color: #000; text-decoration: underline; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_button_block .cart_recap_button { margin-top: 5%; margin-bottom: 2%; padding: 10.5px 5px; min-width: auto; width: 100%; font-size: 16px; background-color: #000; border: 1px solid #000; color: #fff; transition: 0.5s; cursor: pointer; display: inline-block; font-style: normal; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_recap_container .cart_recap_button_block .cart_recap_button:hover { background-color: #fff; border: 1px solid #000; color: #000; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_arrow_back { margin-top: 2rem; display: flex; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_arrow_back a { border: 1px solid #000; padding: 13px; font-size: 12px; text-transform: uppercase; font-weight: 600; transition: 0.2s; } .checkout_single_page_wrapper #container_margin_10 .cart_step_container .cart_arrow_back a:hover { background-color: #000; color: #fff; text-decoration: none; } .checkout_single_page_wrapper #container_margin_10 .rowElem .form-switch label { padding: 0; margin: 0 0 10px 10px; display: inline-block; } .checkout_single_page_wrapper #container_margin_10 .rowElem .label_general::after { background-color: transparent; } .checkout_single_page_wrapper #container_margin_10 { /* =============== ==== MODAL ==== =============== */ } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .modal-dialog { margin: 8px; min-height: calc(100% - var(--bs-modal-margin) * 2); } } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content { border-radius: 0 !important; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content { min-height: unset; } } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-header { border-bottom: 0 !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal_title { letter-spacing: unset; text-transform: uppercase; font-size: 25px; font-weight: 600; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body { margin-bottom: 0; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .general_field_100 { font-size: 11px !important; width: 100% !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .general_field_100:focus { box-shadow: none !important; border-color: #000 !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .select2-selection { background-color: #fff; border: 1px solid #000 !important; height: 40px !important; width: 100% !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .select2-selection .select2-selection__clear { margin: 0; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .select2-selection .select2-selection__rendered { font-size: 11px !important; line-height: 30px !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .select2-selection .select2-selection__rendered:focus { box-shadow: none !important; border-color: #000 !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .select2-selection .select2-selection__arrow { right: 15px !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .label_general { font-size: 10px !important; color: #000 !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .form-check { align-items: flex-end !important; display: flex; min-height: unset; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .form-check input { margin: 0 !important; border-color: #000; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .form-check label { font-size: 12px !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .modal_checkbox input[type=checkbox] { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .modal_checkbox input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox.png?a7a2e6fb624661b9f0783b1cb5396b65); } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .modal_checkbox input[type=checkbox] + label { margin: 0; padding: 3px 0 3px 30px; cursor: pointer; background: url(/images/input_start.webp?b855384a5ce07fb3e16a2e56d3bc6578) left center no-repeat; font-weight: 300; background-size: 18px 18px; display: inline-block; font-size: 12px; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-body .form-select { border-color: #000; font-size: 11px !important; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-footer { border-top: 0 !important; padding-top: 0; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-footer .modal_btn_container { display: flex; justify-content: space-around; margin-top: 0; } @media (max-width: 1199.98px) { .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-footer .modal_btn_container { margin-top: 5%; } } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-footer .modal_btn_container button { font-size: 20px !important; text-transform: lowercase; background-color: #000; border: 1px solid #000; color: #fff; } .checkout_single_page_wrapper #container_margin_10 .modal-dialog .modal-content .modal_container .modal-footer .modal_btn_container button:hover { text-decoration: underline; } .contatti_form_container { padding: 1.5rem; } @media (max-width: 991.98px) { .contatti_form_container { padding: 0; } } .contatti_mappa_container { padding: 1.5rem; margin-top: 0; } @media (max-width: 991.98px) { .contatti_mappa_container { padding: 0; margin-top: 3rem; } } .contatti_btn_container { text-align: center; margin-top: 1rem; } #lateral-cart .cart-loader { display: none; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.7); justify-content: center; align-items: center; } #lateral-cart .cart-loader::after { content: ""; width: 40px; height: 40px; border: 4px solid #ddd; border-top: 4px solid #333; border-radius: 50%; animation: spin 1s linear infinite; } #lateral-cart.loading .cart-loader { display: flex; } #lateral-cart.loading .cs_cart_container { opacity: 0.4; pointer-events: none; } @keyframes spin { to { transform: rotate(360deg); } } .cs_cart_box { width: 500px !important; } .cs_cart_box .cs_cart_title { font-size: calc(12px + 1vw); font-weight: 900; font-family: "Arsenal", sans-serif; } .cs_cart_box .cs_cart_container { display: flex; flex-direction: column; justify-content: space-between; padding-top: 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; flex: 1 1 0%; overflow-y: auto; } .cs_cart_box .cs_cart_container .cs_cart_items_container::-webkit-scrollbar { width: 1px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper { width: 100%; padding: 0 0.5% 0 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; position: absolute; flex-direction: column; font-weight: 500; gap: 8px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .cs_cart_empty_title { font-size: 16px; font-family: "Arsenal", sans-serif; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .cs_cart_empty_icon { font-size: 96px; color: #a8a8a8; margin-bottom: 8px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .cs_cart_empty_cta a { text-decoration: underline; font-size: 14px; font-family: "Arsenal", sans-serif; font-weight: normal; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .cs_cart_empty_cta a:hover { text-decoration: none; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper { width: 100%; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container { margin-top: 5%; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container .box_cart_empty_bag_info .box_cart_empty_bag_title { font-size: 12px; color: #212121; font-weight: 700; text-decoration: underline; text-underline-offset: 25%; text-decoration-thickness: 1px; line-height: 16px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container .box_cart_empty_bag_info .box_cart_empty_bag_title:hover { text-decoration: none; color: #000; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container .box_cart_empty_bag_info .box_cart_empty_bag_action { display: flex; flex-direction: column; align-items: center; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container .box_cart_empty_bag_info .box_cart_empty_bag_action a { border: 1px solid #212121; border-radius: 2px; background-color: #fbfbfb; color: #212121; font-size: 13px; font-weight: 500; padding: 5px 26px; text-align: center; width: 398px; min-height: 48px; padding: 8px 16px; align-items: center; justify-content: center; display: flex; line-height: 20px; margin: 12px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cs_cart_empty_container .box_cart_empty_bag_wrapper .box_cart_empty_bag_container .box_cart_empty_bag_info .box_cart_empty_bag_action a:hover { text-decoration: none; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper { width: 100%; padding: 0 0.5% 0 0; margin: 25px 0 0 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_articoli { font-size: 14px; font-weight: 400; text-align: right; text-transform: capitalize; margin: 0 0 10px 0; padding: 10px 0 0 0; border-top: 3px solid #000000; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_sped { font-size: 14px; font-weight: 400; text-align: right; text-transform: capitalize; margin: 0 0 10px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_coupon { font-size: 14px; font-weight: 400; text-align: right; text-transform: capitalize; margin: 0 0 10px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_gift { font-size: 14px; font-weight: 400; text-align: right; text-transform: capitalize; margin: 0 0 10px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_finale { font-size: 16px; font-weight: 400; text-align: right; text-transform: uppercase; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #000000; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_label { text-align: left; text-transform: uppercase; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_price { text-align: right; text-transform: uppercase; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cart_total_discount_container { margin-top: 25px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper { width: 100%; padding: 0 0.5% 0 0; margin: 25px 0 0 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_img { overflow: hidden; background: none repeat scroll 0 0 #000; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_img img { width: 100%; height: auto; max-width: 100%; border: 0; opacity: 1; margin: 0 auto; transition: opacity 0.5s ease-in; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_img img:hover { opacity: 0.5; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info { padding: 0; margin: 2% 0 0 0; text-align: left; width: auto; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_title { font-weight: 400; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_subtitle { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_note { font-weight: 300; font-size: 11px; text-transform: none; margin: 0 0 5px 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_action { font-family: "Arsenal", sans-serif; font-weight: 700; margin: 0; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_action a { font-weight: 400; font-size: 12px; text-transform: uppercase; margin: 0 2% 0 0; background-color: transparent; border: 0px solid #000; color: #000; padding: 0; box-sizing: border-box; text-align: center; width: auto; min-width: auto; display: inline-block; text-decoration: none; transition: 0.5s; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_adv_wrapper .cs_cart_adv_container .cs_cart_adv_info .cs_cart_adv_action a:hover { background-color: transparent; color: #000; text-decoration: underline; } .cs_cart_box .cs_cart_container .cs_cart_items_footer { display: block; padding: 0.5rem 0 0 0; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container { text-align: left; margin: 0 0 3% 0; } @media (max-width: 1199.98px) { .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container { margin: 0; } } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container .cart_recap_coupon_btn { width: 100%; min-width: auto; max-width: 100%; height: 40px; background-color: #fff; color: #000; font-size: 12px; } @media (max-width: 767.98px) { .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container .cart_recap_coupon_btn { color: #000 !important; } } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container .cart_recap_coupon_btn:hover { background-color: #000; color: #fff; } @media (max-width: 767.98px) { .cs_cart_box .cs_cart_container .cs_cart_items_footer .cart_recap_coupon_container .cart_recap_coupon_btn:hover { color: #fff !important; } } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_btn a { width: 100%; min-width: auto; display: block; transition: 0.5s; padding: 10.5px 5px; max-width: 100%; margin: 0 auto 0 auto; font-size: 16px; background-color: #e7e7e7; border: 1px solid #e7e7e7; color: #000; text-transform: uppercase; font-weight: 700; font-style: normal; text-align: center; border-radius: 0px; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_btn a:hover { background-color: #7e7e7e; border: 1px solid #7e7e7e; color: #fff; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_fastcheckout .cs_cart_fastcheckout_overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; color: #000; z-index: 9999; height: 100%; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_fastcheckout .cs_cart_fastcheckout_overlay .cs_cart_fastcheckout_overlay_txt { margin-top: 0; text-align: center; padding: 3rem; background: rgba(255, 255, 255, 0.95); text-decoration: none; text-transform: uppercase; height: 100%; font-size: 18px; display: flex; justify-content: center; align-items: center; } @media (max-width: 575.98px) { .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_fastcheckout .cs_cart_fastcheckout_overlay .cs_cart_fastcheckout_overlay_txt { padding: 3em 2rem; } } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_fastcheckout input.bottone_paypal_fastcheckout { background-size: auto 60%; background-position: center; width: 100%; min-width: auto; padding: 10.5px 5px; font-size: 16px; display: block; max-width: 100%; margin: 0 auto; } .my_account_alert_msg_xl { align-items: center; justify-content: center; text-transform: uppercase; text-align: center; font-size: 50px; font-weight: 500; padding: 5%; } /* =========================== ==== MY ACCOUNT - MENU ==== =========================== */ .my_account_menu ul { margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; } .my_account_menu ul li { margin: 0 0 1.5% 0; } .my_account_menu ul li a { font-style: normal; font-weight: 400 !important; color: #000; font-size: calc(11px + 0.2vw); text-transform: uppercase; text-align: center; text-decoration: none; border: 1px solid rgb(0, 0, 0); box-sizing: border-box; background: rgb(255, 255, 255); display: block; padding-top: 30px; padding-bottom: 30px; width: 100%; } @media (max-width: 991.98px) { .my_account_menu ul li a { padding-top: 15px; padding-bottom: 15px; } } .my_account_menu ul li a:hover { color: rgb(255, 255, 255) !important; text-decoration: none; font-weight: 700 !important; border: 1px solid rgb(0, 0, 0); box-sizing: border-box; background-color: rgb(0, 0, 0); } .my_account_menu ul li a.active { color: rgba(0, 0, 0, 0.7); text-decoration: none; font-weight: 700 !important; border: 1px solid rgb(0, 0, 0); box-sizing: border-box; background-color: rgba(0, 0, 0, 0.2); } .my_account_menu ul li a.active:hover { color: rgba(0, 0, 0, 0.7) !important; } /* ============================= ==== MY ACCOUNT - ORDINI ==== ============================= */ #storico-ordini { width: 100%; position: relative; } #storico-ordini .modal_ordini_wrap .modal_ordini_title { color: #000; margin: 0 0 32px 0; text-align: center; font-size: 16px; } #storico-ordini .modal_ordini_wrap .modal_ordini_riga_container { margin-bottom: 24px; --bs-gutter-x: 16px; } #storico-ordini .modal_ordini_wrap .modal_ordini_riga_container .cart_descr_title { font-weight: 600; } #storico-ordini .modal_ordini_wrap .modal_ordini_riga_container .cart_price_container { text-align: right; } #storico-ordini .modal_ordini_wrap .modal_ordini_container_prezzo { padding-top: 24px; } #storico-ordini .ordini_container#ordini_container_desk div h1, #storico-ordini .ordini_container#ordini_container_desk div .h1 { text-align: left; font-size: 12px !important; margin-top: -24px; } #storico-ordini .ordini_container .orders_list_container { margin-bottom: 8px; } #storico-ordini .ordini_container .accordion { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #storico-ordini .ordini_container .accordion-item { color: black; background-color: #fff; border: 1px solid #dee2e6; } #storico-ordini .ordini_container .accordion-button { cursor: pointer; color: #000; background-color: #f7f7f7; } #storico-ordini .ordini_container .accordion-button:hover { text-decoration: none; font-weight: 600; } #storico-ordini .ordini_container .order_details_container { padding: 0 0 0 0; margin: 0 0 0 0; } #storico-ordini .ordini_container .order_details_container .order_details_sx { font-size: 12px; } #storico-ordini .ordini_container .order_details_container .order_details_sx strong { text-transform: uppercase; } #storico-ordini .ordini_container .order_details_container .order_details_dx { text-align: center; } /* =========================== ==== MY ACCOUNT - RESO ==== =========================== */ .overlay-reso { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; background-color: #fff; opacity: 0.5; } .richiesta_reso_img img { display: block; width: 100%; height: auto; max-width: 150px; } .richiesta_reso_info { font-size: 12px; } .richiesta_reso_info .richiesta_reso_edit_qta { display: inline-block; font-size: 12px; font-weight: 400; text-align: left; } /* ================================= ==== MY ACCOUNT - NEWSLETTER ==== ================================= */ .form-newsletter .form-switch .form-check-input { margin-left: 0; } /* =========================================== ==== MY ACCOUNT - INDIRIZZI SPEDIZIONE ==== =========================================== */ .saved_address_text { font-size: 16px; font-weight: 400; } @media (max-width: 767.98px) { .saved_address_text { text-align: center; font-size: 14px; } } .saved_address_edit_button { padding: 0 1%; text-align: center; } .saved_address_edit_button button { min-width: auto; width: 100%; max-width: 250px; } @media (max-width: 767.98px) { .saved_address_edit_button button { max-width: 100%; } } .saved_address_del_button { padding: 0 1%; text-align: center; } .saved_address_del_button button { min-width: auto; width: 100%; max-width: 250px; } @media (max-width: 767.98px) { .saved_address_del_button button { max-width: 100%; } } /* =============================== ==== MY ACCOUNT - WISHLIST ==== =============================== */ #RegLoginWishModal ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.dropdown-menu):not(.pagination) li { margin-bottom: 0; } /* ================================ ==== MY ACCOUNT - GIFT CARD ==== ================================ */ .gift_card_container .accordion { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .gift_card_container .accordion-item { color: black; background-color: #fff; border: 1px solid #dee2e6; } .gift_card_container .accordion-button { cursor: pointer; color: #000; background-color: #f7f7f7; } .gift_card_container .accordion-button:hover { text-decoration: none; font-weight: 600; } .gift_card_container .gift_card_details_container { padding: 0 0 0 0; margin: 0 0 0 0; font-size: 12px; } .gift_card_container .gift_card_details_container strong { text-transform: uppercase; } /* ========================================= ==== MY ACCOUNT - CLOTHING ALLOWANCE ==== ========================================= */ .account_clothing_btns_container { width: 100%; } .account_clothing_btns_container .account_clothing_btns_col { display: flex; flex-direction: column; justify-content: space-between; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_btns { width: 100%; padding: 5%; background-color: white; border: solid 1px black; text-align: center; font-size: calc(10px + 0.6vw); font-weight: 300; display: block; box-sizing: border-box; text-decoration: none; margin: 0 0 0 0; } .account_clothing_btns_container .account_clothing_btns_col a.active { background-color: black; color: #FFF !important; font-weight: 700; text-decoration: none; cursor: auto; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_col_info { width: 100%; margin: 0 0 5% 0; text-transform: uppercase; text-align: center; font-size: 10px; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_col_info span { text-align: left; font-size: 11px; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_col_info p { margin-top: 2rem; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code_container { text-transform: uppercase; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code { width: 100%; padding: 5%; background-color: white; border: solid 1px black; text-align: center; font-size: calc(10px + 0.6vw); font-weight: 300; display: flex; box-sizing: border-box; text-decoration: none; margin: 0 0 0 0; color: #000; flex-wrap: nowrap; justify-content: center; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code.active { background-color: black; color: #FFF !important; font-weight: 700; text-decoration: none; cursor: auto; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code.active i { color: #FFF; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code.active i::before { vertical-align: 0; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code button { border: 0; background-color: transparent; width: 6%; padding: 0 1%; display: inline-block; } @media (max-width: 1399.98px) { .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code button { width: 8%; } } @media (max-width: 767.98px) { .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code button { width: 5%; } } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code button i { font-size: 18px; } .account_clothing_btns_container .account_clothing_btns_col .account_clothing_code input { width: auto; display: inline-block; border: 0; } .account_clothing_btns_container .account_clothing_btns_col #account_clothing_copied_B2C, .account_clothing_btns_container .account_clothing_btns_col #account_clothing_copied_B2B { display: none; font-size: 14px; text-transform: uppercase; width: fit-content; width: -moz-fit-content; margin: 30px auto 0; background-color: #b2b2b2; color: #fbf9f6; padding: 5px 15px; border-radius: 5px; position: absolute; left: 0; right: 0; border: 1px solid #b2b2b2; } /* ======================= ==== WISHLIST GUEST==== ======================= */ .wishlist_guest_container { display: flex; flex-wrap: nowrap; max-width: 100%; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_btn { border: 0; z-index: 1000 !important; padding: 32px !important; background-color: #fff; } .wishlist_guest_container .wishlist_col_btn#btnStickyMobile { position: fixed !important; bottom: -500px !important; left: 0; right: 0; width: 100% !important; transition: bottom 0.4s ease; } .wishlist_guest_container .wishlist_col_btn#btnStickyMobile.visible { bottom: 0 !important; } } .wishlist_guest_container .wishlist_col_btn#btnStickyMobile { position: relative; bottom: 0; z-index: 0; width: 25%; padding: 0; } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container { display: flex; gap: 16px; top: 100px; position: sticky; padding: 0 16px 0 0; --bs-gutter-x: 0; z-index: 999; } @media (max-width: 1399.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container { top: 84px; } } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container { padding: 0; } } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container { gap: 10px; } } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .bottone_white { max-width: none; } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_share_wishlist { display: none; justify-content: center; text-align: center; --bs-gutter-y: 16px; } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; justify-content: center; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 1399.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { font-size: 11px; } } @media (max-width: 1199.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { font-size: calc(7px + 0.25vw); } } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { font-size: 13px; max-width: none; } } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_save_to_wishlist { padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; justify-content: center; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 1399.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_save_to_wishlist { font-size: 11px; } } @media (max-width: 1199.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_save_to_wishlist { font-size: calc(7px + 0.25vw); } } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_save_to_wishlist { max-width: none; font-size: 13px; } } .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_wishlist_remove { padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 12px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; justify-content: center; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media (max-width: 1399.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_wishlist_remove { font-size: 11px; } } @media (max-width: 1199.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_wishlist_remove { font-size: calc(7px + 0.25vw); } } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_btn .wishlist_command_line_container .btn_wishlist_remove { max-width: none; font-size: 13px; } } .wishlist_guest_container .wishlist_col_items .main_title { text-align: left; color: #000; text-transform: none; font-size: 18px; font-weight: 500; line-height: normal; margin-bottom: 8px; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .main_title { font-size: 18px; font-weight: 500; line-height: normal; margin-bottom: 8px; } } .wishlist_guest_container .wishlist_col_items .col_subtitle { text-align: left; color: #000000; font-size: 12px; font-weight: 400; line-height: 20px; min-height: unset; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .col_subtitle { font-size: 12px; line-height: normal; margin: 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper { margin: 32px 0; border-bottom: 1px solid #9e9e9e; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper { margin: 28px 0; border: 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container { padding: 16px 0; background-color: transparent; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container { padding: 6px 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check { display: flex; margin: 0; padding: 0; min-height: unset; align-items: center; } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #212121; background-color: #fbfbfb; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; margin: 0; top: 0; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input { width: 20px; height: 20px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input:checked { border: 0; background-image: url(/images/input_checkbox_checked_filter.svg?107fd7c43a42b18626d014fcc25078b5); background-size: 24px; box-shadow: none; background-color: #fbfbfb; margin: 0; top: 0; border: 1px solid #000; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input:checked { background-size: 24px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check label { margin-left: 28px; color: #000000; font-size: 12px; font-weight: 400; line-height: 18px; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check label { font-size: 12px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check span { margin-left: auto; font-size: 12px; margin-right: 4px; font-weight: 500; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container { width: 100%; --bs-gutter-x: 2px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; -moz-column-gap: 2px; column-gap: 2px; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .col_title { text-align: left; font-size: 12px; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container { padding: 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item { background-color: #f5f5f5; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_loader { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block { padding-bottom: 0; position: relative; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img { height: auto; overflow: hidden; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container { padding: 8px; position: absolute; top: 0; width: 100%; z-index: 2; background-color: transparent; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container { padding: 8px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox { position: relative; padding: 0; text-align: left; left: 0; top: 0; margin: 0; min-height: unset; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox.form-switch { padding-left: 0; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox .form-check-input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #212121; background-color: #fbfbfb; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; margin: 0; top: 0; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox .form-check-input { width: 20px; height: 20px; box-shadow: none; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox .form-check-input:checked { border: 0; background-image: url(/images/input_checkbox_checked_filter.svg?107fd7c43a42b18626d014fcc25078b5); background-size: 24px; box-shadow: none; background-color: #fbfbfb; margin: 0; top: 0; border: 1px solid #000; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_checkbox .form-check-input:checked { background-size: 24px; box-shadow: none; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add { text-align: right; margin: auto 0; margin-left: auto; top: 0; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a { font-size: 18px; color: #000; height: 18px; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a:hover { text-decoration: none; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a span { padding: 0; background-color: transparent; border-radius: 300px; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a span { padding: 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container { height: auto; display: flex; flex-direction: column; margin: 0 0 2px; background-color: #f5f5f5; padding: 8px; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; line-height: normal; font-weight: 500; text-transform: uppercase; text-align: left; margin: 0 0 6px 0; color: #000; padding: 0 0 0 0; display: none; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; line-height: normal; } } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; margin: 5px 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 12px; line-height: 20px; font-weight: 400; text-transform: none; text-align: left; color: #000; margin: 0 0 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; padding: 0 0 0 0; } @media (max-width: 991.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 13px; line-height: 20px; } } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 12px; margin: 5px 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container { text-align: left; margin: 0; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 0 0 0; } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container { margin: 5px 0 0 0; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_old_price { display: inline; font-size: 12px; font-weight: 300; color: #737373; text-align: center; text-transform: uppercase; text-decoration: line-through; margin-right: 4px; padding: 0 0 0 0; line-height: 14px; } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_old_price { font-size: 11px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price { color: #000; display: inline; font-size: 13px; font-weight: 600; text-align: left; line-height: 16px; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price { font-size: 11px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price span { color: #cb0000; font-size: 12px; line-height: 14px; margin-right: 4px; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_soldout { text-transform: capitalize; color: #cb0000; font-size: 13px; font-weight: 900; text-align: left; opacity: 1; } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_soldout { font-size: 12px; } } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_label_container { margin-top: 8px; display: flex; min-height: auto; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_label_container .wishlist_label_item { font-size: 13px; border: solid 1px #c6e8d6; border-radius: 2px; padding: 4px 8px; line-height: 16px; font-weight: 500; background-color: #FBFBFB; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_color { margin-top: auto; color: #212121; font-size: 13px; font-weight: 400; line-height: 20px; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands { margin-top: auto; margin-bottom: 0; padding: 0 0 0 0; text-align: center; } .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands .wishlist_btn_add { margin: 2px 0 0 0; padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 13px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; display: block; } @media (max-width: 767.98px) { .wishlist_guest_container .wishlist_col_items .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands .wishlist_btn_add { max-width: unset; } } /* ================================= ==== WISHLIST UTENTE LOGGATO ==== ================================= */ .myaccount_body_wishlist_container .myaccount_main_title { color: #000; font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 8px !important; text-align: left !important; text-transform: uppercase; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .myaccount_main_title { font-size: 20px; font-weight: 500; line-height: 24px; margin-bottom: 8px; } } .myaccount_body_wishlist_container .myaccount_main_title i { display: none; } .myaccount_body_wishlist_container .myaccount_title { text-align: left; color: #000; text-transform: uppercase; font-size: 14px; font-weight: 500; line-height: normal; margin-bottom: 0; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .myaccount_title { font-size: 18px; font-weight: 500; line-height: normal; margin-bottom: 8px; } } .myaccount_body_wishlist_container .myaccount_subtitle { text-align: left; color: #000000; font-size: 12px; font-weight: 400; line-height: 20px; min-height: unset; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .myaccount_subtitle { font-size: 12px; line-height: normal; margin: 0; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper { margin: 32px 0; border-bottom: 1px solid #9e9e9e; align-items: center; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper { margin: 28px 0; border: 0; width: 100%; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container { padding: 16px 0; background-color: transparent; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container { padding: 6px 0; width: 100%; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check { display: flex; margin: 0; padding: 0; min-height: unset; align-items: center; font-weight: 400; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check { justify-content: space-between; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #212121; background-color: #fbfbfb; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; margin: 0; top: 0; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input { width: 20px; height: 20px; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input:checked { border: 0; background-image: url(/images/input_checkbox_checked_filter.svg?107fd7c43a42b18626d014fcc25078b5); background-size: 24px; box-shadow: none; background-color: #fbfbfb; margin: 0; top: 0; border: 1px solid #000; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check input:checked { background-size: 24px; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check label { color: #000000; font-size: 12px; font-weight: 400; line-height: 18px; margin-left: 28px; margin-right: 4px; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check label { font-size: 12px; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_item_select_all_container .form-check span { font-size: 12px; font-weight: 500; } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container { --bs-gutter-x: 0; padding: 16px 0; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container { position: fixed; bottom: -300px; left: 0; right: 0; background: #fff; transition: bottom 0.3s ease; z-index: 999; top: unset; justify-content: center; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container.visible { bottom: 0; width: 100%; border-top: 1px solid #d2d2d2; padding: 16px; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .btn_share_wishlist { display: none; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .btn_add_to_cart_wishlist { width: 100%; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 13px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; justify-content: center; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; width: 337px !important; overflow: hidden; } @media (max-width: 1199.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { margin-right: 0px; } } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .btn_add_to_cart_wishlist #btn_wishlist_add_cart { max-width: none; width: 100% !important; } } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .wishlist_command_line_form_container { width: 100%; } } .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .wishlist_command_line_form_container .btn_wishlist_remove { padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 13px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; justify-content: center; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; width: 337px !important; overflow: hidden; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_select_all_wrapper .wishlist_command_line_container .wishlist_command_line_form_container .btn_wishlist_remove { max-width: none; width: 100% !important; } } .myaccount_body_wishlist_container .wishlist_item_container { width: 100%; --bs-gutter-x: 2px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 16px; -moz-column-gap: 2px; column-gap: 2px; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container { padding: 0; grid-template-columns: repeat(2, 50%); } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item { background-color: #f5f5f5; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_loader { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block { padding-bottom: 0; position: relative; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img { border: 0; height: auto; overflow: hidden; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img a { display: block; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img img { width: 100%; height: auto; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container { padding: 8px 8px 0 8px; margin: 0; position: absolute; top: 0; width: 100%; z-index: 2; background-color: transparent; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container { padding: 8px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .form-check { display: flex; margin: 0; padding: 0; min-height: unset; align-items: center; position: relative; left: 0; top: 0; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .form-check input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #212121; background-color: #fbfbfb; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; box-shadow: none; margin: 0; top: 0; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .form-check input { width: 20px; height: 20px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .form-check input:checked { border: 0; background-image: url(/images/input_checkbox_checked_filter.svg?107fd7c43a42b18626d014fcc25078b5); background-size: 24px; box-shadow: none; background-color: #fbfbfb; margin: 0; top: 0; border: 1px solid #000; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .form-check input:checked { background-size: 24px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add { display: flex; justify-content: flex-end; padding: 0; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a { font-size: 18px; color: #212121; width: -moz-fit-content; width: fit-content; height: 18px; display: flex; margin-top: 1px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a:hover { text-decoration: none; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a span { padding: 0; background-color: transparent; border-radius: 300px; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_btn_add a span { padding: 0; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_label { margin: 0; font-size: 16px; line-height: normal; width: 32px; height: 32px; min-width: unset; margin-top: 16px; display: none; float: left; z-index: 2; background-color: transparent; text-align: center; overflow: hidden; font-weight: 700; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_img .wishlist_item_labels_container .wishlist_item_label.wishlist_item_label_star i::before { width: 16px; height: 16px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container { height: auto; display: flex; flex-direction: column; margin: 0 0 2px; background-color: #f5f5f5; padding: 8px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; line-height: normal; font-weight: 500; text-transform: uppercase; text-align: left; margin: 0 0 6px 0; color: #000; padding: 0 0 0 0; display: none; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; line-height: normal; } } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_brand { font-size: 12px; margin: 5px 0; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 12px; line-height: normal; font-weight: 400; text-transform: none; text-align: left; color: #000; margin: 0 0 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; padding: 0 0 0 0; } @media (max-width: 991.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 12px; line-height: normal; } } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_title { font-size: 12px; margin: 5px 0; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container { text-align: left; margin: 0; display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 0 0 0; } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container { margin: 5px 0 0 0; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_old_price { display: inline; font-size: 12px; font-weight: 300; color: #737373; text-align: center; text-transform: uppercase; text-decoration: line-through; margin-right: 4px; padding: 0 0 0 0; line-height: 14px; } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_old_price { font-size: 11px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price { color: #000; display: inline; font-size: 13px; font-weight: 600; text-align: left; line-height: 16px; text-transform: uppercase; margin: 0 0 0 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price { font-size: 11px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_price span { color: #cb0000; font-size: 12px; line-height: 14px; margin-right: 4px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_soldout { text-transform: capitalize; color: #cb0000; font-size: 13px; font-weight: 900; text-align: left; opacity: 1; } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_price_container .wishlist_item_soldout { font-size: 12px; } } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_label_container { margin-top: 8px; display: flex; min-height: 38px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_label_container .wishlist_label_item { font-size: 13px; border: solid 1px #c6e8d6; border-radius: 2px; padding: 4px 8px; line-height: 16px; font-weight: 500; background-color: #FBFBFB; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_item_color { margin-top: auto; color: #212121; font-size: 13px; font-weight: 400; line-height: 20px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_info_container .wishlist_min_height_container { min-height: 38px; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands { margin-top: auto; margin-bottom: 0; padding: 0 0 0 0; text-align: center; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands .wishlist_btn_add { margin: 2px 0 0 0; padding: 10px 8px; height: 36px; transition: none; font-weight: 500; font-size: 13px; text-transform: uppercase; border-radius: 0px; line-height: normal; transition: all 0.2s ease; width: 100%; display: block; } .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands .wishlist_btn_add:hover { color: #fff; } @media (max-width: 767.98px) { .myaccount_body_wishlist_container .wishlist_item_container .wishlist_item .wishlist_item_block .wishlist_item_commands .wishlist_btn_add { max-width: unset; } } .search-form { max-width: 450px; width: 100%; } .search-form input[type=text] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; padding: 10px 10px 8px 20px; color: #5a5a5a; font-weight: 500; } .search-form .btn-submit { border: 1px solid #d2d2d2; border-left: 1px solid #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 9px 20px 9px 10px; line-height: 1; } .search-form .btn-submit i { font-size: 25px; } .form-control { padding: 16px 15px 13px; } label.form-control-label { font-weight: 500; color: #5a5a5a; margin-left: 15px; font-size: 1rem; margin-bottom: 5px; } .form-group { position: relative; } select:not(.smartshop_phonenumber-prefix) + .select2, .modal select:not(.smartshop_phonenumber-prefix) + .select2 { width: 100% !important; } .select2-close-mask { z-index: 2099; } .select2-dropdown { z-index: 3051; } .pac-container { z-index: 10001; } @media (max-width: 575.98px) { .card-form { border: 0; } } .search-form { max-width: 450px; width: 100%; } .search-form input[type=text] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; padding: 10px 10px 8px 20px; color: #5a5a5a; font-weight: 500; } .search-form .btn-submit { border: 1px solid #d2d2d2; border-left: 1px solid #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; padding: 9px 20px 9px 10px; line-height: 1; } .search-form .btn-submit i { font-size: 25px; } .form-control { padding: 16px 15px 13px; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input:checked { background-color: black; border-color: black; } .form-check-input[type=checkbox]:not([role=switch]) { border-radius: 0.25em; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; position: relative; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check .form-check-label { display: block; } .form-check label a { font-weight: 600; text-decoration: underline; } .form-check [type=checkbox], .form-check [type=radio] { position: absolute; margin-left: 0; z-index: 1; opacity: 1; cursor: pointer; } .form-check [type=checkbox] + label, .form-check [type=radio] + label { position: relative; display: block; align-items: flex-start; text-align: left; } .form-check [type=checkbox] + label:before, .form-check [type=radio] + label:before { content: ""; display: inline-block; border: 2px solid #b0b0b0; position: relative; margin-right: 8px; transition: 0.2s ease-out; } .form-check [type=checkbox] + label:after, .form-check [type=radio] + label:after { display: inline-block; position: absolute; color: #b0b0b0; opacity: 0; transition: 0.2s ease-out; } .form-check [type=checkbox]:checked + label:after, .form-check [type=radio]:checked + label:after { opacity: 1; } .form-check [type=checkbox] { width: 16px; height: 16px; top: -3px; } .form-check [type=checkbox] + label:before { min-width: 16px; height: 16px; border-radius: 4px; margin-top: -1px; display: none; } .form-check [type=checkbox] + label:after { content: "\e90e"; font-family: "icomoon"; font-size: 9px; top: 2px; left: 3px; display: none; } .form-check.checkbox-lg [type=checkbox] { min-width: 24px; height: 24px; } .form-check.checkbox-lg [type=checkbox] + label { line-height: 0; } .form-check.checkbox-lg [type=checkbox] + label:before { min-width: 24px; height: 24px; border-radius: 0; margin-right: 0; background: #fff; } .form-check.checkbox-lg [type=checkbox] + label:after { content: "\e942"; font-size: 16px; top: 11px; left: 4px; color: #457b9d; } .form-check.checkbox-lg [type=checkbox]:checked + label:before { border-color: #457b9d; } .form-check.form-check-sm [type=checkbox] { top: -2px; } .form-check.form-check-sm [type=checkbox] + label { font-size: 0.75rem; } .form-check.form-check-sm [type=checkbox] + label:before { margin-top: -2px; } .form-check.form-check-sm [type=checkbox] + label:after { top: 1px; } .form-check [type=radio] { min-width: 18px; height: 18px; top: -4px; } .form-check [type=radio]:checked + label:before { border-color: #457b9d; } .form-check [type=radio] + label { font-size: 0.75rem; } .form-check [type=radio] + label:before { min-width: 18px; height: 18px; border-radius: 50%; margin-top: -3px; } .form-check [type=radio] + label:after { content: ""; width: 10px; height: 10px; margin-top: -3px; left: 4px; border-radius: 50%; background: #457b9d; } .form-check.radio-lg [type=radio] + label:before { min-width: 24px; height: 24px; margin-top: -7px; } .form-check.radio-lg [type=radio] + label:after { width: 14px; height: 14px; margin-top: -2px; left: 5px; } .form-check .label_general_alert_icon { right: 5px; bottom: 5px; } .form-check.form-check-inline { margin-bottom: 0; } .form-control[readonly] { background-color: #fff; } .form-range::-webkit-slider-runnable-track { border: 1px solid #d2d2d2; } .form-range::-webkit-slider-thumb { margin-top: -6px; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23a2bdce'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled], .btn-check:disabled { opacity: 0.5; } .is-invalid label { color: #dc3545; } .is-invalid i { color: #dc3545; } .is-invalid a { color: #dc3545; } .is-invalid input { border: 1px solid #dc3545; } .is-invalid select { border: 1px solid #dc3545; } .is-invalidinput { border: 1px solid #dc3545; } .is-invalidselect { border: 1px solid #dc3545; } .is-invalid + .select2-container .select2-selection--single { border: 1px solid #dc3545; } .smartshop_phonenumber-prefix + .select2 { float: left; } .smartshop_phonenumber-prefix + .select2 .selection .select2-selection__arrow { right: 6px; } .smartshop_phonenumber-prefix + .select2 .selection .select2-selection__rendered { text-overflow: unset; padding-right: 10px; } form { margin: 0; padding: 0; } .form-newsletter .form-check { padding-left: 0; margin-top: 20px; } .label_general { text-align: left; font-weight: 700; text-transform: uppercase !important; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: auto; font-size: 10px; color: black; } .label_general_alert_icon { position: absolute; margin-left: 10px; font-size: 13px; line-height: 10px; } .label_general_alert_tooltip .tooltip-inner { background-color: #dc3545 !important; } .label_general_alert_tooltip.tooltip.bs-tooltip-top .tooltip-arrow::before, .label_general_alert_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { border-top-color: #dc3545; } .label_general_alert_tooltip.tooltip.bs-tooltip-bottom .tooltip-arrow::before, .label_general_alert_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { border-bottom-color: #dc3545; } .label_general_alert_tooltip.tooltip.bs-tooltip-start .tooltip-arrow::before, .label_general_alert_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { border-left-color: #dc3545; } .label_general_alert_tooltip.tooltip.bs-tooltip-end .tooltip-arrow::before, .label_general_alert_tooltip.tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { border-right-color: #dc3545; } .flag-richiedi-fattura { font-size: 12px; font-weight: 400; } .statica_container { background-color: transparent; overflow: auto; margin: 0; padding: 0 5% 5% 5%; } @media (max-width: 767.98px) { .statica_container { padding: 0 0 5% 0; } } .statica_container .statica_txt { margin-top: 40px; color: #000; font-size: 11px; font-weight: 400; line-height: 20px; } .statica_container .statica_txt .statica_menu { width: 300px; margin: 0 auto 5% auto; border: solid 10px #fff; padding: 10px; line-height: 25px; text-align: center; } @media (max-width: 767.98px) { .statica_container .statica_txt .statica_menu { margin: 0 auto 10% auto; } } .statica_container .statica_txt .statica_menu li { list-style-type: none !important; } .statica_container .statica_txt .statica_menu a { color: rgb(0, 0, 0); font-style: normal; font-weight: 400; font-size: 11px; text-transform: uppercase; text-decoration: none; } .statica_container .statica_txt p { margin: 0 0 2% 0; } .statica_container .statica_txt ul { margin: 0 0 2% 5%; } .statica_container .statica_txt ul li { list-style: circle; } .statica_container .statica_txt ul li ul { margin: 0 0 0 5%; } .statica_container .statica_txt a { color: #000; text-decoration: underline; } .statica_container .statica_txt a:hover { text-decoration: none; } /*! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px 0.4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 2px; } .ui-slider-horizontal .ui-slider-handle { top: -15px; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px 0.2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 0px solid #000000; } .ui-widget-content { border: 1px solid #dddddd; background: #dddddd; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #000000; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 2px solid #000000; background: #ffffff; font-weight: normal; color: #000000; width: 30px; height: 30px; border-radius: 30px; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #000000; background: #000000; font-weight: normal; color: #000000; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #000000; background: #000000; font-weight: normal; color: #000000; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #000000; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png?1d1a21a54dec049aa38b71f64b545ca8); } .ui-widget-header .ui-icon { background-image: url(/images/ui-icons_444444_256x240.png?1d1a21a54dec049aa38b71f64b545ca8); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url(/images/ui-icons_555555_256x240.png?2e3cb528b01dd1cac65d3ab17847fe9c); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(/images/ui-icons_ffffff_256x240.png?3288175dfb8da9bff357efce5e681323); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(/images/ui-icons_777620_256x240.png?73810a724cbfea60db5e56c931c484ee); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/images/ui-icons_cc0000_256x240.png?be67924624cc23c81d82deba3d96d804); } .ui-button .ui-icon { background-image: url(/images/ui-icons_777777_256x240.png?5645d801999e29c26dd9914c5bf0eeb0); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: 0.3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { box-shadow: 0px 0px 5px #666666; } /* ======================================================= * * Whatsapp Chat Support * Version: 1.1 * By castlecode * * Contact: http://codecanyon.net/user/castlecode * Created: December 10, 2018 * * Copyright (c) 2018, castlecode. All rights reserved. * Available only in http://codecanyon.net/ * * --------------------------------- * CONTENTS * --------------------------------- * * [A] GLOBAL * [B] BUTTON * [C] BUTTON PERSON * [D] POPUP * [1] HEADER * [2] MULTIPLE PERSONS * [3] INPUT TEXT FIELD * * ======================================================= */ /* ====================================================================== * [A] GLOBAL * ====================================================================== */ .whatsapp_chat_support { position: relative; display: inline-block; vertical-align: top; } /* ====================================================================== * [B] BUTTON * ====================================================================== */ .wcs_button { text-align: center; vertical-align: middle; padding: 9px 18px; border-radius: 50px; background: #26C281; color: #fff; display: inline-block; margin-right: 3px; cursor: pointer; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .wcs_button .bi { font-size: 15px; margin-right: 3px; } .wcs_button_circle { width: 50px; height: 50px; border-radius: 100%; padding: 0; } .wcs_button_circle .bi { line-height: 50px; font-size: 25px; margin-right: 0px; } .wcs_button_label { vertical-align: middle; cursor: pointer; display: inline-block; font-size: 12px; margin-right: 10px; margin-left: 10px; background: #d4f3e6; padding: 5px 10px; border-radius: 4px; transition: 0.3s ease all; } .wcs_button_label_hide { transform: translate(10px, 0); opacity: 0; visibility: hidden; } .wcs_fixed_right { z-index: 1024; position: fixed; bottom: 20px; right: 20px; } .wcs_fixed_left { z-index: 1024; position: fixed; bottom: 20px; left: 20px; } .wcs_fixed_left .wcs_popup { left: 0 !important; right: unset !important; } /* ====================================================================== * [C] BUTTON PERSON * ====================================================================== */ .wcs_button_person { padding: 7px 18px 8px 10px; border-radius: 50px; text-align: left; background: #26C281; color: #fff; transition: 0.4s ease all; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .wcs_button_person:hover { transform: translate(0, -3px); -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); } /* PERSON IMG */ .wcs_button_person_img { overflow: hidden; display: table-cell; vertical-align: middle; } .wcs_button_person_img img { border: 2px solid #fff; border-radius: 50%; display: block; width: 60px; height: 60px; } .wcs_button_person_img .bi { font-size: 60px; } /* PERSON CONTENT */ .wcs_button_person_content { padding-left: 14px; display: table-cell; vertical-align: middle; } /* PERSON NAME */ .wcs_button_person_name { font-size: 10px; color: rgba(255, 255, 255, 0.8); } /* PERSON DESCRIPTION */ .wcs_button_person_description { font-size: 14px; font-weight: bold; line-height: 23px; color: #fff; } /* PERSON STATUS */ .wcs_button_person_status { font-size: 10px; vertical-align: middle; color: #fff; background: rgba(255, 255, 255, 0.3); display: inline-block; padding: 1px 5px; border-radius: 5px; } /* BUTTON PERSON OFFLINE */ .wcs_button_person_offline { background: #a4a4a4 !important; cursor: auto !important; } .wcs_button_person_offline:hover { transform: translate(0, 0) !important; -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .wcs_button_person_offline .wcs_button_person_status { background: #f1a528; } .wcs_button_person_offline .wcs_button_person_img { filter: grayscale(1); } /* ====================================================================== * [D] POPUP * ====================================================================== */ .wcs_popup { position: absolute; width: 300px; bottom: 100%; right: 0; margin-bottom: 20px; visibility: hidden; max-width: calc(100vw - 60px); } /* CLOSE */ .wcs_popup_close { position: absolute; top: 2px; right: 8px; cursor: pointer; opacity: 0.8; color: #fff; font-size: 18px; transition: all 0.08s ease-in-out; } .wcs_popup_close:hover { opacity: 1; } /* ====================================================================== * [1] HEADER * ====================================================================== */ .wcs_popup_header { padding: 20px; background: #26C281; border-top-right-radius: 8px; border-top-left-radius: 8px; color: #fff; text-align: center; -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); } .wcs_popup_header .bi-whatsapp { font-size: 50px; display: block; margin-bottom: 20px; } .wcs_popup_header_description { display: block; margin-top: 10px; font-size: 12px; } /* ====================================================================== * [2] MULTIPLE PERSONS * ====================================================================== */ /* CONTAINER */ .wcs_popup_person_container { /*max-height: 470px; overflow-y: scroll;*/ background: #fff; padding: 20px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); } /* PERSON */ .wcs_popup_person { background: #f5f7f9; padding: 10px; text-align: left; margin-bottom: 10px; cursor: pointer; transition: 0.2s ease all; } .wcs_popup_person:hover { -o-box-shadow: 0 1px 2px rgba(43, 43, 43, 0.15); -ms-box-shadow: 0 1px 2px rgba(43, 43, 43, 0.15); box-shadow: 0 1px 2px rgba(43, 43, 43, 0.15); } .wcs_popup_person:last-child { margin-bottom: 0; } .wcs_popup_person::after { content: ""; clear: both; display: table; } /* PERSON IMG */ .wcs_popup_person_img { overflow: hidden; display: table-cell; vertical-align: middle; } .wcs_popup_person_img img { border: 2px solid #26C281; border-radius: 50%; display: block; width: 60px; height: 60px; } /* PERSON CONTENT */ .wcs_popup_person_content { padding-left: 15px; display: table-cell; vertical-align: middle; } /* PERSON NAME */ .wcs_popup_person_name { font-size: 14px; color: #383838; font-weight: bold; } /* PERSON DESCRIPTION */ .wcs_popup_person_description { font-size: 11px; line-height: 18px; color: #8c8c8c; } /* PERSON STATUS */ .wcs_popup_person_status { font-size: 10px; vertical-align: middle; color: #fff; background: #26C281; border-radius: 5px; display: inline-block; padding: 1px 5px; } /* POPUP PERSON OFFLINE */ .wcs_popup_person_offline { cursor: auto !important; } .wcs_popup_person_offline .wcs_popup_person_img { filter: grayscale(1); } .wcs_popup_person_offline:hover { -o-box-shadow: none !important; -ms-box-shadow: none !important; box-shadow: none !important; } .wcs_popup_person_offline .wcs_popup_person_status { background: #f1a528; } /* ====================================================================== * [3] INPUT TEXT FIELD * ====================================================================== */ .wcs_popup_input { border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; background: #fff; padding: 10px 10px; -o-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); -ms-box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); box-shadow: 0 4px 8px 1px rgba(43, 43, 43, 0.15); } .wcs_popup_input input { border: 0; outline: none; width: 90%; color: #555555; } .wcs_popup_input input::-moz-placeholder { color: #cfcfcf; } .wcs_popup_input input::placeholder { color: #cfcfcf; } .wcs_popup_input > * { vertical-align: top; } .wcs_popup_input .bi { font-size: 17px; color: #9da3a5; vertical-align: middle; cursor: pointer; } /* AVATAR */ .wcs_popup_avatar { overflow: hidden; position: absolute; left: -70px; bottom: -4px; } .wcs_fixed_left .wcs_popup_avatar { left: initial; right: -70px; } .wcs_popup_avatar img { border-radius: 50%; border: 2px solid #26C281; display: block; height: 50px; width: 50px; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); } .wcs_popup_input_offline { color: #f1a528; } .wcs_popup_input_offline + .wcs_popup_avatar { filter: grayscale(1); } @media only screen and (max-width: 400px) { .wcs_popup_avatar { display: none; } } /* ====================================================================== * [H] EFFECTS * ====================================================================== */ .wcs-show .wcs_popup { visibility: visible; } /* Effect 0: Fade in */ .wcs-effect-0 .wcs_popup { opacity: 0; transition: opacity 0.3s; } .wcs-show.wcs-effect-0 .wcs_popup { opacity: 1; } /* Effect 1: Fade in and scale up */ .wcs-effect-1 .wcs_popup { transform: scale(0.7); opacity: 0; transition: all 0.3s; } .wcs-show.wcs-effect-1 .wcs_popup { transform: scale(1); opacity: 1; } /* Effect 2: Slide from the right */ .wcs-effect-2 .wcs_popup { transform: translateX(20%); opacity: 0; transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); } .wcs-show.wcs-effect-2 .wcs_popup { transform: translateX(0); opacity: 1; } /* Effect 3: Slide from the bottom */ .wcs-effect-3 .wcs_popup { transform: translateY(20%); opacity: 0; transition: all 0.3s; } .wcs-show.wcs-effect-3 .wcs_popup { transform: translateY(0); opacity: 1; } /* Effect 4: Newspaper */ .wcs-effect-4 .wcs_popup { transform: scale(0) rotate(720deg); opacity: 0; } .wcs-show.wcs-effect-4 ~ .datepicker-in-fullscreen-background, .wcs-effect-4 .wcs_popup { transition: all 0.5s; } .wcs-show.wcs-effect-4 .wcs_popup { transform: scale(1) rotate(0deg); opacity: 1; } /* Effect 5: fall */ .wcs-effect-5.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-5 .wcs_popup { transform-style: preserve-3d; transform: translateZ(600px) rotateX(20deg); opacity: 0; } .wcs-show.wcs-effect-5 .wcs_popup { transition: all 0.3s ease-in; transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* Effect 6: side fall */ .wcs-effect-6.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-6 .wcs_popup { transform-style: preserve-3d; transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .wcs-show.wcs-effect-6 .wcs_popup { transition: all 0.3s ease-in; transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* Effect 7: 3D Rotate from bottom */ .wcs-effect-7.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-7 .wcs_popup { transform-style: preserve-3d; transform: translateY(100%) rotateX(90deg); transform-origin: 0 100%; opacity: 0; transition: all 0.3s ease-out; } .wcs-show.wcs-effect-7 .wcs_popup { transform: translateY(0%) rotateX(0deg); opacity: 1; } /* Effect 8: 3D Rotate in from left */ .wcs-effect-8.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-8 .wcs_popup { transform-style: preserve-3d; transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform-origin: 0 100%; opacity: 0; transition: all 0.3s; } .wcs-show.wcs-effect-8 .wcs_popup { transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* Effect 9: 3D flip horizontal */ .wcs-effect-9.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-9 .wcs_popup { transform-style: preserve-3d; transform: rotateY(-70deg); transition: all 0.3s; opacity: 0; } .wcs-show.wcs-effect-9 .wcs_popup { transform: rotateY(0deg); opacity: 1; } /* Effect 10: 3D flip vertical */ .wcs-effect-10.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-10 .wcs_popup { transform-style: preserve-3d; transform: rotateX(-70deg); transition: all 0.3s; opacity: 0; } .wcs-show.wcs-effect-10 .wcs_popup { transform: rotateX(0deg); opacity: 1; } /* Effect 11: 3D sign */ .wcs-effect-11.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-11 .wcs_popup { transform-style: preserve-3d; transform: rotateX(-60deg); transform-origin: 50% 0; opacity: 0; transition: all 0.3s; } .wcs-show.wcs-effect-11 .wcs_popup { transform: rotateX(0deg); opacity: 1; } /* Effect 12: Super scaled */ .wcs-effect-12 .wcs_popup { transform: scale(2); opacity: 0; transition: all 0.3s; } .wcs-show.wcs-effect-12 .wcs_popup { transform: scale(1); opacity: 1; } /* Effect 13: 3D split */ .wcs-effect-13.whatsapp_chat_support { perspective: 1300px; } .wcs-effect-13 .wcs_popup { transform-style: preserve-3d; transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .wcs-show.wcs-effect-13 .wcs_popup { animation: slit 0.7s forwards ease-out; } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in; } 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* ====================================================================== * [G] DEBUG * ====================================================================== */ .wcs_debug { position: fixed; padding: 10px; background: white; border: 1px solid #dadada; top: 5px; right: 5px; } .wcs_debug strong { width: 125px; display: inline-block; } /* ================================== ==== AUTORISPONDITORE - MODAL ==== ================================== */ .modal_adv .modal-body { padding-top: 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_title { color: #000000; font-size: calc(15px + 0.2vw); font-weight: 700; text-align: center; text-transform: uppercase; margin: 0 0 1% 0; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_title { font-size: 16px; margin: 0 0 5px 0; } } .modal_adv .modal-body .modal_adv_container .modal_adv_title p { margin: 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_subtitle { margin: 0 0 1% 0; color: #000000; font-size: calc(10px + 0.2vw); text-align: center; text-transform: lowercase; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_subtitle { font-size: 14px; margin: 0 0 10px 0; } } .modal_adv .modal-body .modal_adv_container .modal_adv_subtitle p { margin: 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_image { margin: 0 0 1% 0; padding: 0 0 0 0; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_image { margin: 0 0 10px 0; } } .modal_adv .modal-body .modal_adv_container .modal_adv_image a { display: block; } .modal_adv .modal-body .modal_adv_container .modal_adv_image picture { display: block; } .modal_adv .modal-body .modal_adv_container .modal_adv_image picture img:first-child { margin: 0 0 1% 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_note { margin: 0 0 1% 0; color: #000000; font-size: calc(9px + 0.2vw); text-align: center; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_note { font-size: 12px; } } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container { width: 85%; margin: 0 auto 1% auto; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_form_container { width: 100%; margin: 0 0 10px 0; } } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem { display: inline-block; padding: 10px 0 10px 0; clear: both; width: 100%; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem label { cursor: pointer; display: block; font-size: 10px; text-transform: lowercase !important; margin: 10px 0 10px 0; padding: 5px 1% 5px 0; min-width: 10%; font-weight: 300; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem > label.label_general { text-align: left; font-weight: 700; text-transform: uppercase !important; margin: 0 0 5px 0; padding: 0 0 0 0; width: auto; position: relative; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem.form-floating > label.label_general { padding: 0.85rem 0.7rem; position: absolute; height: auto; margin: 0; top: 10px; } .modal_adv .modal-body .modal_adv_container .modal_adv_btn_container { width: 100%; text-align: center; } .modal_adv .modal-body .modal_adv_container .modal_adv_btn_container .modal_adv_btn { width: 25%; min-width: auto; background-color: #000000; border: solid 1px #000; color: #ffffff; font-size: 13px; font-weight: 900; text-transform: uppercase; padding: 2%; } @media (max-width: 767.98px) { .modal_adv .modal-body .modal_adv_container .modal_adv_btn_container .modal_adv_btn { padding: 10px; width: 100%; max-width: 250px; } } .modal_adv .modal-body .modal_adv_container .modal_adv_privacy { margin: 5% 0 0 0; padding: 0 5% 0 5%; color: gray; font-size: calc(7px + 0.2vw); text-align: center; } /* ========================================= ==== AUTORISPONDITORE - LANDING PAGE ==== ========================================= */ .reg_form_title { margin: 0 0 1.5rem 0; padding: 1% 0 0 0; text-align: center; font-weight: 600; font-size: calc(20px + 0.2vw); text-transform: uppercase; } .reg_form_block_container { margin-bottom: 3rem; } .reg_form_block_container .reg_form_block_wrap { display: flex; background-color: #f1f1f1; } @media (max-width: 767.98px) { .reg_form_block_container .reg_form_block_wrap { display: flex; flex-direction: column; } } .reg_form_block_container .reg_form_block_wrap .reg_form_block_img { width: 70%; display: flex; align-items: center; } @media (max-width: 1023.98px) { .reg_form_block_container .reg_form_block_wrap .reg_form_block_img { width: 100%; } } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info { width: 30%; height: 100%; padding: 2% 2%; text-align: center; background-color: #f1f1f1; position: relative; top: 0; right: 0; display: flex; padding: 0 1rem 0.5rem 1rem; } @media (max-width: 1023.98px) { .reg_form_block_container .reg_form_block_wrap .reg_form_block_info { width: 100%; height: auto; padding: 1rem; position: relative; } } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_block_info_txt { font-size: calc(12px + 0.4vw); font-weight: 400; margin-bottom: 2vw; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_form_container { width: 85%; margin: 0 auto 1% auto; } @media (max-width: 767.98px) { .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_form_container { width: 100%; margin: 0 0 10px 0; } } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_form_container .rowElem { display: inline-block; padding: 10px 0 10px 0; clear: both; width: 100%; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_form_container .rowElem label { cursor: pointer; display: block; font-size: 10px; text-transform: lowercase !important; margin: 10px 0 10px 0; padding: 5px 1% 5px 0; min-width: 10%; font-weight: 300; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_form_container .rowElem > label.label_general { text-align: left; font-weight: 700; text-transform: uppercase !important; margin: 0 0 5px 0; padding: 0 0 0 0; width: auto; position: relative; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_btn_container { width: 100%; text-align: center; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_btn_container .reg_form_btn { width: 25%; min-width: auto; background-color: #000000; border: solid 1px #000; color: #ffffff; font-size: 13px; font-weight: 900; text-transform: uppercase; padding: 2%; } @media (max-width: 767.98px) { .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_btn_container .reg_form_btn { padding: 10px; width: 100%; max-width: 250px; } } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_block_info_privacy { font-size: calc(9px + 0.2vw); font-weight: 400; margin: 5% 0 0 0; } .reg_form_block_container .reg_form_block_wrap .reg_form_block_info .reg_form_block_info_privacy a { text-decoration: underline; } .reg_block_testo_promo_txt { text-align: center; } .reg_block_scadenza_txt { text-align: center; } .reg_form_thankyou_container .reg_form_thankyou_title { text-align: center; font-weight: 700; font-size: 2em; margin-bottom: 1em; margin-top: 1em; } .reg_form_thankyou_container .reg_form_thankyou_txt { text-align: center; } .reg_form_thankyou_container .reg_form_thankyou_txt .autorisp_title { font-weight: 700; font-size: 25px; } .reg_form_thankyou_container .reg_form_thankyou_txt .autorisp_txt { font-weight: 700; font-size: 20px; text-decoration: underline; } .reg_form_thankyou_container .reg_form_thankyou_txt .autorisp_end { font-weight: 400; font-size: 14px; } .reg_form_thankyou_container .reg_form_thankyou_img { padding: 3%; } /* ===================================================== ==== AUTORISPONDITORE - BOTTONE RIAPERTURA MODAL ==== ===================================================== */ .modal_adv_label_container { position: fixed; bottom: 20px; left: 20px; width: 50px; height: 50px; background-color: #000; color: #FFF; line-height: 50px; font-weight: 900; text-align: center; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; border-radius: 50px; z-index: 999; } .modal_adv_label_container:hover { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto; text-align: unset; } .modal_adv_label_container:hover .modal_adv_label_icon { display: inline-block; } .modal_adv_label_container:hover .modal_adv_label_txt { display: inline-block; width: auto; height: 50px; } .modal_adv_label_container .modal_adv_label_icon { width: 50px; height: 50px; text-align: center; font-size: 25px; display: inline-block; } .modal_adv_label_container .modal_adv_label_txt { display: none; font-size: calc(10px + 0.2vw); vertical-align: top; padding: 0 10px 0 0; } .sc_global_container { position: relative; width: 100%; min-width: 100%; min-height: 610px; margin: 0 auto; background-color: #FFF; } .sc_menu_container { float: left; width: 25%; margin: 0 3% 0 0; padding: 0 0 15px 0; color: #000; } @media (max-width: 991.98px) { .sc_menu_container { float: none; padding: 0; margin: 0; width: 100%; text-align: center; } } .sc_menu_container .sc_menu { display: block; } .sc_menu_container .sc_menu h2, .sc_menu_container .sc_menu .h2 { padding: 0 0 10px 0; color: #000; font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 0; } @media (max-width: 767.98px) { .sc_menu_container .sc_menu h2, .sc_menu_container .sc_menu .h2 { padding: 5px 0 10px 0; } } .sc_menu_container .sc_menu ul { list-style-type: none; margin: 0 0 6% 0; padding: 0; } .sc_menu_container .sc_menu ul li { font-size: 11px; margin: 0 0 1.5%; text-transform: uppercase; } .sc_menu_container .sc_menu ul li a { background: #fff; border: 1px solid #000; box-sizing: border-box; color: #000; display: block; font-size: calc(11px + 0.2vw); font-style: normal; font-weight: 400 !important; padding-bottom: 30px; padding-top: 30px; text-align: center; text-decoration: none; text-transform: uppercase; width: 100%; } @media (max-width: 991.98px) { .sc_menu_container .sc_menu ul li a { padding-bottom: 15px; padding-top: 15px; } } .sc_menu_container .sc_menu ul li a:hover { background-color: #000; color: #fff !important; } .sc_menu_container .sc_menu ul li a.active { background-color: rgba(0, 0, 0, 0.2); } .sc_menu_container .sc_menu a { color: #000; text-decoration: none; } .sc_container { float: left; width: 71%; margin: 0; padding: 0; background-color: #FFF; } @media (max-width: 991.98px) { .sc_container { float: none; width: 100%; } } .sc_container .sc_container_title { display: flex; align-items: center; margin-bottom: 32px; } @media (max-width: 767.98px) { .sc_container .sc_container_title { margin-bottom: 16px; } } .sc_container .sc_container_title .sc_title { margin-bottom: 0; width: auto; display: inline; text-align: left; display: inline; } .sc_container .sc_container_title .sc_subtitle { color: #000; display: inline; width: auto; font-size: 15px; font-weight: 700; text-transform: uppercase; } .sc_container h2, .sc_container .h2 { padding: 5px 0 10px 0; color: #000; font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; border-bottom: 1px solid #dddfde; } .sc_container p + h2, .sc_container p + .h2 { padding-top: 15px; } .sc_container ul + h2, .sc_container ul + .h2 { padding-top: 15px; } .sc_container p { font-size: 12px; color: #000; line-height: 20px; text-align: left; } .sc_container a { color: #000; text-decoration: none; } .sc_container ul { list-style-type: upper-latin; margin-left: 30px; margin-top: 5px; padding-top: 5px; font-size: 12px; line-height: 20px; color: #000; margin-bottom: 15px; } .sc_container ul li { margin-bottom: 5px; } .sc_container table { background-color: #FFF; font-size: 13px; margin: 10px 10px 10px 10px; color: #000; width: 98% !important; } .sc_container table thead tr { height: 25px; background-color: #DDDFDE; } .sc_container table td { text-align: center; } .sc_container .sc_container_separatore { background-color: #FFF; height: 1px; clear: both; font-size: 1px; padding: 2px 2px 2px 2px; margin: 40px 0px 40px 0px; } .gift_card_title_container { margin: 3rem 0; } @media (max-width: 767.98px) { .gift_card_title_container { margin: 1rem 0; } } .gift_card_title_container .gift_title { text-align: center; font-size: calc(16px + 1vw); font-weight: 700; text-transform: none; width: 100%; margin: 1% 0 1% 0; } .gift_card_title_container .gift_txt { width: 100%; margin: 0 0 1% 0; text-align: center; font-size: calc(12px + 0.5vw); font-weight: 400; } .gift_card_canvas_container { z-index: 1; position: relative; margin-bottom: 0; padding-right: 1rem; } @media (max-width: 767.98px) { .gift_card_canvas_container { margin-bottom: 3rem; padding-right: 0; } } .gift_card_canvas_container img { width: 100%; } .gift_card_canvas_container .gift_card_info_container { position: absolute; z-index: 2; bottom: 0; width: 100%; } .gift_card_canvas_container .gift_card_info_container .gift_card_info_mittente { color: #000000; font-size: 20px; font-weight: 400; width: 100%; text-align: center; margin: 0 0 2% 0; } .gift_card_canvas_container .gift_card_info_container .gift_card_info_destinatario { color: #000000; font-size: 15px; font-weight: 400; width: 100%; text-align: center; margin: 0 0 5% 0; } .gift_card_canvas_container .gift_card_info_container .gift_card_info_messaggio { color: #000000; font-size: 13px; font-weight: 400; width: 80%; text-align: center; margin: 0 10% 5% 10%; } .gift_card_canvas_container .gift_card_info_container .gift_card_info_importo { color: #000000; font-size: 60px; font-weight: 700; width: 100%; text-align: center; margin: 0 0 5% 0; } .gift_card_form_container { padding-left: 1rem; } @media (max-width: 767.98px) { .gift_card_form_container { padding-left: 0; } } .gift_info_container { width: 100%; margin: 3rem 0 0 0; padding: 0 1% 4% 1%; clear: both; text-align: center; line-height: calc(15px + 1vw); font-weight: 100; } @media (max-width: 767.98px) { .gift_info_container { margin: 1rem 0 0 0; } } .gift_info_container .gift_info_title { font-size: calc(12px + 0.8vw); font-weight: 700; margin: 1% 0 2% 0; } .gift_info_container .gift_info_descr { font-size: calc(10px + 0.3vw); font-weight: 300; } .gift_info_container .gift_info_descr p { margin: 0 0 1% 0; } .gift_info_container .gift_info_descr ul { margin: 1% 0 0 0; padding: 0; } .gift_info_container .gift_info_descr ul li { list-style: none; } .gift_btn_container { width: 100%; margin: 20px 0px 20px 0px; clear: both; text-align: left; } .gift_btn_container .gift_bottone { background-color: #000; border: 1px solid #000; color: #fff; cursor: pointer; font-size: 11px; font-weight: 700; margin: 0; padding: 5px 10px; text-align: center; text-transform: uppercase; min-width: 200px; transition: background-color 0.5s ease; } .gift_btn_container .gift_bottone:hover { background-color: #fff; color: #000; } .gift_rowElem { display: inline-block; padding: 10px 0px 10px 0px; clear: both; width: 100%; } .gift_rowElem span { margin: 0 0 5px 0; display: block; text-transform: uppercase; font-size: 11px; font-weight: 700; } .gift_rowElem input[type=radio]:checked.gift_radio + label { background-image: none; background-color: #000; color: #fff; border: 1px solid #000; padding: 1% 1.5%; margin: 0 2% 5px 0; font-size: calc(8px + 0.25vw); width: auto; font-weight: 600; } .gift_rowElem input[type=radio].gift_radio + label { background-image: none; background-color: #fff; color: #000; border: 1px solid #000; padding: 1% 1.5%; margin: 0 2% 5px 0; font-size: calc(8px + 0.25vw); width: auto; font-weight: 600; } .store_locator_select { background-color: transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #000; border-left: 1px solid transparent; font-size: calc(12px + 0.25vw); height: 50px; } .store_locator_select:focus { background-color: #f8f8f8; border: none !important; border-bottom: solid 2px #000 !important; } .store_locator_select:focus-visible { background-color: #f8f8f8; border: none !important; border-bottom: solid 2px #000 !important; } .store_locator_button { width: 100%; min-width: auto; max-width: 300px; font-size: calc(12px + 0.25vw); height: 50px; display: block; margin: 0 auto; font-family: "Arsenal", sans-serif; font-weight: 700; background-color: #000; color: #FFF; text-transform: uppercase; } .store_locator_container { display: flex; flex-wrap: wrap; width: 100%; border-top: 3px solid #000; margin: 2% 0 0 0; padding: 2% 0 0 0; } @media (max-width: 575.98px) { .store_locator_container { padding: 1.5rem 0 0 0; } } .store_locator_container .store_locator_block { width: 25%; margin: 0 0 2% 0; padding: 0 5% 0 0; } @media (max-width: 991.98px) { .store_locator_container .store_locator_block { width: 50%; } } @media (max-width: 575.98px) { .store_locator_container .store_locator_block { width: 100%; padding: 0; margin: 0 0 1.5rem 0; } } .store_locator_container .store_locator_block .store_locator_block_title { font-family: "Arsenal", sans-serif; font-size: calc(13px + 0.25vw); color: #000; font-weight: 700; text-align: left; text-transform: uppercase; margin: 0 0 5% 0; } .store_locator_container .store_locator_block .store_locator_block_subtitle { font-size: calc(12px + 0.25vw); line-height: calc(18px + 0.25vw); color: #000; font-weight: 400; text-align: left; } .store_locator_container .store_locator_block .store_locator_block_txt { font-size: calc(11px + 0.25vw); line-height: calc(18px + 0.25vw); color: #000; font-weight: 400; text-align: left; margin: 0 0 5% 0; } /* ===================== ==== DETTAGLIO ====== ===================== */ .store_dettaglio_map { justify-content: space-between; padding: 2rem 0; } .store_dettaglio_map .store_dettaglio_title { font-family: Roboto, sans-serif; font-size: calc(16px + 1.5vw); font-weight: 400; margin: 0 0 5%; text-transform: uppercase; } .store_dettaglio_map .store_dettaglio_subtitle { font-family: Roboto, sans-serif; font-size: calc(10px + 0.25vw); font-weight: 500; margin: 0 0 2%; text-align: left; text-transform: uppercase; transition: 0.2s; } .store_dettaglio_map .store_dettaglio_subtitle:hover { text-decoration: underline; } .store_dettaglio_map .store_dettaglio_txt { color: #000; font-size: calc(9px + 0.25vw); font-weight: 400; line-height: calc(18px + 0.25vw); text-align: left; } @media (max-width: 575.98px) { .store_dettaglio_map { max-width: 100%; } } @media (max-width: 1199.98px) { .store_dettaglio_map { margin-top: 2em; } } .store_dettaglio_servizi { margin: 9em; } .store_dettaglio_servizi .store_dettaglio_info { border-top: #000 3px solid; } .store_dettaglio_servizi .store_dettaglio_info .store_dettaglio_title { text-transform: uppercase; font-weight: 400; } .store_dettaglio_list { margin-left: 20px; } .store_dettaglio_slider { max-width: 100vw; } .store_dettaglio_slider .store_dettaglio_title { font-family: Roboto, sans-serif; font-size: calc(10px + 1.5vw); font-weight: 400; margin: 0 0 5%; text-transform: uppercase; } .store_dettaglio_slider .store_dettaglio_txt { margin-bottom: 2em; } .store_dettaglio_slider .store_dettaglio_subtitle { font-family: Roboto, sans-serif; font-size: calc(10px + 0.25vw); font-weight: 500; margin: 0 0 2%; text-align: left; text-transform: uppercase; } /* ================================ ==== DETTAGLIO - SIZE GUIDE ==== ================================ */ .cs_size_box { width: auto !important; } .cs_size_box #TabSizeGuide { border-bottom: 1px solid #000; font-weight: 400; } .cs_size_box #TabSizeGuide li button.nav-link { border: 0; border-radius: 0; color: #000; background-color: transparent; font-weight: 400; width: 100%; text-transform: none; font-size: 17px; padding: 10px 20px 10px 20px; font-family: "Arsenal", sans-serif; text-align: center; } .cs_size_box #TabSizeGuide li button.nav-link.active { background-color: #000; color: #FFF; } .cs_size_box #TabSizeGuideContent { padding: 20px 0 0 0; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion { overflow-x: auto; padding: 0 0 20px 0; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0; border: 1px solid #000; font-size: 12px; color: #000; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table th { text-align: center; padding: 8px; border: 1px solid #000; min-width: 125px; } @media (max-width: 575.98px) { .cs_size_box #TabSizeGuideContent #griglia_size_conversion table th { min-width: auto; } } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table td { text-align: center; padding: 8px; border: 1px solid #000; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table td:first-child { font-weight: bold; } @media (max-width: 575.98px) { .cs_size_box #TabSizeGuideContent #griglia_size_conversion table td { min-width: auto; } } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table tr:nth-child(even) { background-color: #FFF; } /* ================================= ==== DETTAGLIO - SIZE CHARTS ==== ================================= */ #griglia_size_charts_conversion { overflow-x: auto; padding: 0 0 20px 0; } #griglia_size_charts_conversion table { border-collapse: collapse; border-spacing: 0; width: 100%; min-width: 400px; margin: 0; border: 1px solid #000; font-size: 12px; color: #000; } @media (max-width: 575.98px) { #griglia_size_charts_conversion table { min-width: auto; } } #griglia_size_charts_conversion table th { text-align: center; padding: 8px; border: 1px solid #000; width: 50%; min-width: 125px; } #griglia_size_charts_conversion table td { text-align: center; padding: 8px; border: 1px solid #000; } #griglia_size_charts_conversion table td:first-child { font-weight: bold; } #griglia_size_charts_conversion table td.size_charts_finished { opacity: 0.5; } #griglia_size_charts_conversion table tr:nth-child(even) { background-color: #FFF; } #griglia_size_charts_conversion .size_charts_select_100 { font-size: 11px; background-color: #FFF; border-bottom: solid 1px #000; border-top: solid 0px #000; border-left: solid 0px #000; border-right: solid 0px #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFF url(/images/select-arrow.png?e330968e9ee3c6dacf38dc2b87ca289e) no-repeat 98% center; width: 100%; text-indent: 0.01px; text-overflow: ""; color: #000; font-weight: 300; border-radius: 0px; height: 25px; margin: 0 0 0 0; padding: 0 5% 0 2%; position: relative; box-sizing: border-box; } #griglia_size_charts_conversion .size_charts_select_100:focus { background-color: #f8f8f8; border-bottom: solid 2px #000; outline: none; } #griglia_size_charts_conversion .griglia_size_charts_info_container { margin: 4% 0 0 0; max-width: 400px; } #griglia_size_charts_conversion .griglia_size_charts_info_container .griglia_size_charts_info_title { font-size: 15px; font-weight: 700; margin: 0 0 2% 0; } #griglia_size_charts_conversion .griglia_size_charts_info_container .griglia_size_charts_info_note { font-size: 12px; font-weight: 300; } /* ================================= ==== CUSTOMIZATION DETTAGLIO ==== ================================= */ .customization_wrapper { padding: 48px 0; margin: 1rem 0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } @media (max-width: 576px) { .customization_wrapper { padding: 24px 0; } } .customization_wrapper .btn { background-color: transparent; border: 1px solid #000; border-radius: 0; color: #000; cursor: pointer; font-size: 13px; font-style: normal; font-weight: 400; max-width: 470px; min-width: auto; padding: 5px; text-align: center; text-transform: uppercase; transition: background-color 0.5s ease; width: 100%; } .customization_wrapper .btn:hover { background: #000; color: #fff; } .customization_wrapper .customization_main_title { font-size: 12px; font-weight: 700; margin: 0 0 10px; text-transform: uppercase; } .customization_wrapper .customization_main_description { font-size: 11px; font-weight: 400; margin: 20px 0; } .customization_wrapper .customization_container { font-size: 12px; background-color: rgba(0, 0, 0, 0.05); padding: 1rem; } .customization_wrapper .customization_container .customization_container_col { display: flex; align-items: end; } .customization_wrapper .customization_container label { text-transform: uppercase; color: #000; font-size: 12px; font-weight: 400; line-height: 12px; } .customization_wrapper .customization_container label.label_colors { margin-right: 8px; padding: 0; } .customization_wrapper .customization_container label.label_position { margin-right: 8px; padding: 0; } .customization_wrapper .customization_container label.label_description { margin-right: 8px; padding: 0; } .customization_wrapper .customization_container label.label_price { margin-right: 8px; padding: 0; } .customization_wrapper .customization_container .text_description { color: #000; font-size: 12px; font-weight: 400; } .customization_wrapper .customization_container .personalizzazione-colori-colore { width: 15px; height: 15px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.4); } .personalizzazione-colori-colore { border: 2px solid transparent; } .personalizzazione-colori-colore.active { border-color: #000; } .personalizzazione-card { margin-top: 0.5rem; } .personalizzazione-card .cart_info_container { font-size: 12px; } /* =============================== ===== CUSTOMIZATION MODAL====== =============================== */ .customization_modal_content { padding: 0rem 0.5rem 1rem 0.7rem; } .customization_modal_content .modal-header .modal_title { margin: 0 auto; } .customization_modal_content .customization_modal_title { text-transform: uppercase; font-size: 1.5em; } .customization_modal_content .modal-body { overflow-x: hidden; padding-left: 0.5rem; padding-top: 0; } .customization_modal_content .modal-body .modal_container .customization_modal_img img { padding: 0; } .customization_modal_content .modal-body .modal_container .customization_modal_img figure { position: relative; margin: 0; } .customization_modal_content .modal-body .modal_container .customization_modal_img .customization_text_overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-weight: 700; font-size: 14px; color: #000; letter-spacing: 2px; white-space: pre-wrap; word-break: break-all; max-width: 95%; line-height: 1.4; } @media (max-width: 767.98px) { .customization_modal_content .modal-body .modal_container .customization_modal_img .customization_text_overlay { font-size: 12px; letter-spacing: 1px; } } .customization_modal_content .modal-body .modal_container .customization_input_text { padding-top: 1rem; } @media (max-width: 767.98px) { .customization_modal_content .modal-body .modal_container .customization_input_text { padding-top: 0.75rem; } } .customization_modal_content .modal-body .modal_container .customization_input_text label sup { display: none; } .customization_modal_content .modal-body .modal_container .customization_input_text .customization_info_max_chars { margin-top: 0; font-size: 10px; } .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors { padding-top: 0.5rem; } @media (max-width: 767.98px) { .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors { padding-top: 1rem; } } .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors .label_general { margin-right: auto; padding: 0; } .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors .customization_color_square_container { justify-content: start; } .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors .customization_color_square_container .customization_color_square { width: 10.7%; } @media (max-width: 767.98px) { .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors .customization_color_square_container .customization_color_square { width: 15.7%; } } .customization_modal_content .modal-body .modal_container .customization_modal_choose_colors .customization_color_square_container .customization_color_square label { text-align: center; display: block; } .customization_modal_content .modal-body .modal_container .customization_modal_position { padding: 0; } .customization_modal_content .modal-body .modal_container .customization_modal_position .customization_position { margin-right: auto; } .customization_modal_content .modal-body .modal_container .modal_btn_container { margin-top: 1rem; } .customization_modal_content .modal-body .modal_container .customization_price_surplus { padding-top: 1rem; } @media (max-width: 767.98px) { .customization_modal_content .modal-body .modal_container .customization_price_surplus { padding-top: 0.5rem; } } /* ================ ==== HEADER ==== ================ */ .widget-b2b-vsr-mode { font-size: 10px !important; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; } .impersonation_b2b_vsr_container { color: #fff; font-size: 10px; padding: 0 10px; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .impersonation_b2b_vsr_sx { display: flex; gap: 16px; justify-content: start; width: 40%; } @media (max-width: 991.98px) { .impersonation_b2b_vsr_sx { width: 90%; } } .impersonation_b2b_vsr_sx button { font-size: 18px; padding: 2px 5px; border: 0; text-transform: uppercase; display: flex; gap: 8px; align-content: center; align-items: center; } .impersonation_b2b_vsr_sx button:disabled { display: none; } .impersonation_b2b_vsr_sx button span { font-size: 10px; } @media (max-width: 767.98px) { .impersonation_b2b_vsr_sx button span { font-size: 8px; } } @media (max-width: 575.98px) { .impersonation_b2b_vsr_sx button span { display: none; } } .impersonation_b2b_vsr_center { width: 50%; } @media (max-width: 991.98px) { .impersonation_b2b_vsr_center { width: 0%; } } .impersonation_b2b_vsr_dx { display: flex; gap: 8px; justify-content: end; align-items: center; width: 10%; } .impersonation_b2b_vsr_cliente { display: flex; gap: 8px; justify-content: start; align-items: center; } @media (max-width: 767.98px) { .impersonation_b2b_vsr_cliente { font-size: 8px; } } .impersonation_b2b_vsr_breadcrumb { text-transform: uppercase; } /* ============================ ==== MODAL STATS ORDINE ==== ============================ */ .modal_b2b_vsr_stats_order_label_container { position: fixed; bottom: 75px; left: 20px; width: 50px; height: 50px; background-color: #000; color: #FFF; line-height: 50px; font-weight: 900; text-align: center; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; border-radius: 50px; z-index: 999; } .modal_b2b_vsr_stats_order_label_container:hover { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto; text-align: unset; } .modal_b2b_vsr_stats_order_label_container:hover .modal_b2b_vsr_stats_order_label_icon { display: inline-block; } .modal_b2b_vsr_stats_order_label_container:hover .modal_b2b_vsr_stats_order_label_txt { display: inline-block; width: auto; height: 50px; } .modal_b2b_vsr_stats_order_label_container .modal_b2b_vsr_stats_order_label_icon { width: 50px; height: 50px; text-align: center; font-size: 25px; display: inline-block; } .modal_b2b_vsr_stats_order_label_container .modal_b2b_vsr_stats_order_label_txt { display: none; font-size: calc(10px + 0.2vw); vertical-align: top; padding: 0 10px 0 0; } .modal_b2b_vsr_stats_order_container .modal_b2b_vsr_stats_order_title { font-size: 15px; text-transform: uppercase; font-weight: 400; border-bottom: solid 1px #000; margin: 0 0 1% 0; } .modal_b2b_vsr_stats_order_container .modal_b2b_vsr_stats_order_info { font-size: 12px; text-transform: uppercase; font-weight: 300; margin: 0 0 3% 0; } .modal_b2b_vsr_stats_order_container .modal_b2b_vsr_stats_order_info .modal_b2b_vsr_stats_order_progress_bar { background-color: #000; color: #FFF; font-size: 10px; height: 15px; display: flex; align-items: center; padding: 0 0 0 1%; } .modal_b2b_vsr_stats_order_container .modal_b2b_vsr_stats_order_info_recap { font-size: 12px; text-transform: uppercase; font-weight: 300; } /* ================= ==== GALLERY ==== ================= */ .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_b2b_vsr_fast_add { background-color: transparent; float: right; font-size: 20px; height: 30px; line-height: 30px; margin: 0 0 0 1%; overflow: hidden; text-align: center; width: 30px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_labels_container .vaschetta_item_label_b2b_vsr_preorder { background-color: transparent; float: right; font-size: 20px; height: 30px; line-height: 30px; margin: 0 0 0 1%; overflow: hidden; text-align: center; width: 30px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price_b2b .vaschetta_item_info_b2b_vsr_old_price { color: rgb(0, 0, 0); text-decoration: line-through; display: inline-block; margin-right: 10px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price_b2b .vaschetta_item_info_b2b_vsr_new_price { color: #000; display: inline-block; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price_b2b .vaschetta_item_info_b2b_vsr_retail_price { color: #000; display: inline-block; margin-left: 10px; } /* =================== ==== DETTAGLIO ==== =================== */ .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo_b2b_vsr { font-size: 14px; font-weight: 300; letter-spacing: 0; line-height: 30px; padding: 5px 0 0; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo_b2b_vsr .details_article_dett_prezzo_b2b_vsr_old_price { text-decoration: line-through; margin-right: 10px; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo_b2b_vsr .details_article_dett_prezzo_b2b_vsr_new_price { font-weight: 600; } .product-main .details_block_container .detail_full_col_dx .product-info .details_article_dett_prezzo_b2b_vsr .details_article_dett_prezzo_b2b_vsr_retail_price { margin-left: 10px; } .product-main .details_block_container .detail_full_col_dx #product-buy .grid_b2b_details_container:last-child { margin: 0; } .product-main .details_block_container .detail_full_col_dx #product-buy .grid_b2b_details_totals_selected_container { padding: 0 0 0 0; margin: 2% 0 2% 0; width: 100%; } .product-main .details_block_container .detail_full_col_dx #product-buy .grid_b2b_details_totals_selected_container .grid_b2b_details_total_selected_row { text-transform: uppercase; font-size: 12px; color: #000; font-weight: 500; margin: 0 0 8px 0; } .product-main .details_block_container .detail_full_col_dx .details_article_b2b_vsr_preorder_info_container { margin: 18px 0 18px 0; padding: 18px; background-color: #f7f9fa; display: flex; gap: 18px; align-items: center; } .product-main .details_block_container .detail_full_col_dx .details_article_b2b_vsr_preorder_info_container .details_article_b2b_vsr_preorder_info_label { background-color: #b4b4b4; color: #fff; border-radius: 5px; padding: 10px; white-space: nowrap; font-size: 14px; text-transform: uppercase; } .product-main .details_block_container .detail_full_col_dx .details_article_b2b_vsr_preorder_info_container .details_article_b2b_vsr_preorder_info_txt { color: #000; font-size: 12px; font-weight: normal; } .product-main .details_block_container .detail_full_col_dx .details_article_b2b_vsr_preorder_info_container .details_article_b2b_vsr_preorder_info_txt .details_article_b2b_vsr_preorder_info_date { font-weight: bold; } .modal_b2b_vsr_add_other_available_colors_container .img_b2b_item_added_modal_other_colors img { width: 100%; height: auto; } .details_materiali_wrap { padding: 40px 0 60px; } @media (max-width: 767.98px) { .details_materiali_wrap { padding: 0px 0 40px; } } .details_materiali_wrap .details_materiali_info { display: flex; padding-bottom: 25px; gap: 20px; } .details_materiali_wrap .details_materiali_info .details_materiali_info_title { color: #000; font-size: 12px; line-height: 10px; font-weight: 300; } .details_materiali_wrap .details_materiali_info .details_materiali_info_card { text-align: center; font-size: 10px; font-weight: 700; text-transform: uppercase; } /* ====================== ==== LANDING LINE ==== ====================== */ .landing_linee_b2b_vsr_wrap { padding: 48px 20px; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_alert { max-width: 400px; padding: 10px; position: fixed; right: 20px; top: 120px; display: flex; align-content: center; align-items: center; justify-content: space-between; margin: 0; z-index: 9999; } @media (max-width: 991.98px) { .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_alert { max-width: calc(100% - 40px); top: 100px; } } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_alert button { padding: 5px; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_title_container { margin-bottom: 24px; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_title_container .landing_linee_b2b_vsr_title { font-size: 24px; line-height: normal; margin-bottom: 8px; font-weight: 500; text-align: center; text-transform: uppercase; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_title_container .landing_linee_b2b_vsr_subtitle { font-size: 16px; line-height: normal; text-align: center; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; width: 100%; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container { flex: 0 1 calc(33.333% - 1rem); } @media (max-width: 767.98px) { .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container { flex: 0 1 calc(100% - 1rem); } } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container .landing_linee_b2b_vsr_item { aspect-ratio: 1/1; background-size: cover; display: flex; justify-content: center; align-content: center; align-items: center; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container .landing_linee_b2b_vsr_item .landing_linee_b2b_vsr_item_info_container .landing_linee_b2b_vsr_item_info_title { background-color: #fff; border: 1px solid #fff; color: #000; font-family: Archivo, sans-serif; font-size: 12px; font-weight: 300; line-height: calc(24px + 0.4vw); margin: 0 0.4vw; min-width: auto; padding: 0.4vw 1.4vw; text-transform: none; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container .landing_linee_b2b_vsr_item .landing_linee_b2b_vsr_item_info_container .landing_linee_b2b_vsr_item_info_title:hover { background-color: #000; border: 1px solid #000; color: #fff; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container .landing_linee_b2b_vsr_item_subtitle { text-align: center; font-size: 12px; padding-top: 16px; } .landing_linee_b2b_vsr_wrap .landing_linee_b2b_vsr_container .landing_linee_b2b_vsr_item_wrap .landing_linee_b2b_vsr_item_container .landing_linee_b2b_vsr_item_note { text-align: center; font-size: 11px; } /* ============== ==== GRID ==== ============== */ .grid_b2b_details_container { width: 100%; display: table; border: 1px solid #000000; border-collapse: collapse; font-size: 12px; margin: 0 0 2% 0; } @media (max-width: 767.98px) { .grid_b2b_details_container { font-size: 10px; } } .grid_b2b_details_container .grid_b2b_details_row { border: 1px solid #000000; width: 100%; display: table-row; transition: all 0.3s ease; } .grid_b2b_details_container .grid_b2b_details_row.grid_b2b_row_title { background-color: #000000; color: #ffffff; font-weight: 700; text-transform: uppercase; } .grid_b2b_details_container .grid_b2b_details_row.grid_b2b_row_content:hover { background-color: #eee; } .grid_b2b_details_container .grid_b2b_details_col { border: 1px solid #000000; display: table-cell; padding: 3px; text-align: center; vertical-align: middle; } .grid_b2b_details_container .grid_b2b_details_col:first-child { text-align: center; font-weight: 700; text-transform: uppercase; } .grid_b2b_details_container .grid_b2b_details_col.quantita > input[type=text] { width: 100%; border: 0; text-align: center; background: transparent; } .grid_b2b_details_btn_add_container { width: 100%; margin: 2% 0 2% 0; padding: 0 0 0 0; } .grid_b2b_details_btn_add_container .grid_b2b_details_btn_add_container { background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; cursor: pointer; font-size: 13px; font-style: normal; font-weight: 400; max-width: 470px; min-width: auto; padding: 5px; text-align: center; text-transform: uppercase; transition: background-color 0.5s ease; width: 100%; } .grid_b2b_cart_container { margin: 0 0 2% 0; padding: 5px 0 0 0; } .grid_b2b_cart_container .grid_b2b_cart_img_container { text-align: left; padding: 0 5px 0 0; } @media (max-width: 767.98px) { .grid_b2b_cart_container .grid_b2b_cart_img_container { margin: 0 0 2% 0; } } .grid_b2b_cart_container .grid_b2b_cart_img_container a { display: block; } .grid_b2b_cart_container .grid_b2b_cart_img_container a img { height: auto; width: 100%; } @media (max-width: 767.98px) { .grid_b2b_cart_container .grid_b2b_cart_img_container a img { max-width: 100%; margin: 0; } } .grid_b2b_cart_container .grid_b2b_cart_img_container .grid_b2b_cart_label_preorder { background-color: transparent; font-size: 20px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; width: 30px; position: absolute; right: 15px; top: 15px; } .grid_b2b_cart_container .grid_b2b_cart_info_container { padding: 0 0 0 10px; } @media (max-width: 767.98px) { .grid_b2b_cart_container .grid_b2b_cart_info_container { padding: 0 0 0 0; } } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_cart_info_title { font-family: "Open Sans", sans-serif; text-align: left; font-size: 12px; font-weight: 700; padding: 0 1px 10px 1px; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_cart_price_container { margin: 0; text-align: right; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_cart_price_container .grid_b2b_cart_price_block { font-size: 10px; text-align: right; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_cart_price_container .cart_descr_delete { background-color: transparent; border: none; color: #000; display: inline-block; padding: 0; font-size: 13px; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_cart_price_container .cart_descr_delete:hover { color: #c41100; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_input { text-align: center; border: 1px solid #000; color: rgb(0, 0, 0); font-size: 10px; font-weight: 700; text-transform: uppercase; display: block; background-color: #ffffff; width: 100%; max-width: 180px; margin: 5px; padding: 2px; float: left; } @media (max-width: 767.98px) { .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_input { max-width: 90%; margin: 5px auto; float: none; } } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_modifica { color: #000000; font-size: 10px; text-transform: uppercase; display: block; border: 1px solid #000000; background-color: #ffffff; width: 100%; text-align: center; max-width: 180px; margin: 5px; padding: 2px; float: right; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_modifica:hover { color: #ffffff; background-color: #000000; text-decoration: none; } @media (max-width: 767.98px) { .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_modifica { margin: 5px auto; max-width: -moz-fit-content; max-width: fit-content; border: none; background-color: transparent; float: none; } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .cart_descr_modifica:hover { color: #000000; background-color: transparent; text-decoration: underline; } } .grid_b2b_cart_container .grid_b2b_cart_info_container .grid_b2b_details_container .grid_b2b_cart_totali_item { font-size: 14px; font-weight: 700; text-transform: uppercase; } /* =================== ==== MYACCOUNT ==== =================== */ @media (max-width: 991.98px) { .myaccount_b2b_vsr_container { padding-top: 22px; } } .myaccount_b2b_vsr_container.myaccount_b2b_vsr_margin_top_32 { margin-top: 32px; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container { display: flex; width: 100%; gap: 16px; align-items: center; margin-bottom: 16px; } @media (max-width: 767.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container { flex-direction: column; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_title_container { display: flex; width: 50%; } @media (max-width: 767.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_title_container { width: 100%; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_title_container .myaccount_b2b_vsr_title { color: #000; font-family: Archivo, sans-serif; font-size: 20px; font-style: normal; font-weight: 700; margin: 0 0 0.3%; text-align: center; text-transform: uppercase; display: flex; gap: 8px; } @media (max-width: 767.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_title_container .myaccount_b2b_vsr_title { text-align: left; font-size: 16px; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_search_container { width: 50%; } @media (max-width: 767.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_header_container .myaccount_b2b_vsr_search_container { width: 100%; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_backtoagente { position: absolute; top: -56px; right: 0; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_backtoagente button { align-items: center; background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; min-width: 100px; text-transform: uppercase; transition: 0.3s all ease; } @media (max-width: 991.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_backtoagente button.bottone_black { height: 20px; font-size: 12px; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_backtoagente button.bottone_black:hover { background-color: #333 !important; } @media (max-width: 991.98px) { .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_backtoagente { top: 18px; } } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container { padding: 16px; border-radius: 4px; display: flex; align-items: flex-start; justify-content: space-between; border: 1px solid rgb(222, 226, 230); line-height: 18px; height: 100%; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container .myaccount_b2b_vsr_clients_list { font-size: 14px; line-height: 20px; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container .myaccount_b2b_vsr_clients_list span { color: rgba(0, 0, 0, 0.5); } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container .myaccount_b2b_vsr_clients_list .myaccount_b2b_vsr_clients_list_title { font-weight: 700; margin-bottom: 4px; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container .myaccount_b2b_vsr_button { background-color: #000; border-radius: 50%; color: #fff; height: 40px; font-size: 20px; aspect-ratio: 1/1; border: 0; padding: 10px; min-width: 40px; transition: all 0.3s ease; } .myaccount_b2b_vsr_container .myaccount_b2b_vsr_body_container .myaccount_b2b_vsr_clients_list_wrap .myaccount_b2b_vsr_clients_list_container .myaccount_b2b_vsr_button:hover { background-color: #333; } /* ============================ ==== SELEZIONE AMBIENTE ==== ============================ */ .sel_ambiente_b2b_vsr_container { width: 100%; } .sel_ambiente_b2b_vsr_container .myaccount_subtitle { margin-bottom: 32px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr { padding: 24px; border-radius: 4px; border: 1px solid #dee2e6; display: flex; justify-content: center; flex-direction: column; align-content: center; align-items: center; height: 100%; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr i { font-size: 48px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_text { font-size: 16px; margin-bottom: 24px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .bottone_black { max-width: 250px; min-width: 85%; padding: 0 8px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_annual_text { font-size: 12px; font-weight: bold; padding-top: 8px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_annual_price_cnt { display: flex; margin-top: 4px; font-size: calc(10px + 0.05vw); } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_annual_price_cnt .sel_ambiente_b2b_vsr_annual_price_tot { color: #008000; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_annual_price_cnt .sel_ambiente_b2b_vsr_annual_price_sep { padding: 0 4px; } .sel_ambiente_b2b_vsr_container .sel_ambiente_b2b_vsr .sel_ambiente_b2b_vsr_annual_price_cnt .sel_ambiente_b2b_vsr_annual_price_rem { color: #ff0000; } /* ======================== ==== STORICO ORDINI ==== ======================== */ .select2-container--open .select2-dropdown { border: 1px solid var(--bs-border-color) !important; top: -1px; } .select2-container--open .select2-dropdown .select2-search { padding: 10px 15px 0 15px; } @media (max-width: 991.98px) { .storico_ordini_b2b_vsr_container { padding-top: 22px; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container { width: 100%; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt { display: flex; gap: 8px; justify-content: flex-end; } @media (max-width: 767.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt { justify-content: center; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt a { min-width: 100px; background-color: #fff; color: #000; border-radius: 0; border: 1px solid #000; align-items: center; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; text-transform: uppercase; } @media (max-width: 991.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt a { min-width: 80px; font-size: 10px; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt a:hover { background-color: #000; text-decoration: none; color: #fff; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_filter_button_cnt a.gescat_filter-btn--active { background-color: #000; text-decoration: none; color: #fff; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt { padding: 24px 0; display: flex; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .row { align-items: flex-end; width: 100%; gap: 8px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select label { font-size: 10px; margin-bottom: 4px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select .form-control-sm { max-height: 40px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select .form-control-sm:focus { box-shadow: 0 0 0 0 rgba(69, 123, 157, 0); border-color: #000; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select .select2-container--open .select2-dropdown { border: 1px solid var(--bs-border-color) !important; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select .select2-container--open span.select2-selection--multiple { border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select .select2-container--open span.select2-selection--single { border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select span.select2-selection--multiple { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.4; padding: 0.375rem 0.75rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; font-size: 0.75rem; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select span.select2-selection--single { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.4; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; font-size: 0.75rem; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_form_select span.select2-selection--single.select2-selection__placeholder { color: #000; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_select_btn { min-width: 100px; background-color: #000; color: #fff; border-radius: 0; border: 1px solid #000; align-items: center; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; text-transform: uppercase; width: 120px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_filter_container .storico_ordini_b2b_vsr_form_cnt .storico_ordini_b2b_vsr_select_btn:hover { background-color: #333; text-decoration: none; color: #fff; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container { position: relative; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_pagination_container { padding-top: 8px; overflow: hidden; } @media (max-width: 767.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_pagination_container .pagination { justify-content: flex-start; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_pagination_container .pagination .page-item.active .page-link { font-weight: bold; text-decoration: underline; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_header_cnt { position: sticky; top: 130px; z-index: 1; background-color: #fff; display: flex; align-content: center; padding: 8px; font-weight: bold; } @media (max-width: 991.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_header_cnt { top: 110px; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_header_cnt.row_table { display: grid; grid-template-columns: 1fr 1fr 1.5fr 0.75fr 0.75fr 1fr; gap: 8px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_header_cnt .storico_ordini_b2b_vsr_order_cell.data_consegna { word-break: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_header_cnt { /* .storico_ordini_b2b_vsr_order_header_cnt { display: flex; } */ } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt { display: flex; gap: 8px; flex-wrap: wrap; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt { border-radius: 4px; border: 1px solid #dee2e6; padding: 8px; transition: all ease 0.3s; position: relative; height: 128px; } @media (max-width: 1399.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt { height: 110px; } } @media (max-width: 1199.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt { height: 92px; } } @media (max-width: 991.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt { height: auto; } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt.row_table { display: grid; grid-template-columns: 1fr 1fr 1.5fr 0.75fr 0.75fr 1fr; gap: 16px; width: 100%; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt:hover { background-color: #eeeeee; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_ambiente { background: #fff; border-radius: 2px; bottom: -1px; color: #000; font-size: 12px; left: -1px; padding: 4px 8px; position: absolute; border: solid 1px #dee2e6; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; justify-content: flex-start; word-break: break-all; overflow: hidden; font-size: 12px; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell .storico_ordini_b2b_vsr_order_cell_badge { background-color: #000; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell .storico_ordini_b2b_vsr_order_cell_badge_green { background-color: #008000; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell .storico_ordini_b2b_vsr_order_cell_badge_yellow { background-color: #ffae00; color: #000; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell .storico_ordini_b2b_vsr_order_cell_badge_red { background-color: #d11010; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell_last { align-content: center; align-items: center; display: grid; flex-direction: row; flex-wrap: wrap; gap: 8px; justify-content: flex-end; grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 1399.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell_last { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 767.98px) { .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell_last { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell_last .storico_ordini_b2b_vsr_order_button { align-items: center; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; /* height: 40px; */ justify-content: center; /* width: 40px; */ aspect-ratio: 1/1; transition: 0.3s all ease; } .storico_ordini_b2b_vsr_container .storico_ordini_b2b_vsr_order_container .storico_ordini_b2b_vsr_order_body_cnt .storico_ordini_b2b_vsr_order_cell_cnt .storico_ordini_b2b_vsr_order_cell_last .storico_ordini_b2b_vsr_order_button:hover { background-color: #333; } /* ========================== ==== DETTAGLIO ORDINE ==== ========================== */ .dettaglio_ordine_b2b_vsr_container { width: 100%; } @media (max-width: 991.98px) { .dettaglio_ordine_b2b_vsr_container { padding-top: 24px; } } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_backtobutton { position: absolute; top: -56px; right: 0; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_backtobutton a { align-items: center; background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; min-width: 100px; text-transform: uppercase; transition: 0.3s all ease; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_backtobutton a:hover { background-color: #333 !important; text-decoration: none; } @media (max-width: 991.98px) { .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_backtobutton a { height: 20px; padding: 15px; } } @media (max-width: 991.98px) { .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_backtobutton { top: 18px; } } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container { margin-bottom: 8px; display: grid; gap: 8px; grid-template-columns: 1fr 1fr; width: 100%; } @media (max-width: 767.98px) { .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container { grid-template-columns: 1fr; } } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .myaccount_subtitle { margin-bottom: 0; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container { align-items: flex-start; border: 1px solid #dee2e6; border-radius: 4px; display: flex; justify-content: space-between; line-height: 18px; padding: 16px; position: relative; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_dati { grid-template-columns: 80% 20%; width: 100%; display: grid; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_dati .dettaglio_ordine_b2b_vsr_dati_text_cnt { font-size: 12px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_dati .dettaglio_ordine_b2b_vsr_dati_button_cnt { display: grid; gap: 4px; grid-auto-flow: column; justify-items: start; width: 100%; justify-content: end; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_dati .dettaglio_ordine_b2b_vsr_dati_button_cnt .dettaglio_ordine_b2b_vsr_dati_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; /* max-width: 50%; */ transition: all 0.3s ease; /* height: 30px; */ width: 30px; height: 30px; font-size: 12px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_dati .dettaglio_ordine_b2b_vsr_dati_button_cnt .dettaglio_ordine_b2b_vsr_dati_button:hover { background-color: #333; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_head_container .dettaglio_ordine_b2b_vsr_dati_container .dettaglio_ordine_b2b_vsr_order_ambiente { background: #fff; border-radius: 2px; bottom: -1px; color: #000; font-size: 12px; right: -1px; padding: 4px 8px; position: absolute; border: solid 1px #dee2e6; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container { grid-template-columns: 1fr 1fr; /* 2 colonne */ width: 100%; display: grid; gap: 8px; } @media (max-width: 767.98px) { .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container { grid-template-columns: 1fr; } } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item { align-items: flex-start; border: 1px solid #dee2e6; border-radius: 4px; display: flex; justify-content: space-between; line-height: 18px; padding: 16px; width: 100%; gap: 8px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_img_container { width: auto; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_dati_container { display: flex; flex-direction: column; width: 100%; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_title { font-size: 12px; font-weight: bold; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_text_container { margin-bottom: 6px; font-size: 12px; font-weight: normal; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_taglie_container { font-size: 12px; font-weight: 500; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_taglie_container .dettaglio_ordine_b2b_vsr_item_taglie { border-bottom: 1px solid #dee2e6; padding: 4px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_item_container .dettaglio_ordine_b2b_vsr_item .dettaglio_ordine_b2b_vsr_item_prezzi_container { font-size: 12px; font-weight: 600; text-align: right; padding-top: 4px; padding-right: 4px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_price_wrap { padding: 24px 0 0 0; grid-template-columns: 1fr 1fr; display: grid; gap: 8px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_price_wrap .dettaglio_ordine_b2b_vsr_price_container .dettaglio_ordine_b2b_vsr_price { font-size: 12px; padding: 4px 0; display: grid; grid-template-columns: 1fr 1fr; /* 2 colonne */ } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_price_wrap .dettaglio_ordine_b2b_vsr_price_container .dettaglio_ordine_b2b_vsr_price .dettaglio_ordine_b2b_vsr_price_left { padding-left: 16px; } .dettaglio_ordine_b2b_vsr_container .dettaglio_ordine_b2b_vsr_price_wrap .dettaglio_ordine_b2b_vsr_price_container .dettaglio_ordine_b2b_vsr_price .dettaglio_ordine_b2b_vsr_price_right { padding-right: 20px; } /* ================== ==== DOWNLOAD ==== ================== */ .download_b2b_vsr_container { width: 100%; } .download_b2b_vsr_container .download_b2b_vsr_title_container { margin-bottom: 16px; } .download_b2b_vsr_container .download_b2b_vsr_item_container { grid-template-columns: 1fr 1fr; /* 2 colonne */ width: 100%; display: grid; gap: 8px; } @media (max-width: 767.98px) { .download_b2b_vsr_container .download_b2b_vsr_item_container { grid-template-columns: 1fr; } } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item { align-items: center; border: 1px solid #dee2e6; border-radius: 4px; display: flex; justify-content: space-between; line-height: 18px; padding: 16px; width: 100%; gap: 8px; transition: 0.3s all ease; } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item:hover { background-color: #eeeeee; } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item .download_b2b_vsr_item_text_container .download_b2b_vsr_item_title { font-size: 12px; font-weight: 600; } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item .download_b2b_vsr_item_text_container .download_b2b_vsr_item_descr { font-size: 12px; } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item .download_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .download_b2b_vsr_container .download_b2b_vsr_item_container .download_b2b_vsr_item .download_b2b_vsr_item_button:hover { background-color: #333; } /* ============== ==== INFO ==== ============== */ .info_b2b_vsr_container { width: 100%; } .info_b2b_vsr_container .info_b2b_vsr_title_container { margin-bottom: 16px; } .info_b2b_vsr_container .info_b2b_vsr_item_container { grid-template-columns: 1fr 1fr; /* 2 colonne */ width: 100%; display: grid; gap: 8px; } @media (max-width: 767.98px) { .info_b2b_vsr_container .info_b2b_vsr_item_container { grid-template-columns: 1fr; } } .info_b2b_vsr_container .info_b2b_vsr_item_container .modal-content { border-radius: 4px; } .info_b2b_vsr_container .info_b2b_vsr_item_container .modal-content .modal-header { padding-bottom: 0; } .info_b2b_vsr_container .info_b2b_vsr_item_container .modal-content .modal-title { font-size: 12px; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item { align-items: center; border: 1px solid #dee2e6; border-radius: 4px; display: flex; justify-content: space-between; line-height: 18px; padding: 16px; width: 100%; gap: 8px; transition: 0.3s all ease; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item:hover { background-color: #eeeeee; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_img_container .info_b2b_vsr_item_img { width: auto; height: 100px; max-width: none; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_text_container { width: 100%; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_text_container .info_b2b_vsr_item_title { font-size: 12px; font-weight: 600; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_text_container .info_b2b_vsr_item_descr { font-size: 12px; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_text_container .info_b2b_vsr_item_data { font-size: 10px; margin-top: 4px; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .info_b2b_vsr_container .info_b2b_vsr_item_container .info_b2b_vsr_item .info_b2b_vsr_item_button:hover { background-color: #333; } /* ===================== ==== STATISTICHE ==== ===================== */ .gescat_vsrBestsellersExportFeedback { position: absolute; padding: 12px; width: auto; top: -40px; padding: 5px; } .gescat_vsrBestsellersExportFeedback.gescat_vsrBestsellersExportFeedback--info { background-color: #e7f3fe; border-color: #1976d2; color: #1976d2; } .gescat_vsrBestsellersExportFeedback.gescat_vsrBestsellersExportFeedback--success { background-color: #e8f5e9; border-color: #2e7d32; color: #2e7d32; } .gescat_vsrBestsellersExportFeedback.gescat_vsrBestsellersExportFeedback--danger { background-color: #fdecea; border-color: #b71c1c; color: #b71c1c; } .gescat_statsOrdiniVsrExportFeedback { position: absolute; padding: 12px; width: auto; top: -40px; padding: 5px; } .gescat_statsOrdiniVsrExportFeedback.gescat_statsOrdiniVsrExportFeedback--info { background-color: #e7f3fe; border-color: #1976d2; color: #1976d2; } .gescat_statsOrdiniVsrExportFeedback.gescat_statsOrdiniVsrExportFeedback--success { background-color: #e8f5e9; border-color: #2e7d32; color: #2e7d32; } .gescat_statsOrdiniVsrExportFeedback.gescat_statsOrdiniVsrExportFeedback--danger { background-color: #fdecea; border-color: #b71c1c; color: #b71c1c; } .gescat_vsrFullExportFeedback { position: absolute; padding: 12px; width: auto; top: -40px; padding: 5px; } .gescat_vsrFullExportFeedback.gescat_vsrFullExportFeedback--info { background-color: #e7f3fe; border-color: #1976d2; color: #1976d2; } .gescat_vsrFullExportFeedback.gescat_vsrFullExportFeedback--success { background-color: #e8f5e9; border-color: #2e7d32; color: #2e7d32; } .gescat_vsrFullExportFeedback.gescat_vsrFullExportFeedback--danger { background-color: #fdecea; border-color: #b71c1c; color: #b71c1c; } .statistiche_b2b_vsr_container { width: 100%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_title_container { margin-bottom: 16px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt { padding: 8px 0 24px 0; display: flex; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form.row { align-items: flex-end; width: 100%; gap: 8px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select label { font-size: 10px; margin-bottom: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select .form-control { max-height: 40px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select .form-control:focus { box-shadow: 0 0 0 0 rgba(69, 123, 157, 0); border-color: #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select .select2-container--open .select2-dropdown { border: 1px solid var(--bs-border-color) !important; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select .select2-container--open span.select2-selection--multiple { border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select .select2-container--open span.select2-selection--single { border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select span.select2-selection--multiple { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.4; padding: 0.375rem 0.75rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; font-size: 0.75rem; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select span.select2-selection--single { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-clip: padding-box; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.4; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; font-size: 0.75rem; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_form .statistiche_b2b_vsr_form_select span.select2-selection--single.select2-selection__placeholder { color: #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_select_btn { min-width: 100px; background-color: #000; color: #fff; border-radius: 0; border: 1px solid #000; align-items: center; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; text-transform: uppercase; width: 120px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_form_cnt .statistiche_b2b_vsr_select_btn:hover { background-color: #333; text-decoration: none; color: #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap { grid-template-columns: 1fr; /* 2 colonne */ width: 100%; display: grid; gap: 16px; } @media (max-width: 767.98px) { .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap { grid-template-columns: 1fr; } } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container { overflow: hidden; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_title { font-size: 12px; margin-bottom: 6px; font-weight: 600; text-transform: uppercase; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual { border-radius: 4px; line-height: 18px; width: 100%; gap: 8px; font-size: 12px; width: 100%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table { width: 100%; border-collapse: collapse; border-radius: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th { background-color: #000; padding: 8px 10px; font-size: 12px; color: #fff; text-align: center; border-right: 1px solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th:first-child { border-radius: 4px 0 0 0; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th:last-child { border-radius: 0 4px 0 0; border-right: 0 solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr { transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr.gescat_vsrFullRowFirst { border-top: 2px solid #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr:hover { background-color: #eeeeee; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr td { padding: 8px 10px; border: 1px solid #e5e5e5; font-size: 12px; text-align: center; transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr td:first-child { text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto { overflow-x: auto; padding-bottom: 10px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto::-webkit-scrollbar { height: 3px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table { width: 100%; border-collapse: collapse; border-radius: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table thead th { background-color: #000; padding: 8px 10px; font-size: 12px; color: #fff; text-align: center; border-right: 1px solid #fff; white-space: nowrap; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table thead th:first-child { border-radius: 4px 0 0 0; text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table thead th:last-child { border-radius: 0 4px 0 0; border-right: 0 solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr { transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr.gescat_vsrFullRowFirst { border-top: 2px solid #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr:hover { background-color: #eeeeee; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr td { padding: 8px 10px; border: 1px solid #e5e5e5; font-size: 12px; text-align: center; transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr td:first-child { text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table { width: 100%; border-collapse: collapse; border-radius: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th { background-color: #000; padding: 8px 10px; font-size: 12px; color: #fff; text-align: center; border-right: 1px solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th:first-child { border-radius: 4px 0 0 0; text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table thead th:last-child { border-radius: 0 4px 0 0; border-right: 0 solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr { transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr.gescat_vsrFullRowFirst { border-top: 2px solid #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr:hover { background-color: #eeeeee; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr td { padding: 8px 10px; border: 1px solid #e5e5e5; font-size: 12px; text-align: center; transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual table tbody tr td:first-child { text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button_container { display: flex; padding-bottom: 8px; justify-content: flex-end; gap: 8px; top: -10px; right: 0; position: absolute; width: 40%; } @media (max-width: 991.98px) { .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button_container { top: 39px; } } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button_container .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 40px; height: 40px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button_container .statistiche_b2b_vsr_item_button:hover { background-color: #333; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_footer { margin-top: 8px; font-size: 12px; text-align: right; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_grafico_tabella_footer strong { font-weight: normal !important; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella_virtual .statistiche_b2b_vsr_item_button:hover { background-color: #333; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella { border-radius: 4px; line-height: 18px; width: 100%; gap: 8px; font-size: 12px; width: 100%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto { overflow-x: auto; padding-bottom: 10px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto::-webkit-scrollbar { height: 3px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table { width: 100%; border-collapse: collapse; border-radius: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table thead th { background-color: #000; padding: 8px 10px; font-size: 12px; color: #fff; text-align: center; border-right: 1px solid #fff; white-space: nowrap; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table thead th:first-child { border-radius: 4px 0 0 0; text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table thead th:last-child { border-radius: 0 4px 0 0; border-right: 0 solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr { transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr.gescat_vsrFullRowFirst { border-top: 2px solid #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr:hover { background-color: #eeeeee; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr td { padding: 8px 10px; border: 1px solid #e5e5e5; font-size: 12px; text-align: center; transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_auto table tbody tr td:first-child { text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table { width: 100%; border-collapse: collapse; border-radius: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table thead th { background-color: #000; padding: 8px 10px; font-size: 12px; color: #fff; text-align: right; border-right: 1px solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table thead th:first-child { border-radius: 4px 0 0 0; text-align: left; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table thead th:last-child { border-radius: 0 4px 0 0; border-right: 0 solid #fff; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table tbody tr { transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table tbody tr.gescat_vsrFullRowFirst { border-top: 2px solid #000; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table tbody tr:hover { background-color: #eeeeee; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table tbody tr td { padding: 8px 10px; border: 1px solid #e5e5e5; font-size: 12px; text-align: right; transition: 0.3s all ease; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella table tbody tr td:first-child { text-align: left; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button_container { display: flex; padding-bottom: 8px; justify-content: flex-end; gap: 8px; width: 40%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button_container .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 40px; height: 40px; font-size: 16px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button_container .statistiche_b2b_vsr_item_button:hover { background-color: #333; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button_container .statistiche_b2b_vsr_item_alert, .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button_container .gescat_statsOrdiniVsrExportFeedback { position: absolute; padding: 12px; width: auto; top: -40px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_grafico_tabella_footer { margin-top: 8px; font-size: 12px; text-align: right; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_tabella .statistiche_b2b_vsr_item_button:hover { background-color: #333; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico { border: 1px solid #dee2e6; border-radius: 4px; line-height: 18px; padding: 16px; width: 100%; gap: 8px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_grafico_section_container { display: grid; grid-template-columns: repeat(auto-fit, minmax(10%, 1fr)); gap: 8px; text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_grafico_section_container .statistiche_b2b_vsr_grafico_section { padding: 12px; background-color: #000; color: #fff; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_grafico_section_container .statistiche_b2b_vsr_grafico_section .statistiche_b2b_vsr_grafico_section_title { font-weight: 600; width: 100%; text-transform: uppercase; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_text_container { width: 100%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_title { font-size: 12px; font-weight: 600; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_descr { font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_data { font-size: 10px; margin-top: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico .statistiche_b2b_vsr_item_button:hover { background-color: #333; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi { line-height: 18px; width: 100%; gap: 8px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_grafico_section_container { display: grid; grid-template-columns: repeat(auto-fit, minmax(10%, 1fr)); gap: 8px; text-align: center; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_grafico_section_container .statistiche_b2b_vsr_grafico_section { padding: 12px; background-color: #000; color: #fff; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_grafico_section_container .statistiche_b2b_vsr_grafico_section .statistiche_b2b_vsr_grafico_section_title { font-weight: 600; width: 100%; text-transform: uppercase; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_text_container { width: 100%; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_title { font-size: 12px; font-weight: 600; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_descr { font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_text_container .statistiche_b2b_vsr_item_data { font-size: 10px; margin-top: 4px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; width: 30px; height: 30px; font-size: 12px; } .statistiche_b2b_vsr_container .statistiche_b2b_vsr_grafico_wrap .statistiche_b2b_vsr_grafico_container .statistiche_b2b_vsr_grafico_kpi .statistiche_b2b_vsr_item_button:hover { background-color: #333; } /* ======================= ==== CAMBIO ORDINE ==== ======================= */ .cambio_b2b_vsr_container { width: 100%; } @media (max-width: 991.98px) { .cambio_b2b_vsr_container { padding-top: 24px; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_backtobutton { position: absolute; top: -56px; right: 0; } .cambio_b2b_vsr_container .cambio_b2b_vsr_backtobutton a { align-items: center; background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; min-width: 100px; text-transform: uppercase; transition: 0.3s all ease; } .cambio_b2b_vsr_container .cambio_b2b_vsr_backtobutton a:hover { background-color: #333 !important; text-decoration: none; } @media (max-width: 991.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_backtobutton a { height: 20px; padding: 15px; } } @media (max-width: 991.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_backtobutton { top: 18px; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container { margin-bottom: 8px; display: grid; gap: 8px; grid-template-columns: 1fr 1fr; width: 100%; } @media (max-width: 767.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container { grid-template-columns: 1fr; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .myaccount_subtitle { margin-bottom: 0; } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .cambio_b2b_vsr_search_container .cambio_b2b_vsr_suggest_container .cambio_b2b_vsr_suggest { background: #fff; border: 1px solid #ccc; border-top: 1px solid #eee; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); left: 0; list-style: none; margin: 0; max-height: 320px; overflow-y: auto; padding: 0; position: absolute; right: 0; top: 94%; z-index: 1000; border-radius: 0 !important; } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .cambio_b2b_vsr_search_container .cambio_b2b_vsr_suggest_container .cambio_b2b_vsr_suggest li { padding: 0.5rem 0.75rem; cursor: pointer; font-size: 12px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .cambio_b2b_vsr_search_container .cambio_b2b_vsr_suggest_container .cambio_b2b_vsr_suggest li:hover, .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .cambio_b2b_vsr_search_container .cambio_b2b_vsr_suggest_container .cambio_b2b_vsr_suggest li.is-active { background: #f5f5f5; } .cambio_b2b_vsr_container .cambio_b2b_vsr_header_container .cambio_b2b_vsr_search_container .cambio_b2b_vsr_suggest_container .cambio_b2b_vsr_suggest li + li { border-top: 1px solid #eee; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container { display: grid; gap: 8px; grid-template-columns: 1fr; justify-content: end; align-content: end; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid { align-items: center; border: 1px solid #dee2e6; border-radius: 4px; display: flex; gap: 8px; justify-content: space-between; line-height: 18px; padding: 16px; width: 100%; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_img_cnt { width: auto; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_img_cnt img { max-width: 160px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt { display: flex; flex-direction: column; width: 100%; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_grid_dati_title { font-size: 12px; font-weight: 700; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt { border-bottom: 1px solid #dee2e6; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie_header { border-bottom: 1px solid #dee2e6; padding: 4px; font-size: 12px; display: flex; align-content: center; justify-content: center; align-items: center; font-weight: 500; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie_header .cambio_b2b_vsr_item_taglie_last_child { text-align: right; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie_header .cambio_b2b_vsr_item_taglie_last_child input { border-color: 1px solid #efefef !important; text-align: right !important; max-width: 100% !important; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie_header .cambio_b2b_vsr_item_col { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie { padding: 4px; font-size: 12px; display: flex; align-content: center; justify-content: center; align-items: center; transition: 0.3s all ease; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie:hover { background-color: #eee; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie .cambio_b2b_vsr_item_taglie_last_child { text-align: right; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie .cambio_b2b_vsr_item_taglie_last_child input { border: 1px solid #dee2e6 !important; text-align: right !important; max-width: 100% !important; border-radius: 4px; } @media (max-width: 767.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie .cambio_b2b_vsr_item_taglie_last_child input { max-width: 30px !important; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_item_taglie_cnt .cambio_b2b_vsr_item_taglie .cambio_b2b_vsr_item_taglie_last_child input:focus-visible { border: 1px solid #afafaf !important; max-width: 30px; border-radius: 4px; outline: 0; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_grid .cambio_b2b_vsr_grid_dati_cnt .cambio_b2b_vsr_grid_dati_text { font-size: 12px; font-weight: 400; margin-bottom: 6px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_item_button { margin-top: 16px; display: flex; gap: 8px; justify-content: flex-end; margin-bottom: 8px; } @media (max-width: 767.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_item_button { justify-content: center; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_item_button .cambio_b2b_vsr_item_button_aggiungi { align-items: center; background-color: #000; border: 1px solid #000; border-radius: 0; color: #fff; display: inline-flex; font-size: 12px; font-weight: 300; height: 40px; justify-content: center; line-height: 40px; min-width: 100px; min-width: 160px; padding: 10px 20px; text-transform: uppercase; } .cambio_b2b_vsr_container .cambio_b2b_vsr_grid_wrap .cambio_b2b_vsr_grid_container .cambio_b2b_vsr_item_button .cambio_b2b_vsr_item_button_annulla { align-items: center; background-color: red; border: 1px solid red; border-radius: 0; color: #fff; display: inline-flex; font-size: 12px; font-weight: 300; height: 40px; justify-content: center; line-height: 40px; min-width: 100px; min-width: 160px; padding: 10px 20px; text-transform: uppercase; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container { position: relative; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_pagination_container { padding-top: 8px; overflow: hidden; } @media (max-width: 767.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_pagination_container .pagination { justify-content: flex-start; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_pagination_container .pagination .page-item.active .page-link { font-weight: bold; text-decoration: underline; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_header_cnt { position: sticky; top: 130px; z-index: 1; background-color: #fff; display: flex; align-content: center; padding: 8px; font-weight: bold; } @media (max-width: 991.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_header_cnt { top: 110px; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_header_cnt.row_table { display: grid; grid-template-columns: 1fr 3fr 0.5fr 1fr 0.5fr 0.5fr 0.5fr; gap: 16px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_header_cnt .cambio_b2b_vsr_header_title_container { display: flex; justify-content: center; flex-direction: column; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_header_cnt .cambio_b2b_vsr_order_cell.data_consegna { word-break: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt { display: flex; gap: 8px; flex-wrap: wrap; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt { border-radius: 4px; border: 1px solid #dee2e6; padding: 8px; transition: all ease 0.3s; position: relative; height: 60px; } @media (max-width: 991.98px) { .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt { height: auto; } } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt.row_table { display: grid; grid-template-columns: 1fr 3fr 0.5fr 1fr 0.5fr 0.5fr 0.5fr; gap: 16px; width: 100%; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt:hover { background-color: #eeeeee; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_ambiente { background: #fff; border-radius: 2px; bottom: -1px; color: #000; font-size: 12px; left: -1px; padding: 4px 8px; position: absolute; border: solid 1px #dee2e6; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px; justify-content: flex-start; word-break: break-all; overflow: hidden; font-size: 12px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell .cambio_b2b_vsr_order_cell_badge { background-color: #000; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell .cambio_b2b_vsr_order_cell_badge_green { background-color: #008000; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell .cambio_b2b_vsr_order_cell_badge_yellow { background-color: #ffae00; color: #000; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell .cambio_b2b_vsr_order_cell_badge_red { background-color: #d11010; color: #fff; font-size: 12px; padding: 4px 4px; border: 0; display: flex; align-content: center; align-items: center; white-space: nowrap; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_cell:last-child { justify-content: flex-end; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_button { align-items: center; aspect-ratio: 1/1; background: #000; border: 0; border-radius: 50%; color: #fff; display: flex; justify-content: center; transition: all 0.3s ease; font-size: 16px; font-weight: 100; padding: 10px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_body_cnt .cambio_b2b_vsr_order_cell_cnt .cambio_b2b_vsr_order_button:hover { background-color: #333; } .cambio_b2b_vsr_container .cambio_b2b_vsr_order_container .cambio_b2b_vsr_order_price_container { padding: 8px; font-size: 12px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_select_btn_container { display: flex; gap: 16px; justify-content: end; } .cambio_b2b_vsr_container .cambio_b2b_vsr_select_btn_container .cambio_b2b_vsr_select_btn { min-width: 100px; background-color: #000; color: #fff; border-radius: 0; border: 1px solid #000; align-items: center; display: inline-flex; font-size: 12px; font-weight: 300; gap: 16px; height: 40px; justify-content: center; line-height: 40px; text-transform: uppercase; min-width: 160px; padding: 10px 20px; } .cambio_b2b_vsr_container .cambio_b2b_vsr_select_btn_container .cambio_b2b_vsr_select_btn.cambio_b2b_vsr_select_btn_red { background-color: red; border-color: red; } .cambio_b2b_vsr_container .cambio_b2b_vsr_select_btn_container .cambio_b2b_vsr_select_btn.cambio_b2b_vsr_select_btn_red:hover { opacity: 0.8; text-decoration: none; color: #fff; background-color: red; } .cambio_b2b_vsr_container .cambio_b2b_vsr_select_btn_container .cambio_b2b_vsr_select_btn:hover { background-color: #333; text-decoration: none; color: #fff; } /* ================== ==== CHECKOUT ==== ================== */ .cart_b2b_vsr_dati_cliente_container .cart_b2b_vsr_dati_cliente_fatturazione_container { margin: 10px 0 0 0; } .cart_b2b_vsr_dati_cliente_container .cart_b2b_vsr_dati_cliente_fatturazione_container span { text-transform: uppercase; } .cart_b2b_vsr_dati_cliente_container .cart_b2b_vsr_dati_cliente_spedizione_container { margin: 10px 0 0 0; } .cart_b2b_vsr_dati_cliente_container .cart_b2b_vsr_dati_cliente_spedizione_container span { text-transform: uppercase; } .cart_b2b_vsr_date_consegna_container .cart_b2b_vsr_date_consegna_date_container { margin: 10px 0 0 0; } .cart_b2b_vsr_info_container .cart_b2b_vsr_info_dati_container { margin: 10px 0 0 0; } .cart_recap_b2b_vsr_signature_container .cart_recap_b2b_vsr_signature_dati_container { margin: 10px 0 0 0; } .cart_recap_b2b_vsr_order_confirm_container { text-align: center; } .cart_recap_b2b_vsr_order_confirm_container .cart_recap_b2b_vsr_order_confirm_button { background-color: #000; border: 1px solid #000; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-style: normal; font-weight: 700; height: 40px; margin-bottom: 1%; margin-top: 1%; min-width: 200px; padding: 5px; text-align: center; text-transform: uppercase; transition: background-color 0.5s ease; transition: 0.5s; width: 50%; } /* ================ ==== FOOTER ==== ================ */ .footer_b2b_vsr_info_container { font-size: 14px; text-align: center; } .footer_b2b_vsr_info_container a { text-decoration: underline; } .footer_b2b_vsr_info_container a:hover { text-decoration: none; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; max-width: 100%; resize: none; height: 18px; vertical-align: bottom; font-family: sans-serif; overflow: hidden; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; position: absolute; right: 0; padding: 1px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; padding-left: 20px; position: relative; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; position: absolute; left: 0; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .select2-container--open { z-index: 10000; } .select2-dropdown { overflow: hidden; border-color: #000; } .select2-dropdown .select2-search__field { padding: 8px 10px 4px; } .select2-dropdown .select2-search__field:focus-visible { outline: 0; } .select2-container { max-width: 100%; } .select2-container .select2-selection--multiple { min-height: 40px; border-color: #000; border-radius: 0; } .select2-container .select2-selection--multiple .select2-selection__placeholder { color: #000; } .select2-container .select2-selection--single { height: 40px; border-color: #000; border-radius: 0; } .select2-container .select2-selection--single .select2-selection__placeholder { color: #000; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 11px; padding-right: 40px; line-height: 40px; color: #000; border-radius: 0; } .label-after .select2-container .select2-selection--single .select2-selection__rendered { line-height: 51px; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow { height: 40px; top: 0; right: 15px; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b { border-color: #000 transparent transparent transparent; border-style: solid; border-width: 4px 4px 0 4px; height: 0; left: auto; margin-top: -2px; position: absolute; top: 50%; width: 0; right: -8px; transform: scale(0.88); } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b { border-color: transparent transparent #000 transparent; border-width: 0 4px 4px 4px; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: #eee; color: #232323; } .select2-container--default .select2-results__option--disabled .attribute-value { text-decoration: line-through; } .select2-container--default .availability.text-danger { font-weight: 600; } .select2-results__option { padding: 10px 15px; min-height: 40px; font-size: 0.75rem; } select.fs-1 + .select2 .select2-selection { font-size: 0.75rem; } #gescat_storico_agente + .select2-container.select2-container--default .select2-selection--single .select2-selection__clear { position: absolute; top: 0; right: 32px; height: 40px; line-height: 40px; margin: 0; padding: 0 6px; z-index: 2; cursor: pointer; background: transparent; border: 0; } #gescat_storico_agente + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow { pointer-events: none; } /* =================== ==== DETTAGLIO ==== =================== */ .product_bundle_wrap { background-color: #E7E7E7; margin-top: 48px; padding-bottom: 48px; } @media (max-width: 767.98px) { .product_bundle_wrap { margin-top: 24px; padding-bottom: 24px; } } .product_bundle_wrap + .gescat_alsolike_container .detail_alsolike_container .detail_alsolike_title { margin-top: 0 !important; } .product_bundle_wrap .product_bundle_title_container { padding: 48px 8px; width: 100%; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_title_container { padding: 24px 0px; font-size: 16px; } } .product_bundle_wrap .product_bundle_title_container .product_bundle_title { text-transform: uppercase; font-size: 24px; font-weight: bold; margin-bottom: 8px; } .product_bundle_wrap .product_bundle_title_container .product_bundle_subtitle { font-size: 16px; line-height: 22px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container { padding: 0 1rem; position: relative; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_default_container { padding: 0 0.8rem; } } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_wishlist_button { position: absolute; top: 8px; left: 24px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_img { border: 1px solid #000; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_img img { width: 100%; height: auto; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_vaianti_container { margin-top: 16px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_vaianti_container .product_bundle_default_vaianti_titolo { width: 100%; font-size: 16px; font-weight: bold; text-align: center; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_vaianti_container .product_bundle_default_vaianti { width: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_vaianti_container .product_bundle_default_vaianti .detail_altricolori_container_interno { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 12.5%)); justify-content: center; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_vaianti_container .product_bundle_default_vaianti .detail_altricolori_container_interno .detail_altricolori_item .detail_altricolori_img img { width: 100%; height: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_info { padding-top: 24px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_info .product_bundle_default_info_title { font-size: 18px; text-align: center; margin-bottom: 8px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_info .product_bundle_default_info_dett_codice { font-size: 14px; text-align: center; margin-bottom: 8px; } .product_bundle_wrap .product_bundle_container .product_bundle_default_container .product_bundle_default_info .product_bundle_default_info_price { font-size: 14px; text-align: center; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap { padding-left: calc(var(--bs-gutter-x) * 0.5); padding-right: calc(var(--bs-gutter-x) * 0.5); width: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title { padding-top: 24px; grid-column: 1/-1; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title { padding-top: 0; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title:first-child { padding-top: 0; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title:first-child { padding-top: 24px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title h3, .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title .h3 { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; width: 100%; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title h3, .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title .h3 { font-size: 16px; line-height: 18px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title h5, .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_item_title .h5 { font-size: 12px; font-weight: normal; width: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container { -moz-column-gap: 24px; column-gap: 24px; align-content: start; margin-bottom: 48px; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container { /* grid-template-columns: repeat(2, 1fr); */ grid-template-columns: repeat(12, 1fr); overflow-x: auto; scroll-snap-type: x mandatory; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container::-webkit-scrollbar { display: none; /* Nasconde la scrollbar su WebKit */ } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container { width: 100%; background-color: #E7E7E7; position: relative; margin-bottom: 24px; opacity: 0.4; } @media (max-width: 767.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container { width: 250px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container.bundle_selected { opacity: 1; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_wishlist_button { display: block; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container { /* .active { .bundle-product-selsect-sizes { background-color: #000!important; color: #fff; } } */ } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_img_container figure img { width: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container { font-size: 12px; text-align: center; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_title { font-size: 12px; text-align: center; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_title + .product_bundle_item_info_dett_codice { padding-top: 4px; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_dett_codice { font-size: 12px; text-align: center; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_price { font-size: 12px; text-align: center; position: absolute; width: 100%; text-align: center; left: 0; padding-top: 4px; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_price .product_bundle_item_info_price_sbarrato { text-decoration: line-through !important; margin-right: 16px; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_info_container .product_bundle_item_info_price .product_bundle_item_info_price_definitivo { font-weight: 700; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container { display: flex; width: 100%; justify-content: space-between; align-items: center; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container { padding: 0; margin: 0; position: absolute; left: 20px; top: 0; } @media (max-width: 575.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container { left: 18px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container .product_bundle_item_taglie_input { box-shadow: none; margin: 0; cursor: pointer; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container .product_bundle_item_taglie_input:checked[type=checkbox] { background-color: transparent; border: 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 fill=%27currentColor%27 class=%27bi bi-check-circle-fill%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z%27/%3E%3C/svg%3E") !important; box-shadow: none; background-size: 14px; } @media (max-width: 575.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container .product_bundle_item_taglie_input:checked[type=checkbox] { background-size: 12px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container .product_bundle_item_taglie_input[type=checkbox] { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3E%3C/svg%3E"); border: 0; background-color: transparent; box-shadow: none; background-size: 14px; } @media (max-width: 575.98px) { .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container .product_bundle_item_taglie_input[type=checkbox] { background-size: 12px; } } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_input_container.form-check [type=checkbox] { top: 0; width: 14px; height: 14px; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_container { margin: 0; padding: 0; width: 100%; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_container .product_bundle_item_taglie_size { height: 30px; background-color: transparent; border-right: 0; border-left: 0; border-top: 0; padding: 0 6px; } .product_bundle_wrap .product_bundle_container .product_bundle_item_wrap .product_bundle_items_group_container .product_bundle_item_container .product_bundle_item_taglie_container .product_bundle_item_taglie_container .product_bundle_item_taglie_size.active { background-color: #000; color: #fff; text-align: center; } .product_bundle_wrap .product_bundle_price_totale_container { padding-top: 24px; grid-column: 1/-1; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale_button { width: 100%; padding: 8px 0; background-color: #000; color: #fff; border: 2px solid #000; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale_button:hover { color: #000; background-color: #fff; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale_button.disabled { opacity: 0.3; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale_button.disabled:hover { background-color: #000; color: #fff; border: 2px solid #000; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale { text-align: center; padding-top: 16px; font-weight: 700; font-size: 16px; text-transform: uppercase; display: flex; font-size: 16px; align-content: center; justify-content: center; align-items: center; } .product_bundle_wrap .product_bundle_price_totale_container .product_bundle_price_totale .product-bundle-price-totale-risultato { margin-left: 24px; } .product_bundle_wrap .product_bundle_alert { max-width: 560px; margin: 24px auto 0 auto; } .product_bundle_wrap .product_bundle_card_alert { max-width: 560px; width: auto; margin: 0 0 16px 0; } /* =================== ==== SIDE CART ==== =================== */ .cart_recap_bundle_title { font-size: 16px; font-weight: 900; margin-bottom: 8px; padding-top: 16px; text-align: left; text-transform: none; } .cart_item_container.cart_item_bundle_child .cart_img_container { text-align: right; } .cart_item_container.cart_item_bundle_child .cart_img_container a img { width: 70%; max-width: none; } .cart_item_container.cart_item_bundle_child .cart_info_container .cart_descr_title { font-size: 10px; margin-bottom: 0px; } .cart_item_container.cart_item_bundle_child .cart_info_container .cart_descr_size { margin-bottom: 0; } .cart_item_bundle_child + .cart_item_container:not(.cart_item_bundle_child) { border-top: 1px solid #ddd; margin-top: 16px; padding-top: 16px; } /* ================== ==== CHECKOUT ==== ================== */ /* ======================= ==== LANDING GROUP ==== ======================= */ .shopthelook_landing_wrap .shopthelook_landing_title { font-size: calc(18px + 0.2vw); font-weight: 700; text-transform: uppercase; text-align: center; margin: 1% 0; } .shopthelook_landing_wrap .shopthelook_landing_container { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); } @media (max-width: 767.98px) { .shopthelook_landing_wrap .shopthelook_landing_container { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item { padding: 0; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item:hover .shopthelook_landing_item_block .shopthelook_landing_item_img { opacity: 0.5; transition: all 0.2s ease-in; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item:hover .shopthelook_landing_item_block .shopthelook_landing_item_info { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; opacity: 1; visibility: visible; display: flex; flex-direction: column; align-items: center; width: 100%; pointer-events: auto; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block { border: 0; transition: all 0.2s ease-in; overflow: hidden; position: relative; background-color: #000; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_overlay_link { opacity: 1; pointer-events: auto; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info { display: none; } @media (max-width: 767.98px) { .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info { position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; opacity: 1; visibility: visible; display: flex; flex-direction: column; align-items: center; width: 100%; pointer-events: auto; } } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_descr { font-family: "Arsenal", sans-serif; font-size: 14px; font-weight: 500; margin: 1% 0 1% 0; text-transform: uppercase; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_descr a { color: #FFF; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_descr a:hover { text-decoration: none; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_title { font-family: "Arsenal", sans-serif; font-size: 13px; font-weight: 500; margin: 10px 0; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_title a { color: #FFF; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_title a:hover { text-decoration: none; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_subtitle { font-family: "Arsenal", sans-serif; font-size: 12px; font-weight: 400; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_subtitle a { color: #FFF; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_subtitle a:hover { text-decoration: none; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_note { font-family: "Arsenal", sans-serif; font-size: 12px; font-weight: 400; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_note a { color: #FFF; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_note a:hover { text-decoration: none; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_action_btn { display: flex; pointer-events: auto; } .shopthelook_landing_wrap .shopthelook_landing_container .shopthelook_landing_item .shopthelook_landing_item_block .shopthelook_landing_item_info .shopthelook_landing_item_action_btn a { font-size: 12px; color: #fff; margin: 10px; position: relative; z-index: 1100; } .shopthelook_landing_wrap .shopthelook_landing_paginator_container { display: none; } /* ======================== ==== LANDING DETAIL ==== ======================== */ .shopthelook_landing_detail_wrap { position: relative; padding: 0 3rem; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container { display: flex !important; align-items: flex-start; padding-bottom: 4rem; } @media (max-width: 991.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container { padding-bottom: 3rem; } } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container { padding-bottom: 0; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container > .col-12.col-md-6 { display: flex; flex-direction: column; justify-content: space-between; min-height: 67vh; } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container > .col-12.col-md-6 { min-height: auto; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap { display: flex; align-items: center; padding-bottom: 1rem; position: relative; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap .shopthelook_landing_detail_title { position: absolute; left: 50%; transform: translateX(-50%); font-size: calc(18px + 0.2vw); font-weight: 700; text-transform: uppercase; text-align: center; white-space: nowrap; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap .shopthelook_landing_detail_looks_switch_arrow { display: flex; gap: 10px; margin-left: auto; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap .shopthelook_landing_detail_looks_switch_arrow .shopthelook_landing_detail_looks_switch_arrow_prev { font-size: 1.5rem; padding: 0 5px 0 0; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap .shopthelook_landing_detail_looks_switch_arrow .shopthelook_landing_detail_looks_switch_arrow_next { font-size: 1.5rem; padding: 0 0 0 5px; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_nav_wrap .shopthelook_landing_detail_back { font-size: 14px; text-align: left; flex: 0 0 auto; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container { padding: 0 2rem 0 0; display: flex; flex-direction: column; height: auto; flex: 1 1 auto; } @media (max-width: 991.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container { padding: 0 1rem 0 0; } } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container { padding: 0; height: auto; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_img { flex: 1 1 auto; margin-bottom: 1rem; } @media (max-width: 1700px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_img { flex: 1 1 auto; } } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_img { margin-bottom: 0; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_img a { display: block; height: 100%; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_img a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_cta { padding: 0; } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_cta { margin: 0.5rem 0 1.5rem; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_cta button { font-size: 13px; font-weight: 500; width: 100%; min-width: auto; padding: 10px; } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_container .shopthelook_landing_detail_look_cta button { max-width: none; padding: 5px; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container { display: flex; flex-direction: column; flex: 0 0 auto; } @media (max-width: 1700px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container { flex: 1 1 auto; } } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container { height: auto; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container { margin: 0 0.3rem 1rem; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .vaschetta_item .vaschetta_item_block { margin: 0 !important; padding: 0 !important; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-left: 0; width: 70%; margin: 1% 0 10px; min-height: 30px; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .vaschetta_item .vaschetta_item_block:hover .vaschetta_item_info { opacity: 0; visibility: hidden; border-bottom: none; border-right: none; border-left: none; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .shopthelook_landing_detail_look_item_cta { padding: 0; } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .shopthelook_landing_detail_look_item_cta a button { font-size: 13px; font-weight: 500; width: 100%; min-width: auto; padding: 10px; } @media (max-width: 767.98px) { .shopthelook_landing_detail_wrap .shopthelook_landing_detail_container .shopthelook_landing_detail_look_items_container .product_list_container .shopthelook_landing_detail_look_item_container .shopthelook_landing_detail_look_item_cta a button { max-width: none; padding: 5px; } } .shopthelook_landing_detail_wrap .shopthelook_landing_detail_other_looks_wrap { display: none; } /* ============= ==== PDP ==== ============= */ .shopthelook_product_detail_wrap { position: relative; padding: 0 12px; } .shopthelook_product_detail_wrap .shopthelook_product_detail_title { font-size: 22px; font-weight: 600; line-height: 1; margin: 32px 0 18px; padding: 0; text-align: center; width: 100%; text-transform: uppercase; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container { display: flex !important; align-items: flex-start; padding-bottom: 3rem; } @media (max-width: 991.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container { padding-bottom: 3rem; } } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container { padding-bottom: 0; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container > .col-12.col-md-6 { display: flex; flex-direction: column; justify-content: space-between; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container { padding: 0 2rem 0 0; display: flex; flex-direction: column; height: auto; flex: 1 1 auto; } @media (max-width: 991.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container { padding: 0 1rem 0 0; } } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container { padding: 0; height: auto; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_img { flex: 0 0 auto; height: 92%; margin-bottom: 1rem; } @media (max-width: 1700px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_img { flex: 1 1 auto; } } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_img { margin-bottom: 0; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_img a { display: block; height: 100%; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_img a img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_cta { padding: 0; } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_cta { margin: 0.5rem 0 1.5rem; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_cta button { font-size: 13px; font-weight: 500; width: 100%; min-width: auto; padding: 10px; } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_container .shopthelook_product_detail_look_cta button { max-width: none; padding: 5px; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container { display: flex; flex-direction: column; flex: 0 0 auto; height: auto; } @media (max-width: 1700px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container { flex: 1 1 auto; } } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container { height: auto; } } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container { margin: 0 0.3rem 1rem; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .vaschetta_item { background: transparent; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .vaschetta_item .vaschetta_item_block { margin: 0 !important; padding: 0 !important; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { height: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-left: 0; width: 70%; margin: 1% 0 10px; min-height: 32px; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .vaschetta_item .vaschetta_item_block:hover .vaschetta_item_info { opacity: 0; visibility: hidden; border-bottom: none; border-right: none; border-left: none; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .shopthelook_product_detail_look_item_cta { padding: 0; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .shopthelook_product_detail_look_item_cta a { width: 100%; display: grid; } .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .shopthelook_product_detail_look_item_cta a button.bottone_black { font-size: 13px; font-weight: 500; width: 100%; min-width: auto; padding: 10px; } @media (max-width: 767.98px) { .shopthelook_product_detail_wrap .shopthelook_product_detail_container .shopthelook_product_detail_look_items_container .product_list_container .shopthelook_product_detail_look_item_container .shopthelook_product_detail_look_item_cta a button.bottone_black { max-width: none; padding: 5px; } } /* =============== ==== MODAL ==== =============== */ #lookModal .modal-content { border-radius: 0; } #lookModal .modal-content .modal-header { border-bottom: 1px solid rgba(0, 0, 0, 0.169); padding: 12px; } #lookModal .modal-content .modal-body .modal_title { margin: 2% 0 1% 0; } .anteprima_dettaglio_look .cs_cart_box { width: 100% !important; } .anteprima_dettaglio_look .anteprima_dettaglio_size_first_taglia { color: #000; font-size: 10px; font-style: normal; font-weight: 700; text-align: left; text-transform: uppercase; } .anteprima_dettaglio_look .anteprima_dettaglio_size { margin: 0 0 16px 0; } @media (max-width: 767.98px) { .anteprima_dettaglio_look .anteprima_dettaglio_size { margin: 0 0 16px 0; } } .anteprima_dettaglio_look .anteprima_dettaglio_size ul { display: grid; gap: 5px; grid-template-columns: repeat(4, 1fr); justify-items: center; margin: 0; padding: 0; } @media (max-width: 767.98px) { .anteprima_dettaglio_look .anteprima_dettaglio_size ul { grid-template-columns: repeat(6, 1fr); } } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li { text-align: center; list-style-type: none !important; margin: 0; position: relative; width: 100%; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li:hover .last_one_size { display: flex; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a { padding: 12px 0; width: 100%; height: auto !important; line-height: 12px !important; font-size: 12px; text-decoration: none; background-color: #FFF; border: solid 1px #000; color: black; margin: 0 0 0 0; display: inline-block; font-weight: 400; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a:hover { background-color: black; color: white !important; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a.active { background-color: #000; border: solid 1px #000; color: #FFF !important; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a.finished { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; cursor: default; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a.finished:hover { background-color: #FFF; border: solid 1px lightgray; color: lightgray !important; text-decoration: line-through; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a.finished:hover span { background-color: #FFF; color: lightgray !important; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a.finished .desc_size { text-decoration: line-through; } .anteprima_dettaglio_look .anteprima_dettaglio_size ul li a .last_one_size { height: 100%; justify-content: center; align-items: center; background: black; bottom: 0; position: absolute; text-align: center; display: none; width: 100%; } .anteprima_dettaglio_look .cart_item_container .cart_price_container { margin: auto 0 0 0; } .shopthelook_landing_item_img { position: relative; display: inline-block; width: 100%; } .shopthelook_landing_item_counter { position: absolute; top: 10px; left: 10px; color: black; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; z-index: 2; } .gescat_load_look { transition: opacity 0.2s ease; } .gescat_load_look.lookLoading { opacity: 0.5; pointer-events: none; } .gescat_img_look { cursor: pointer; } .gescat_img_look.active { outline: 2px solid currentColor; outline-offset: -2px; } .loyalty_wrap .loyalty_text_wrap { padding: 1rem 0; } .loyalty_wrap .loyalty_text_wrap .loyalty_title { font-weight: 500; font-size: 28px; line-height: 38px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_text_wrap .loyalty_text { font-weight: 300; font-size: 15px; line-height: 24px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_split_wrap { align-items: stretch; } .loyalty_wrap .loyalty_split_wrap .col-md-4 { display: flex; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_img { flex: 1; position: relative; overflow: hidden; } @media (max-width: 767.98px) { .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_img { overflow: auto; flex: auto; } } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_img picture, .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_img img { width: 100%; height: 100%; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_img img { -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text { background-color: #f1f1f1; padding: 2rem; display: flex; justify-content: space-evenly; align-items: center; flex-direction: column; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_split_img { margin: 0 auto; width: 35%; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap { text-align: center; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_title { font-weight: 500; font-size: 24px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_text ul { list-style: none; padding: 1rem 0 0; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_text ul li { font-weight: 300; font-size: 15px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_btn_wrap { padding: 2rem 0 0; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_btn_wrap .loyalty_btn { padding: 5px 10px; background-color: #fff; color: #000; font-weight: 500; font-size: 17px; } .loyalty_wrap .loyalty_split_wrap .loyalty_split_wrap_text .loyalty_text_wrap .loyalty_btn_wrap .loyalty_btn:hover { text-decoration: underline; } .loyalty_wrap .loyalty_form_container .loyalty_unlogged { display: none; } .loyalty_wrap .loyalty_form_container .loyalty_logged { display: none; } .loyalty_wrap .loyalty_form_container .con_loyalty { display: none; } .loyalty_wrap .loyalty_form_container.enabled .loyalty_unlogged { display: block; } .loyalty_wrap .loyalty_form_container.enabled .loyalty_logged { display: none; } .loyalty_wrap .loyalty_form_container.enabled .con_loyalty { display: none; } .loyalty_wrap .loyalty_form_container.disabled .loyalty_unlogged { display: none; } .loyalty_wrap .loyalty_form_container.disabled .loyalty_logged { display: block; } .loyalty_wrap .loyalty_form_container.disabled .con_loyalty { display: none; } .loyalty_wrap .loyalty_form_container.disabled.loyalty_user .loyalty_logged { display: none; } .loyalty_wrap .loyalty_form_container.disabled.loyalty_user .con_loyalty { display: block; } .loyalty_wrap .loyalty_title { font-weight: 500; font-size: 28px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_form { width: 90%; margin: auto; } .loyalty_wrap .loyalty_form .loyalty_btn1 { margin: 1rem auto; border: 1px solid #000; display: flex; background-color: #fff; font-size: 17px; font-weight: 500; padding: 5px 15px; transition: 0.2s; } .loyalty_wrap .loyalty_form .loyalty_btn1:hover { background-color: #000; color: #fff; } .loyalty_wrap .loyalty_bonus_wrap { text-align: center; } .loyalty_wrap .loyalty_bonus_wrap .loyalty_title { font-weight: 500; font-size: 28px; letter-spacing: 0%; text-align: center; } .loyalty_wrap .loyalty_bonus_wrap .loyalty_text_wrap_bonus { padding: 2%; } .loyalty_wrap .loyalty_bonus_wrap .loyalty_text_wrap_bonus .loyalty_title { font-weight: 600; font-size: 18px; line-height: 38px; letter-spacing: 0%; text-transform: uppercase; text-align: center; margin-bottom: 0; } .loyalty_wrap .loyalty_bonus_wrap .loyalty_text_wrap_bonus .loyalty_text { font-weight: 300; font-size: 15px; line-height: 20px; letter-spacing: 0%; text-align: center; } .dev-env-banner-toggle { background: #004a78; color: #fff; border: 0; padding: 6px 12px; border-radius: 999px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); font-weight: 400; letter-spacing: 0.3px; position: fixed; bottom: 30px; z-index: 9999; right: 0; margin: 0 auto; left: 0; min-width: 150px; width: 150px; font-size: 12px; display: flex; justify-content: center; align-items: center; } .dev-env-banner-toggle:hover { background: #006eb3; } .dev-env-banner-toggle[data-state=expanded] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dev-env-banner { z-index: 99999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.4; color: #fff; } .dev-env-banner .offcanvas-header { background: #1f2937; } .dev-env-banner .offcanvas-header .btn-close { filter: invert(1); opacity: 1; } .dev-env-banner .dev-env-banner-panel { background: #1f2937; color: #f9fafb; margin-top: 0; padding: 12px 14px; overflow: auto; position: relative; } .dev-env-banner .dev-env-banner-panel[hidden] { display: none; } .dev-env-banner .dev-env-banner-section { margin-bottom: 8px; } .dev-env-banner .dev-env-banner-section:last-child { margin-bottom: 0; } .dev-env-banner .dev-env-banner-label { font-weight: 700; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.5px; font-size: 10px; margin-bottom: 2px; } .dev-env-banner .dev-env-banner-value { word-break: break-word; } .dev-env-banner .dev-env-banner-warning { background: #7f1d1d; color: #fecaca; padding: 4px 8px; border-radius: 4px; margin-bottom: 8px; font-size: 11px; } html .main-wrapper { overflow: initial !important; } /* AGGIUNGERE QUI LE PERSONALIZZAZIONI */ a { color: #525252; } a:hover { color: #525252; } body { color: #525252; } /* =================== ==== CONTAINER ==== =================== */ main { margin: 88px 0 0 0; } @media (max-width: 1023.98px) { main { margin: 70px 0 0 0; } } /* ================ ==== TITOLI ==== ================ */ .main_title { color: #525252; } .col_title { color: #525252; } .col_subtitle { color: #525252; } .col_text { color: #525252; } /* ================= ==== BOTTONI ==== ================= */ .bottone_black { background-color: #525252; border: 1px solid #525252; } .bottone_black:hover { color: #525252; } .bottone_white { background-color: transparent; border: 1px solid #525252; color: #525252; } .bottone_white:hover { background-color: #525252; border: 1px solid #525252; color: #fff; } /* ================= ==== INPUT ==== ================= */ .rowElem > label.label_general { color: #525252; } .rowElem label { color: #525252; } .general_field_100 { border-bottom: solid 1px #525252; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; color: #525252; } .general_field_100:focus { background-color: #fff; border-bottom: solid 2px #525252; outline: none; } .general_select_100 { border-bottom: solid 1px #525252; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; color: #525252; } .general_select_100:focus { background-color: #fff; border-bottom: solid 2px #525252; outline: none; } .general_select_50 { border-bottom: solid 1px #525252; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; color: #525252; } .general_select_50:focus { background-color: #fff; border-bottom: solid 2px #525252; } /* =============== ==== MODAL ==== =============== */ .modal_title { color: #525252; } .modal_subtitle { color: #525252; } .modal_note { color: #525252; } .modal_form_container .modal_btn { background-color: #525252; border: 1px solid #525252; } .modal_form_container .general_field_100 { background-color: #fff; border-bottom: 1px solid #525252; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent; color: #525252; } .modal_form_container .general_field_100:focus { outline: none; border-bottom: 2px solid #525252; } .modal_btn_container .modal_btn { background-color: #525252; border: 1px solid #525252; } .modal_btn_container .modal_btn:hover { color: #525252; background-color: transparent; } .modal_btn_container .modal_btn_100 { background-color: #525252; border: 1px solid #525252; } #header { height: 88px; background-color: #fff; border-bottom: 1px solid #525252; } @media (max-width: 1023.98px) { #header { height: 70px; } } #header .cart-count, #header .wishlist-count { color: #525252; } #header .widget-account { font-size: 23px; } #header.bgColorTransparent { border-bottom: 0px solid #525252 !important; } #header.bgColorTransparent .header_shipping_box { color: #fff; border-bottom: 1px solid transparent !important; } #header.bgColorTransparent .header_shipping_box .ticker > ul > li > a { color: #fff; } #header.bgColorTransparent .header-desktop { border-bottom: 1px solid transparent; } #header.bgColorTransparent .header_logo { width: auto; } #header.bgColorTransparent .header_logo img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(293deg) brightness(129%) contrast(101%); } #header.bgColorTransparent #main-menu > ul > li > a { color: #fff !important; transition: none; } #header.bgColorTransparent .widget-menu { color: #fff; } #header.bgColorTransparent .widget-menu a { color: #fff; transition: none; } #header.bgColorTransparent .widget-menu a .wishlist-count { color: #fff; } #header.bgColorTransparent .widget-menu a .cart-count { color: #fff; } #header.bgColorTransparent .widget-account { color: #fff; font-size: 23px; } #header.bgColorTransparent .widget-account a { color: #fff; transition: none; } #header.bgColorTransparent .widget-col a { color: #fff; } #header.bgColorTransparent .widget-col a span { color: #fff; } #header .header_shipping_box { margin: 0; color: #525252; font-size: 12px; font-weight: 300; text-transform: lowercase; background-color: transparent; } @media (max-width: 575.98px) { #header .header_shipping_box { font-size: 10px; } } #header .header_shipping_box .ticker ul li > a { color: #525252; } #header .header-content { background-color: transparent; } #header .nav_row_container .nav_row a { color: #525252; } #header .nav_row_container .nav_row_accordion.collapse ul li a, #header .nav_row_container .nav_row_accordion.collapsing ul li a { color: #525252; } #header #navbarUserCollapse .nav_row_container .nav_row:nth-child(2) { display: none; } #header .header-desktop { border-bottom: 0px solid #525252; } #header .header-desktop .header_sx { width: 33.3%; display: flex; align-self: center; } @media (max-width: 1199.98px) { #header .header-desktop .header_sx { width: 40%; } } #header .header-desktop .header_sx #main-menu > ul > li { font-size: 14px; margin: 0; padding: 0 1rem 0 0; } #header .header-desktop .header_sx #main-menu > ul > li > a { padding: 0; color: #525252; } #header .header-desktop .header_sx #main-menu > ul > li > a:hover { text-decoration: underline; font-weight: 600; } #header .header-desktop .header_sx #main-menu .megamenu { padding-top: 37px; top: 31px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap { padding: 10px 1%; border-bottom: 1px solid #525252; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi { margin: 0 1rem 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-title { text-transform: uppercase; font-weight: 400; margin-bottom: 0; font-size: 14px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-title a { text-decoration: none; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-title a:hover { text-decoration: underline; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list { text-transform: uppercase; font-size: 12px; font-weight: 400; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list a { color: #525252; background: none; transition: none; display: inline-block; padding: 0 0 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list a:hover { text-decoration: underline; font-weight: 600; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list mark, #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_nodi .block-list .mark { font-weight: 900; padding: 2.5px 5px; margin: 0 0 0 5px; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra { margin: 1% 4% 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li { color: #525252; text-transform: uppercase; font-size: 12px; font-weight: 400; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li:first-child { line-height: 1; margin-bottom: 5px; font-weight: 700; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li:first-child a { font-weight: 700; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block_box_extra .submenu_block_box_extra_list li a { color: #525252; text-transform: uppercase; font-size: 12px; font-weight: 400; margin: 0 0 0 0; /*QUESTE REGOLE SERVONO PER ANNIENTARE GLI STILI DI DROPDOWN-ITEM > ELIMINARE QUANDO SI TRASFORMA CON CLASSE GESCAT*/ background: none; transition: none; display: inline-block; padding: 0 0 0 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block { margin: 1% 4% 2% 0; } @media (max-width: 1399.98px) { #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block { margin: 1% 2% 2% 0; } } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul { margin: 0; padding: 0; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul li { font-size: 12px; list-style-type: none; text-align: left; background-color: transparent; color: #525252; display: block; margin: 0; padding: 0; letter-spacing: 1px; line-height: 20px; text-transform: uppercase; } #header .header-desktop .header_sx #main-menu .megamenu .submenu_container_wrap .submenu_block ul li a { font-size: 12px; color: #525252; text-decoration: none; } #header .header-desktop .header_center { width: 33.3%; display: flex; justify-content: center; align-self: flex-end; } @media (max-width: 1199.98px) { #header .header-desktop .header_center { width: 20%; } } #header .header-desktop .header_center .header_logo { width: auto; } #header .header-desktop .header_center .header_logo img { height: auto; max-width: 100%; margin: 6px 0; width: 130px; } #header .header-desktop .header_dx { width: 33.3%; align-self: center; } @media (max-width: 1199.98px) { #header .header-desktop .header_dx { width: 40%; } } #header .header-desktop .header_dx ul.widget-menu .widget-language { margin-right: 3rem; margin-top: 3px; } #header .header-desktop .header_dx ul.widget-menu .widget-cart, #header .header-desktop .header_dx ul.widget-menu .widget-wishlist { margin-top: 3px !important; } #header .header-desktop .header_dx ul.widget-menu .widget-account { margin-top: 1px !important; } #header .header-desktop .header_dx ul.widget-menu > li { font-size: 14px; font-weight: 300 !important; padding: 0 calc(10px + 0.5vw) 0 0; margin: 0; } #header .header-desktop .header_dx ul.widget-menu > li:last-child { font-size: 20px; padding-right: 0; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover { width: 400px; padding-top: 36px; top: 32px; background-color: transparent; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container { padding: 2rem; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list { font-size: 13px; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list a { color: #525252; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list a:hover { text-decoration: underline; font-weight: 700; font-size: 14px; color: #525252; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li:first-child { margin-bottom: 1rem !important; } #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li .cart-count, #header .header-desktop .header_dx ul.widget-menu > li .dropdown-menu-hover .generalmenu_wrap .generalmenu_container .generalmenu_container_list ul li .wishlist-count { color: #525252 !important; position: relative; left: 0; top: 0; font-size: 14px; font-weight: 400; } #header .header-mobile ul { justify-content: inherit; } @media (max-width: 1023.98px) { #header .header-mobile ul li:nth-child(2) { margin-right: 25%; } } @media (max-width: 767.98px) { #header .header-mobile ul li:nth-child(2) { margin-right: 13%; } } @media (max-width: 1023.98px) { #header .header-mobile ul li:nth-last-child(2) { margin-left: 25%; } } @media (max-width: 767.98px) { #header .header-mobile ul li:nth-last-child(2) { margin-left: 13%; } } #header .header-mobile ul li.widget-col { width: auto; } #header .header-mobile ul li .header-logo img { width: 94px; height: auto; } #header .header-content { padding: 0 1%; flex-wrap: nowrap; } @media (max-width: 575.98px) { #header .header-content { padding: 0 2% 0 1% 0; } } #header .search_nav_column .search_field_header { border-bottom: solid 1px #525252; color: #525252 !important; } #header .search_nav_column .search_field_header:focus { border-bottom: solid 2px #525252; } #footer { border-top: 1px solid #525252; } #footer .footer_container { padding: 0; } #footer .footer_container a { font-size: 18px; color: #525252; } #footer .footer_container .footer_block_newsletter_container { border-bottom: 1px solid #525252; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row { display: ruby; padding: 1%; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row { padding: 1% 3%; display: block; } } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_text { font-size: 14px; font-weight: 500; text-transform: none; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_text { text-align: center; } } @media (max-width: 575.98px) { #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_text { font-size: 12px; } } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_title { font-size: 18px; position: relative; color: #525252; font-weight: 700; cursor: pointer; text-transform: uppercase; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_title { font-size: 14px; text-align: center; padding: 1% 0 0 0; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .footer_block_nl_title > a { font-size: 14px; } } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box { width: 33% !important; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box { width: 95% !important; } } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container { max-width: 95%; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_newsletter_title { text-transform: uppercase; font-size: 13px; position: relative; margin: 0 0 5% 0; color: #525252; font-weight: 700; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_subtitle { font-size: 12px; font-weight: 400; text-transform: uppercase; margin: 0 0 10% 0; width: 100%; color: #525252; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container { width: 100%; margin: 0 0 10% 0; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_input { font-size: 12px; width: 100%; padding: 1%; color: #525252; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #525252; border-left: 1px solid transparent; margin: 0 0 5% 0; background-color: transparent; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_input:focus { border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 2px solid #525252; border-left: 1px solid transparent; background: #fff; outline: 0; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_input:focus-visible { outline: 0; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_input::-moz-placeholder { text-transform: uppercase; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_input::placeholder { text-transform: uppercase; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_button { font-size: 12px; width: 100%; padding: 1%; background-color: #525252; color: #fff; border: solid 1px #525252; text-transform: uppercase; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_input_container .footer_block_nl_button:hover { background-color: transparent; color: #525252; border: solid 1px #525252; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender { width: 100%; margin: 0 0 15% 0; display: flex; color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender input[type=radio] { accent-color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender .footer_block_nl_gender_label { font-size: 12px; text-align: left; width: 33%; display: inline-block; text-transform: uppercase; color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender .footer_block_nl_gender_radio_container { font-size: 10px; text-align: center; width: 65%; display: inline-block; text-transform: uppercase; display: flex; color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender .footer_block_nl_gender_radio_container .footer_block_nl_gender_radio_block { display: inline-block; width: 48%; text-align: center; color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_gender .footer_block_nl_gender_radio_container .footer_block_nl_gender_radio_block .footer_block_nl_gender_radio { position: relative; clip: rect(1px, 1px, 1px, 1px); } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_privacy { color: #525252 !important; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_privacy .form-switch { padding-left: 0; } #footer .footer_container .footer_block_newsletter_container .footer_block_nl_row .newsletter_offcanvas_box .footer_block_newsletter .footer_block_nl_container .footer_block_nl_privacy a { font-size: 10px; } #footer .footer_container .footer_block { text-align: center; margin-top: 4%; } #footer .footer_container .footer_block .footer_logo { display: inline-block; margin: 0 0 20px 0; width: 100%; } @media (max-width: 767.98px) { #footer .footer_container .footer_block .footer_logo { margin: 0 0 10px 0; } } #footer .footer_container .footer_block .footer_logo img { max-width: 9%; } @media (max-width: 767.98px) { #footer .footer_container .footer_block .footer_logo img { max-width: 100px; margin: 2% 0; } } #footer .footer_container .footer_social_icon { text-align: center; text-transform: uppercase; font-weight: 700; font-size: 16px; margin: 2% 0; padding: 0; word-spacing: 40px; } @media (max-width: 1023.98px) { #footer .footer_container .footer_social_icon { font-size: 15px; word-spacing: 28px; } } @media (max-width: 1023.98px) { #footer .footer_container .footer_social_icon ul { padding: 2% 0; } } #footer .footer_container .footer_social_icon ul li { display: inline-block; } #footer .footer_container .footer_block_cs { max-width: 100%; padding: 20px 0px 0px 0px; display: inline-block; border: 0; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs { padding: 0px; } } #footer .footer_container .footer_block_cs .footer_menu_link { font-size: 14px; font-weight: 400; text-transform: uppercase; } #footer .footer_container .footer_block_cs .footer_menu_link ul { display: flex; flex-wrap: wrap; justify-content: center; width: 45%; margin: auto; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs .footer_menu_link ul { flex-direction: column; text-align: center; } } #footer .footer_container .footer_block_cs .footer_menu_link ul li { line-height: 30px; list-style: none; margin: 0 2%; } @media (max-width: 1023.98px) { #footer .footer_container .footer_block_cs .footer_menu_link ul li { line-height: 45px; } } #footer .footer_container .footer_block_cs .footer_menu_link ul li a { font-size: 14px; } /* ===================== ==== BOX GROUPED ==== ===================== */ @media (max-width: 767.98px) { .home_grouped_container .home_grouped_info { display: flex; flex-direction: column; } } .home_grouped_container .home_grouped_info .home_grouped_info_title { font-size: 96px; line-height: 1; margin: 0; } @media (max-width: 1023.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_title { font-size: 96px; display: inline-block; } } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_title { font-size: 64px; display: inline-block; } } .home_grouped_container .home_grouped_info .home_grouped_info_subtitle { text-transform: uppercase; font-size: 40px; line-height: 1; font-weight: 700; padding: 12px 0 0; } @media (max-width: 1023.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_subtitle { font-size: 40px; padding: 12px 0 0; display: inline-block; } } @media (max-width: 575.98px) { .home_grouped_container .home_grouped_info .home_grouped_info_subtitle { font-size: 40px; padding: 12px 0 0; display: inline-block; } } @media (max-width: 767.98px) { .home_grouped_container .home_grouped_info.alignleft { text-align: center !important; } .home_grouped_container .home_grouped_info.alignright { text-align: center !important; } } /* ===================== ==== BLOCK TXT ==== ===================== */ .home_block_adv_title { font-size: 32px; text-transform: uppercase; text-align: center; font-weight: 700; padding: 1% 0 2% 0; } @media (max-width: 575.98px) { .home_block_adv_title { font-size: 32px; } } .home_block_adv_subtitle { font-size: 14px; text-align: center; font-weight: 700; padding-bottom: 1%; line-height: 20px; padding-left: 5%; padding-right: 5%; } @media (max-width: 575.98px) { .home_block_adv_subtitle { line-height: 16px; font-size: 12px; margin: 0 2%; padding-bottom: 4%; } } .home_block_adv_text { font-size: 14px; text-align: center; padding-left: 5%; padding-right: 5%; } @media (max-width: 575.98px) { .home_block_adv_text { font-size: 12px; margin: 0 2%; line-height: 16px; } } /* ======================= ==== BOX ITEMS ==== ======================= */ .home_carosello_box_items { margin-bottom: 3rem; } .home_carosello_box_items .home_scroll_articles_main_title { visibility: hidden; padding: 0; } .home_carosello_box_items .fade_home_articles .home_scroll_articles_block { padding: 0; } .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info { position: absolute; bottom: -18px; margin: 0; padding: 0; } @media (max-width: 575.98px) { .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info { display: none; } } .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_title { font-weight: 700; font-size: 16px; margin: 0 0 2px; letter-spacing: 0px; color: #525252; } @media (max-width: 575.98px) { .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_title { font-size: 14px; } } .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_price { font-size: 14px; letter-spacing: 0px; color: #525252; } @media (max-width: 575.98px) { .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_price { font-size: 12px; } } .home_carosello_box_items .fade_home_articles .home_scroll_articles_block .home_scroll_articles_info .home_scroll_articles_info_action a { visibility: hidden; margin: 0; padding: 0; } /* ======================= ==== BOX SCROLL ==== ======================= */ .home_carosello_box_scroll { margin-bottom: 3rem; } .home_carosello_box_scroll .home_scroll_title { font-size: 32px; font-weight: 700; padding: 1% 0 2%; text-align: center; text-transform: uppercase; } .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info { position: relative; transform: translateX(50%) translateY(-115%); text-align: center; } @media (max-width: 767.98px) { .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info { transform: translateY(-100%); } } @media (max-width: 575.98px) { .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info { display: none; } } .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info .home_scroll_title { font-weight: 700; font-size: 16px; margin: 0 0 2px; letter-spacing: 0px; color: #525252; text-transform: uppercase; padding: 0; } .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info .home_scroll_subtitle { font-size: 14px; letter-spacing: 0px; color: #525252; margin: 0 0 2px; } .home_carosello_box_scroll .fade_home_scroll .home_scroll_block .home_scroll_info .home_scroll_action a { background-color: #fff; padding: 0 5px; margin: 0px 7px; text-transform: uppercase; } /* ======================= ==== ELEMENTI VARI ==== ======================= */ .product_list_container { border-left: 1px solid #525252; } @media (max-width: 1023.98px) { .product_list_container { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); } } @media (max-width: 767.98px) { .product_list_container { border-left: 0px solid #525252; } } @media (max-width: 767.98px) { .product_list_container.grid_col_1 { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); } } .product-card-container { border-right: 0.5px solid #525252; border-bottom: 0.5px solid #525252; border-top: 0; border-left: 0; } @media (max-width: 767.98px) { .product-card-container { border: 0 solid #525252; } } /* ==================== ==== BREADCRUMB ==== ==================== */ .bcAbsolute .breadcrumb_sticky { position: sticky; z-index: 999; top: 89px; border-bottom: 0px solid #525252; } @media (max-width: 1023.98px) { .bcAbsolute .breadcrumb_sticky { top: 70px; } } @media (max-width: 767.98px) { .bcAbsolute .breadcrumb_sticky { display: none; } } .bcAbsolute .breadcrumb_sticky .breadcrumb_items { position: absolute; top: 0; left: 0; padding: 0.6% 1%; margin: 0; z-index: 52; font-size: 14px; } @media (min-width: 767.98px) { .bcAbsolute .breadcrumb_sticky .breadcrumb_items { border-bottom: 0px solid #525252; } } @media (max-width: 767.98px) { .bcAbsolute .breadcrumb_sticky .breadcrumb_items { position: relative; border-bottom: 1px solid #525252; } } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item_first { text-transform: uppercase; } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item { text-transform: uppercase; } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item::before { content: "<"; white-space: pre; padding: 0 8px; text-decoration: none !important; } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child { font-weight: 700; text-decoration: none; } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child a { text-decoration: underline; } .bcAbsolute .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child::before { text-decoration: none !important; } .breadcrumb_sticky { position: sticky; z-index: 999; top: 88px; background-color: white; border-bottom: 1px solid #525252; } @media (max-width: 1023.98px) { .breadcrumb_sticky { top: 70px; } } .breadcrumb_sticky .breadcrumb_items { z-index: 52; padding: 0.6% 1%; margin: 0; font-size: 14px; } @media (max-width: 767.98px) { .breadcrumb_sticky .breadcrumb_items { border-bottom: 0px solid #525252; padding: 0.6% 2%; } } @media (max-width: 767.98px) { .breadcrumb_sticky .breadcrumb_items { position: relative; } } .breadcrumb_sticky .breadcrumb_items .breadcrumb_item_first { text-transform: uppercase; } .breadcrumb_sticky .breadcrumb_items .breadcrumb_item { text-transform: uppercase; } .breadcrumb_sticky .breadcrumb_items .breadcrumb_item::before { content: "<"; white-space: pre; padding: 0 8px; } .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child { font-weight: 700; text-decoration: none; } @media (max-width: 575.98px) { .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child { width: calc(100% - 100px); } } .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child a { text-decoration: underline; } @media (max-width: 575.98px) { .breadcrumb_sticky .breadcrumb_items .breadcrumb_item:last-child a { white-space: nowrap; overflow-x: hidden; -webkit-overflow-scrolling: touch; text-overflow: ellipsis; } } /* ==================== ==== MAIN TITLE ==== ==================== */ .container_seotag_gallery { padding: 0.4rem 0; text-align: left; border-bottom: 1px solid #000; } @media (max-width: 767.98px) { .container_seotag_gallery { text-align: center; } } .container_seotag_gallery .title_gallery h1, .container_seotag_gallery .title_gallery .h1 { color: #525252; font-size: 14px; font-weight: 400; } .container_seotag_gallery .title_gallery span { display: none; } @media (max-width: 767.98px) { .container_seotag_gallery .title_gallery span { display: none; } } /* ======================= ==== COMMANDS LINE ==== ======================= */ .command_line_gallery { background-color: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #525252; top: 88px; } @media (max-width: 1023.98px) { .command_line_gallery { top: 70px; } } @media (max-width: 767.98px) { .command_line_gallery { top: 70px; } } .command_line_gallery .btn_show_filters { background-color: transparent; border: 0px solid #fff; color: #525252; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; letter-spacing: 0.5px; margin: 0; padding: 0.5% 1%; text-transform: uppercase; max-width: -moz-fit-content; max-width: fit-content; text-align: end; z-index: 60; } .command_line_gallery .btn_show_filters:hover { text-decoration: none; opacity: 1; } @media (max-width: 767.98px) { .command_line_gallery .btn_show_filters { background-color: transparent; text-transform: capitalize; border: 0px solid transparent; border-radius: 0; color: #525252; font-size: 14px; max-width: 100%; padding: 8px 0; width: 100%; text-align: center; margin-right: 0; margin-left: 0; } .command_line_gallery .btn_show_filters:hover { opacity: 1; text-decoration: underline; } } @media (max-width: 767.98px) { .command_line_gallery .btn_show_filters .btn_show_filters_text { display: none; } } @media (min-width: 767.98px) { .command_line_gallery .btn_show_filters .btn_show_filters_icon { display: none; } } @media (max-width: 767.98px) { .command_line_gallery .btn_switch_col { background-color: transparent; border: 1px solid transparent; border-radius: 0; color: #525252; padding: 8px 0; font-size: 14px; margin-right: 0; margin-left: 0; max-width: 100%; } .command_line_gallery .btn_switch_col:hover { opacity: 1; text-decoration: underline; } } @media (max-width: 767.98px) { .command_line_gallery .btn_show_sort { padding: 8px 0; margin-right: 0%; background-color: transparent; border: 1px solid transparent; border-radius: 0; color: #525252; font-size: 14px; margin-right: 0; margin-left: 0; max-width: 100%; } .command_line_gallery .btn_show_sort:hover { opacity: 1; text-decoration: underline; } } /* ================ ==== FILTRI ==== ================ */ .cs_filters_box.offcanvas { width: 26% !important; } @media (max-width: 1399.98px) { .cs_filters_box.offcanvas { width: 60% !important; } } @media (max-width: 767.98px) { .cs_filters_box.offcanvas { width: 70% !important; } } @media (max-width: 575.98px) { .cs_filters_box.offcanvas { width: 95% !important; } } .cs_filters_box #filtri_applicati_totali { color: #525252; } .cs_filters_box #filters_tags_container { color: #525252; } .cs_filters_box #filters_tags_container .txtBlack { color: #525252 !important; } .offcanvas_filters_title { display: none; } .filter_accordion_container { border: 0 !important; } .filters_box_title { background-color: transparent; color: #525252; font-size: 16px; font-weight: 600; padding: 1.5rem 1rem !important; } @media (max-width: 1199.98px) { .filters_box_title { padding: 1.5rem 0.5rem; } } .filter_accordion_prezzi_container { text-transform: uppercase; padding: 2rem 0 1rem; } .accordion_list_filters { padding: 0 0 0 2rem; display: flex !important; flex-wrap: wrap; max-height: 300px; overflow-y: auto; } @media (max-width: 1199.98px) { .accordion_list_filters { padding: 0 0 0 1rem; } } .accordion_list_filters .filters_attributi { flex: 1 0 50%; padding: 5px; box-sizing: border-box; } .accordion_price_filters { padding: 0; display: inline; } .filters_box_wrap { color: #525252; } .filters_box_wrap .accordion_price_filters input { color: #525252; outline: none; } .filters_box_wrap .ui-widget.ui-widget-content { border: 0 solid #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-widget-header { background: #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-state-default { border: 2px solid #525252; color: #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-state-default:hover { background: #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-state-default:focus { background: #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-state-default.ui-state-focus { background: #525252; } .filters_box_wrap .ui-widget.ui-widget-content .ui-state-default.ui-state-hover { background: #525252; } .filters_box_wrap input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox_xs.png?f48e93776854c1438ff09aa88a24c8ab) !important; } @media (max-width: 767.98px) { .filters_box_wrap input[type=checkbox]:checked + label { background-image: url(/images/input_checkbox.png?a7a2e6fb624661b9f0783b1cb5396b65); } } .filters_box_wrap input[type=checkbox] + label { padding: 0 0 0 25px; background: url(/images/input_start_xs.png?17aed2336e95a27ad19472b6c20c3e8b) left center no-repeat !important; color: #525252; } @media (max-width: 767.98px) { .filters_box_wrap input[type=checkbox] + label { background-image: url(/images/input_start.png?31223f2bb5380495dad3ad98d584f98a); } } .filters_bottone_applica { background-color: #525252; border: 1px solid #525252; } .filters_bottone_applica:hover { background-color: transparent; color: #525252; } .filters_bottone_applica:focus { background-color: transparent; color: #525252; } /* ================= ==== PREVIEW ==== ================= */ #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo a { text-decoration: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo a:hover { text-decoration: underline; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_codice { color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_read_more { text-decoration: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_titolo_mobile_container .anteprima_dettaglio_read_more:hover { text-decoration: underline; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_sx .anteprima_dettaglio_img .carousel-indicators [data-bs-target] { background-color: #939393; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_titolo a { text-decoration: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_titolo a:hover { text-decoration: underline; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_codice { color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size_title .anteprima_dettaglio_size_first_taglia { display: none; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_size_title .anteprima_dettaglio_size_descr { display: flex; color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_add .anteprima_dettaglio_add_btn { background-color: #525252; border-color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .anteprima_dettaglio_add .anteprima_dettaglio_add_btn:hover { border-color: #525252; color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container .wish_preview_btn { color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark-fill { color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark-fill:before { vertical-align: -0.5em; font-size: 14px; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark-fill:before { vertical-align: -0.45em; } } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark { color: #525252; } #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark:before { vertical-align: -0.5em; font-size: 14px; } @media (max-width: 767.98px) { #gallery-modal-preview .modal-content .modal-body .anteprima_articolo_container .anteprima_dettaglio_container .anteprima_dettaglio_box_dx .whish_preview_btn_container a i.bi-bookmark:before { vertical-align: -0.45em; } } /* ========================= ==== VASCHETTA ITEMS ==== ========================= */ .vaschetta_item { border: 0 solid #525252; } @media (max-width: 767.98px) { .vaschetta_item { border: 0; } } .vaschetta_item .vaschetta_item_block { border: 0; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img, .vaschetta_item .vaschetta_item_block .vaschetta_item_video { background-color: #fafafa; padding-top: 0; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img video, .vaschetta_item .vaschetta_item_block .vaschetta_item_video video { margin-bottom: -4px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container { opacity: 0; } @media (max-width: 575.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container { display: flex; justify-content: end; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container .vaschetta_item_label img, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container .vaschetta_item_label img { width: auto; height: 18px; max-width: 100%; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container .vaschetta_item_label_preview, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container .vaschetta_item_label_preview { font-size: 17px; } .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container .vaschetta_item_label_wishlist, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container .vaschetta_item_label_wishlist { font-size: 19px; margin: 0; } @media (min-width: 1024px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_img .vaschetta_item_labels_container .vaschetta_item_label_wishlist a:hover i::before, .vaschetta_item .vaschetta_item_block .vaschetta_item_video .vaschetta_item_labels_container .vaschetta_item_label_wishlist a:hover i::before { content: "\f199" !important; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container { position: absolute; display: flex; padding: 0 1rem 0; flex-wrap: wrap; bottom: 0; opacity: 0; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container { padding: 0; opacity: 1; position: relative; margin: 0; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { text-align: center; font-size: 15px; letter-spacing: 0.5px; margin: 0; text-transform: uppercase; width: 100%; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { font-size: 15px; margin: 0; text-align: left; } } @media (max-width: 575.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title { font-size: 14px; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_title:hover { text-decoration: none; } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price { text-align: center; font-size: 13px; font-weight: 400; letter-spacing: 0; margin: 0; color: #525252; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price { font-size: 13px; margin: 0; text-align: left; } } @media (max-width: 575.98px) { .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price { font-size: 12px; } } .vaschetta_item .vaschetta_item_block .vaschetta_item_maininfo_container .vaschetta_item_price .vaschetta_item_info_new_price { color: #525252; } .vaschetta_item:hover .vaschetta_item_img .vaschetta_item_labels_container, .vaschetta_item:hover .vaschetta_item_video .vaschetta_item_labels_container { opacity: 1; } .vaschetta_item:hover .vaschetta_item_maininfo_container { opacity: 1; visibility: visible; } @media (min-width: 1024px) { .vaschetta_item:hover .vaschetta_item_block { border-top: 0px solid #525252; border-right: 0px solid #525252; border-left: 0px solid #525252; } } @media (min-width: 1024px) { .vaschetta_item:hover .vaschetta_item_info { opacity: 1; visibility: visible; border-bottom: 0px solid #525252; border-right: 0px solid #525252; border-left: 0px solid #525252; } } .vaschetta_item .vaschetta_item_info { position: relative; background-color: transparent; color: #525252; font-size: 10px; letter-spacing: 0.5px; text-align: right; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info { visibility: display; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes { color: #525252; letter-spacing: 0.5px; padding: 0; text-align: center; width: auto; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes { display: none; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul { padding: 1% 2%; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li { margin: 0 15px 0 0; width: auto; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li:first-child { text-transform: capitalize; display: inline-block; margin: 0 10px 0 0; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li:last-child { margin-right: 0; font-weight: 200; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li { width: 23%; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a { background-color: transparent; border: solid 0px #525252; line-height: normal; color: #525252; font-weight: 400; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a { font-size: 12px; line-height: 26px; font-weight: 200; } } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a.active { background-color: #525252; border: solid 0px #525252; color: #FFF !important; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a.finished { background-color: transparent; border: solid 0px #525252; color: #525252 !important; opacity: 0.25; } .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a:hover { text-decoration: none; } @media (min-width: 992px) { .vaschetta_item .vaschetta_item_info .vaschetta_item_sizes ul li a:hover { background-color: transparent; border: solid 0px #525252; color: #525252 !important; font-weight: 700; } } .vaschetta_item .vaschetta_item_info .vaschetta_stato_vendita { font-weight: 400; color: #525252; font-size: 10px; letter-spacing: 0; text-align: center; padding: 0 1rem 1rem; } @media (max-width: 767.98px) { .vaschetta_item .vaschetta_item_info .vaschetta_stato_vendita { font-size: 14px; padding: 0 0.25rem 0.25rem 0.25rem; } } /* =========================== ==== BOX GALLERY ITEMS ==== =========================== */ @media (max-width: 767.98px) { .box_gallery_item_container { padding: 0.25rem !important; } } .product-main { margin: 0; } @media (max-width: 767.98px) { .product-main { margin: 0; padding-top: 2%; } } .product-main .details_block_container { border-top: 0px solid transparent; } @media (max-width: 767.98px) { .product-main .details_block_container { border-top: 0; } } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_sx { padding: 0 2%; } } .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_img_block { border-right: 1px solid #525252; border-bottom: 1px solid #525252; padding: 0 0 0 0; background-color: #fafafa; } .product-main .details_block_container .detail_full_col_sx .detail_full_img_container .detail_full_video_block { border-right: 1px solid #525252; border-bottom: 1px solid #525252; } .product-main .details_block_container .detail_full_col_sx .carousel .carousel-indicators { bottom: 1%; } .product-main .details_block_container .detail_full_col_sx .carousel .carousel-indicators button { border: 1px solid #777; background-color: transparent; width: 10px; height: 10px; border-radius: 100%; margin-left: 5px; margin-right: 5px; } .product-main .details_block_container .detail_full_col_sx .carousel .carousel-indicators button.active { background-color: #777 !important; } .product-main .details_block_container .detail_full_col_dx { margin-top: 10%; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper { width: 80%; margin: 0 auto; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper { width: 90%; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info { margin: 0 !important; padding: 0 10%; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info { padding: 0; } } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title { margin-top: 5%; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title h1, .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title .h1 { font-size: 48px; line-height: 1; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title h1, .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title .h1 { font-size: 48px; text-align: center; letter-spacing: 0px; } } @media (max-width: 575.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title h1, .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_title .h1 { font-size: 48px; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_prezzo { font-size: 18px; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-info .details_article_dett_prezzo { font-size: 24px; text-align: center; font-weight: 500; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes { padding: 0 10%; margin: 4% 0; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes { justify-content: center; padding-top: 5%; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes { padding: 0; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size { font-size: 14px; order: 1; } @media (max-width: 1399.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size { order: 2; } } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul { justify-content: center; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li { margin: 0 3px; } @media (max-width: 575.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li { margin: 0 8% 0 0; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a { background-color: transparent; border: none; width: 20px; height: 20px; line-height: 30px; font-size: 18px; margin: 0; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a { font-size: 14px; margin-right: 8px !important; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a { font-size: 16px; width: 18px; margin-right: 0px !important; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a:hover { background-color: transparent; color: #525252 !important; border: none; font-weight: 700; text-decoration: underline; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.virtualClick { color: #525252 !important; font-weight: 500; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.virtualClick:hover { font-weight: 700; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.active { background-color: transparent; color: #525252 !important; border: none; font-weight: 800 !important; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.finished { border: none; text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.finished:hover { border: none; text-decoration: none; color: lightgray !important; font-weight: 200; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul li a.finished .desc_size { text-decoration: none; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_info_size ul:not(.list-unstyled):not(.list-inline):not(.navbar-nav):not(.dropdown-menu):not(.pagination) li { margin-bottom: 0; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_variante_tipo_taglia { font-size: 12px; width: auto; line-height: 40px; margin: 2.5px 0 0 auto; order: 2; } @media (max-width: 1399.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_variante_tipo_taglia { order: 1; margin: 0; font-size: 10px; line-height: 10px; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .detail_block_sizes .detail_variante_tipo_taglia { margin: 0 0 2% 0; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_manca_taglia { padding: 0 10%; margin: 1% 0; font-size: 10px; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_manca_taglia { padding: 0; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons { display: flex; flex-wrap: wrap; padding: 0 10%; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons { padding: 0; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .btn_addtocart_black { font-size: 14px; width: 49%; height: auto; min-height: 40px; max-width: 100%; margin: 0 1% 0 0; background-color: #525252; border-color: #525252; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .btn_addtocart_black:hover { background-color: transparent; color: #525252; border-color: #525252; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .btn_addtocart_black { font-size: 13px; min-height: 0px; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .btn_addtocart_black { font-size: 13px; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container { width: 49%; margin: 0 0 0 1%; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white { background-color: #FFF; border: 1px solid #525252; cursor: pointer; padding: 8px 0; min-width: auto; width: 100%; max-width: 100%; transition: background-color 0.5s ease; font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: 1px; text-align: center; border-radius: 0px; height: auto; min-height: 40px; line-height: normal; margin: 0; color: #525252; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white:hover { background-color: #525252; color: #fff; border-color: #525252; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white { max-width: 100%; font-size: 13px; align-content: center; min-height: 0px; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white { font-size: 13px; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white span, .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white i { vertical-align: middle; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .product-buttons .whish_detail_container .btn_details_wish_white i { display: none; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_dett_descr { font-size: 14px; margin: 8% 0; line-height: 20px; } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_dett_descr { font-size: 13px; margin-top: 15px; } } @media (max-width: 575.98px) { .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_dett_descr { letter-spacing: 1px; font-size: 13px !important; text-align: center; } } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_dett_descr ul { margin: 0 0 0 1.5em; } .product-main .details_block_container .detail_full_col_dx .detail_product_info_wrapper .details_article_size_guide { width: 100%; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header { margin: 0 0 0 0; border-top: 0px solid #525252; border-bottom: 1px solid #525252; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header:first-child { border-top: 1px solid #525252; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header:hover { background-color: transparent; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header#headingDetail { margin: 0; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button { color: #525252; font-family: "Arsenal", sans-serif; font-size: 14px; padding: 2%; letter-spacing: 1px; } @media (max-width: 575.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button { padding: 4% 2% 4% 2%; } } @media (max-width: 767.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button { font-size: 14px; } } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button { font-size: 14px; } } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button:not(.collapsed)::after { content: "\f286"; margin-left: 1%; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-header .accordion-button::after { content: "\f282"; margin-left: 1%; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse.collapse.show { display: block !important; visibility: visible; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body { padding: 2%; color: #525252; overflow: visible !important; -webkit-transform: translateZ(0); } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body { font-size: 12px; padding: 2%; } } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_descr { font-size: 14px; line-height: 20px; letter-spacing: 1px; font-weight: 300; text-align: left; margin-bottom: 15px; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_descr { font-size: 11px; } } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_descr ul { list-style: disc; } .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_reso { font-size: 14px; line-height: 20px; } @media (max-width: 1023.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_reso { font-size: 11px; } } @media (max-width: 575.98px) { .product-main .details_block_container .detail_full_col_dx .accordion-product .accordion-collapse .accordion-body .details_article_dett_reso { letter-spacing: 1px; font-size: 13px !important; } } /* =================== ==== ALSO LIKE ==== =================== */ .detail_alsolike_container { display: none; } .detail_alsolike_container .detail_alsolike_title { font-size: 32px; text-align: center; margin: 30px 0 13px; } @media (max-width: 991.98px) { .detail_alsolike_container .detail_alsolike_title { font-size: 26px; } } @media (max-width: 575.98px) { .detail_alsolike_container .detail_alsolike_title { font-size: 22px; } } .detail_alsolike_container .fade_detail_alsolike .slick-prev { left: 30px; } .detail_alsolike_container .fade_detail_alsolike .slick-next { right: 30px; } .detail_alsolike_container .fade_detail_alsolike .slick-prev, .detail_alsolike_container .fade_detail_alsolike .slick-next { top: 8vw; } .detail_alsolike_container .fade_detail_alsolike .slick-prev::before, .detail_alsolike_container .fade_detail_alsolike .slick-next::before { font-size: 42px; } @media (max-width: 991.98px) { .detail_alsolike_container .fade_detail_alsolike .slick-prev::before, .detail_alsolike_container .fade_detail_alsolike .slick-next::before { font-size: 25px; } } @media (max-width: 991.98px) { .detail_alsolike_container .fade_detail_alsolike .slick-prev, .detail_alsolike_container .fade_detail_alsolike .slick-next { top: 17vw; } } @media (max-width: 1023.98px) { .detail_alsolike_container .fade_detail_alsolike .slick-list { padding: 0 15% !important; } } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_img { padding: 0 0 0 0; background-color: #fafafa; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info { bottom: 5px; position: absolute; text-align: center; width: 100%; font-size: 16px; } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_descr { margin: 0; font-size: 15px; } @media (max-width: 1199.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_descr { font-size: 15px; } } @media (max-width: 1023.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_descr { font-size: 12px; } } .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo { font-size: 13px; } @media (max-width: 1023.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo { font-size: 13px; } } @media (max-width: 575.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info .detail_alsolike_prezzo { font-size: 11px; } } @media (max-width: 575.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info { bottom: -10px !important; } } @media (max-width: 767.98px) { .detail_alsolike_container .detail_alsolike_item .detail_alsolike_info { bottom: 10px; } } .store_locator_wrapper { border-bottom: 1px solid; } .store_locator_wrapper .store_locator_text { text-align: center; } .store_locator_wrapper .store_locator_text .general_title { font-size: 24px; } .store_locator_wrapper .store_locator_text .store_locator_block_title { font-weight: 300; font-size: 14px; } .store_locator_wrapper .store_locator_text .store_locator_block_subtitle { font-size: 14px; } .store_locator_wrapper .store_locator_menu { width: 60%; margin: 0 auto; } .store_locator_wrapper .store_locator_menu .store_locator_select { border-bottom-color: transparent; } .store_locator_wrapper .store_locator_menu .store_locator_button { font-weight: 500; } .store_locator_wrapper .store_locator_menu .store_locator_select { width: 60%; } #cart_container .cart_step_wrap { color: #525252; } #cart_container .cart_step_container .card_body_intro { border-left: 3px solid #525252; } #cart_container .cart_step_container .card_body_action button { color: #525252; } @media (max-width: 1199.98px) { #cart_container .cart_step_container .cart_recap_container { top: 87px; } } @media (max-width: 1023.98px) { #cart_container .cart_step_container .cart_recap_container { top: 69px; } } #cart_container .cart_step_container .cart_recap_container a { border: 1px solid #525252; background-color: transparent; color: #525252; } #cart_container .cart_step_container .cart_recap_container a:hover { color: #fff; border: 1px solid #525252; background-color: #525252; } #cart_container .cart_step_container .cart_recap_container .accordion-header { color: #525252; } #cart_container .cart_step_container .cart_recap_container .accordion-header button { color: #525252; } #cart_container .cart_step_container .cart_recap_container .accordion-collapse .cart_descr_title { color: #525252; } #cart_container .cart_step_container .cart_recap_container .accordion-collapse .cart_descr_brand { color: #525252; } #cart_container .cart_step_container .cart_recap_container .accordion-collapse .cart_descr_size { color: #525252; } #cart_container .cart_step_container .cart_recap_container .cart_recap_calc_sped_container .cart_recap_calc_sped_action button { color: #525252; } #cart_container .cart_step_container .cart_recap_container .cart_recap_tot_row { border-top: 2px solid #525252; } #cart_container .cart_step_container .cart_recap_container .cart_recap_button_block .bottone_black { color: #fff; border: 1px solid #525252; background: #525252; } #cart_container .cart_step_container .cart_recap_container .cart_recap_button_block .bottone_black:hover { color: #525252; border: 1px solid #525252; background: transparent; } /* ===================================== ==== LISTA ARTICOLI NEL CARRELLO ==== ===================================== */ .cart_info_container { color: #525252; } .cart_info_container .cart_descr_title { color: #525252; } .cart_info_container .cart_descr_size { color: #525252; } .cart_info_container .cart_qta_01 { display: inline-block; text-align: center; font-size: 12px; } .cart_info_container .cart_qta_02 { display: inline-block; text-align: center; font-size: 12px; margin: 0 10px; } .cart_info_container .cart_qta_03 { display: inline-block; text-align: center; font-size: 12px; } .cart_item_container .cart_price_container { display: flex; flex-direction: column; color: #525252; } .cart_item_container .cart_price_container span { display: block; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist { color: #525252; border: none; background: transparent; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist .bi-bookmark-fill:before { content: "\f199" !important; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i:before { content: "\f199" !important; color: #525252; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_wishlist i { color: #525252; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete { color: #525252; border: none; background: transparent; } .cart_item_container .cart_price_container .cart_icon_container .cart_descr_delete i { color: #525252; } .cs_cart_box { color: #525252; } .cs_cart_box .cs_cart_title { color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_descr_title { color: #525252; margin: 0; font-size: 14px; line-height: 16px; font-weight: 700; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_descr_brand { font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_descr_size { color: #525252; font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_qta_01 { font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_qta_02 { font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_info_container .cart_qta_03 { font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container { font-size: 12px; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist { color: #525252; content: "\f199" !important; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist .bi-bookmark-fill:before { content: "\f199" !important; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i:before { content: "\f199" !important; color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist i { color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist:hover { color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i { color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_items_wrapper .cart_price_container .cart_icon_container .cart_descr_wishlist:hover i:before { color: #525252; content: "\f199" !important; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_articoli { border-top: 3px solid #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_totale_finale { border-top: 1px solid #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_container .cs_cart_totali_wrapper .cs_cart_empty_title { color: #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_btn .bottone_black { color: #fff; background-color: #525252; border: 1px solid #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_btn .bottone_black:hover { color: #525252; background: transparent; border: 1px solid #525252; } .cs_cart_box .cs_cart_container .cs_cart_items_footer .cs_cart_fastcheckout .cs_cart_fastcheckout_overlay { color: #525252; } /* =========================== ==== MY ACCOUNT - MENU ==== =========================== */ .my_account_menu ul li a { color: #525252; border: 1px solid #525252; } .my_account_menu ul li a:hover { color: rgb(255, 255, 255) !important; border: 1px solid #525252; background-color: #525252; } .my_account_menu ul li a.active { color: #525252; border: 1px solid #525252; background-color: rgba(0, 0, 0, 0.1); } .my_account_menu ul li a.active:hover { color: #525252; } /* ============================= ==== MY ACCOUNT - ORDINI ==== ============================= */ #storico-ordini .ordini_container .accordion-item { color: #525252; background-color: #fff; border: 1px solid #525252; } #storico-ordini .ordini_container .accordion-button { color: #525252; } /* ================================ ==== MY ACCOUNT - GIFT CARD ==== ================================ */ .gift_card_container .accordion-item { color: #525252; } .gift_card_container .accordion-button { color: #525252; } .form-check-input:checked { background-color: #525252; border-color: #525252; } .statica_container .statica_txt { color: #525252; } .statica_container .statica_txt .statica_menu a { color: #525252; } .statica_container .statica_txt p { color: #525252; } .statica_container .statica_txt a { color: #525252; } /* ================================== ==== AUTORISPONDITORE - MODAL ==== ================================== */ .modal_adv .modal-body .modal_adv_container { color: #525252 !important; } .modal_adv .modal-body .modal_adv_container .modal_adv_note { color: #525252 !important; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container { width: 100%; margin: 2% 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem .label_general { cursor: pointer; color: #525252; display: block; font-size: 10px; font-weight: 300; min-width: 10%; text-transform: lowercase !important; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem input.general_field_100 { color: #525252 !important; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid #525252 !important; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem input.general_field_100:focus { border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #525252 !important; outline: 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem input.general_field_100:focus-visible { border-top: 0; border-left: 0; border-right: 0; border-bottom: 2px solid #525252 !important; outline: 0; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem input[type=radio] + label { margin: 0 0 0 10px; padding: 10px 0 10px 25px; background-size: 20px; } .modal_adv .modal-body .modal_adv_container .modal_adv_form_container .rowElem .modal_adv_gender { width: 100%; display: flex; justify-content: center; font-size: 10px; text-align: center; } .modal_adv .modal-body .modal_adv_container .modal_adv_btn_container .modal_adv_btn { background-color: #525252; border: 1px solid transparent; } .modal_adv .modal-body .modal_adv_container .modal_adv_btn_container .modal_adv_btn:hover { background-color: transparent; color: #525252; border: 1px solid #525252; } /* ========================================= ==== AUTORISPONDITORE - LANDING PAGE ==== ========================================= */ .reg_form_block_container .reg_form_block_info .reg_form_form_container .rowElem .reg_form_gender_container { width: 100%; display: flex; justify-content: center; font-size: 10px; text-align: center; } .reg_form_block_container .reg_form_block_info .reg_form_form_container .rowElem .reg_form_gender_container .label_general { cursor: pointer; display: block; font-size: 10px; font-weight: 300; min-width: 10%; text-transform: lowercase !important; } .reg_form_block_container .reg_form_block_info .reg_form_form_container .rowElem .reg_form_gender_container input[type=radio] { accent-color: #525252 !important; } .reg_form_block_container .reg_form_block_info .reg_form_form_container .rowElem .reg_form_gender_container input[type=radio] + label { margin: 0 0 0 10px; padding: 10px 0 10px 25px; background-size: 20px; } /* ===================================================== ==== AUTORISPONDITORE - BOTTONE RIAPERTURA MODAL ==== ===================================================== */ .modal_adv_label_container { background-color: #525252; left: auto; right: 20px; } .sc_menu_container { color: #525252; } .sc_menu_container .sc_menu h2, .sc_menu_container .sc_menu .h2 { color: #525252; } .sc_menu_container .sc_menu ul li a { color: #525252; } .sc_menu_container .sc_menu a { color: #525252; } .sc_container h2, .sc_container .h2 { color: #525252; } .sc_container p { color: #525252; } .sc_container a { color: #525252; } .sc_container ul { color: #525252; } .sc_container table { color: #525252; } .fade_home_articles .slick-prev:before, .fade_home_articles .slick-next:before { color: #525252; } /* ================================ ==== DETTAGLIO - SIZE GUIDE ==== ================================ */ .cs_size_box { width: auto !important; } .cs_size_box #TabSizeGuide { border-bottom: 1px solid #525252; } .cs_size_box #TabSizeGuide li button.nav-link { color: #525252; } .cs_size_box #TabSizeGuide li button.nav-link.active { background-color: #525252; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table { border: 1px solid #525252; color: #525252; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table th { border: 1px solid #525252; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table td { border: 1px solid #525252; } .cs_size_box #TabSizeGuideContent #griglia_size_conversion table tr:nth-child(even) { background-color: #FFF; } /* AGGIUNGO SOLTANTAO GLI STILI STRUTTURALI - NON NECESSARIO SE LI METTIAMO TUTTI @import "resources/views/frontend/default-frontend-ffw/scss/structure"; */