@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");

/*
*   WEB FONTS
*   Should be loaded first to avoid rendering issues
*   Fontawesome, you need to modify the path of the webfonts folder in the /Vendors/core2/_fontawesome/scss/_variables.scss file
*/
/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-bacteria:before {
  content: "\e059"; }

.fa-bacterium:before {
  content: "\e05a"; }

.fa-bahai:before {
  content: "\f666"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-biking:before {
  content: "\f84a"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-tissue:before {
  content: "\e05b"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caravan:before {
  content: "\f8ff"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-faucet:before {
  content: "\e005"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-medical:before {
  content: "\e05c"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-sparkles:before {
  content: "\e05d"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-wash:before {
  content: "\e05e"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-handshake-alt-slash:before {
  content: "\e05f"; }

.fa-handshake-slash:before {
  content: "\e060"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-cowboy:before {
  content: "\f8c0"; }

.fa-hat-cowboy-side:before {
  content: "\f8c1"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side-cough:before {
  content: "\e061"; }

.fa-head-side-cough-slash:before {
  content: "\e062"; }

.fa-head-side-mask:before {
  content: "\e063"; }

.fa-head-side-virus:before {
  content: "\e064"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-user:before {
  content: "\e065"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-innosoft:before {
  content: "\e080"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-house:before {
  content: "\e066"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lungs-virus:before {
  content: "\e067"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse:before {
  content: "\f8cc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-arrows:before {
  content: "\e068"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-plane-slash:before {
  content: "\e069"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pump-medical:before {
  content: "\e06a"; }

.fa-pump-soap:before {
  content: "\e06b"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-record-vinyl:before {
  content: "\f8d9"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-remove-format:before {
  content: "\f87d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-virus:before {
  content: "\e06c"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sink:before {
  content: "\e06d"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-soap:before {
  content: "\e06e"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-stopwatch-20:before {
  content: "\e06f"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-store-alt-slash:before {
  content: "\e070"; }

.fa-store-slash:before {
  content: "\e071"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-slash:before {
  content: "\e072"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-trailer:before {
  content: "\e041"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-unity:before {
  content: "\e049"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-slash:before {
  content: "\e073"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-vest:before {
  content: "\e085"; }

.fa-vest-patches:before {
  content: "\e086"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-virus:before {
  content: "\e074"; }

.fa-virus-slash:before {
  content: "\e075"; }

.fa-viruses:before {
  content: "\e076"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-water:before {
  content: "\f773"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot");
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot");
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot");
  src: url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff2") format("woff2"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.woff") format("woff"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.ttf") format("truetype"), url("https://use.fontawesome.com/releases/v5.15.4/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

/*
*   FUNCTIONS HAS TO BE IMPORTED FIRST (WITH THE EXCEPTION OF WEB FONTS) TO PROPERLY GENERATE NEW UTILITY MIXINS AND FUNCTIONS
*/
/*
*   K-ECOMMERCE CORE FUNCTIONS
*/
/*
* 	UTILITIES: FUNCTIONS
*--------------------------
*	functions available in the SCSS files
*	used to accelerate rendering and coding.
*/
/*
*	FUNCTION REM()
*	PARAMETER $value: a pixel value to be converted to REM
*	PARAMETER $base (OPTIONAL): a pixel value used for base
*   REM is egual to the computed value of the font-size that applies to the root element (html).
*	By passing a value in pixel, it will return the computed REM value
*	on a 16 pixel base.
*/
/*
*	FUNCTION EM()
*	PARAMETER $value: a pixel value to be converted to EM
*	PARAMETER $base (OPTIONAL): a pixel value used for base
*   EM is relative to the computed value of the font-size that applies to the parent of the element in question.
*	By passing a value in pixel, it will return the computed EM value
*	on a 16 pixel base.
*/
/*
*	FUNCTION FA-CONTENT()
*	PARAMETER $fa-var: a font-awesome icon code
*	Convenience function used to set content property
*	https://github.com/FortAwesome/font-awesome-sass/blob/master/assets/stylesheets/font-awesome/_variables.scss
*/
/*
*	FUNCTION STR-REPLACE()
*	PARAMETER: a string
*	PARAMETER: keyword to search
*	PARAMETER: replacement word
*	By passing a string with a keyword to search and replace, it will return the replaced string
*   https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6
*/
/*
*	FUNCTION ENCODECOLOR()
*	PARAMETER: a string
*	Convert color to hex
*	(!) Does not work with colors containing alpha
*   https://gist.github.com/certainlyakey/e9c0d8f5c87ff47e3d5b
*/
/*
*   K-ECOMMERCE CORE BASE REDEFINED BOOTSTRAP VARIABLES VALUES
*   Should be loaded before initial bootstrap file
*/
/*
*--------------------------------------------------
* 	UTILITIES: VARIABLES-OVERRIDES: CORE BASE
*--------------------------------------------------
*
*	Please add the variable that you need to override
*	from Bootstrap original file. This utility file is
*	loaded before Bootstrap core file.
*
*	This utility is only intended to be used for the core base.
*
*	For theme customization, please use the redefine variable
*	document within your theme folder
*
*	Make sure there's no !default in this document, otherwise
*	it will not work.
*
*/
/*	
* #bootstrap5fix#
* WCAG Color Contrast Ratio fixes
*/
/*	
* #bootstrap5fix#
*	Changing xxl breakpoint for 1500px and up for edge cases
*	Setting a new breakpoint for 400px to 575px for intermediate mobile size
*/
/*
*	setting the size of the spacer by default to a more standard size
*/
/*
*	#bootstrap5fix# 
*	Contrast ratio 4.98:1 to meet WCAG AA
*/
/*
*	#bootstrap5fix# 
* reset validation background image
*/
/*
*	#bootstrap5fix# 
*	adding a new size in the spacers map for a smaller spacer.
*	this smaller spacer is especially used with my-* and my-n* so that
*	combined margins equals as a mb-1.
*	my-1small and my-n1small
*/
/*
*	#bootstrap5fix#
*	Custom-select background size was hard-coded as a single variable with both values.
*	To replicate the same dropdown visual for the flexbox dropdown,
*	the values needed to be in seperate variables to set the width and height of the custom icon
*/
/*
*	#bootstrap5fix#
* Table displayed in card__footer or cards with a background have a contrasting background, so we set it to transparent
* so it inherits the background it is nested into.
*/
/*
 *  Because of our min-height on inputs for accessibility issues, paddings for inputs-btn needs to be adjusted to keep floating labels centered.
 *  $input-btn-* is the base for all inherinting btn variables in Bootstrap5, which is why we are setting it instead of $btn-*.
*/
/*
 *  local font-awesome path to load icons
*/
/*
 *  local bootstrap-icons path to load icons
*/
/*
*   CUSTOMER THEME REDEFINED VARIABLES VALUES
*   Should be loaded before initial bootstrap file
*/
/*
*--------------------------------------------------
*	UTILITIES: VARIABLES-OVERRIDES: THEME
*--------------------------------------------------
*
*	Please add the variable that need to be overridden
* 	from Bootstrap original file. This utility file is
* 	loaded before Bootstrap core file.
*
*	Override values can only be raw values, not other variables
*	as Bootstrap's variables and maps have not been loaded yet.
*
*	Variables can be used as values if they have been defined before
*	in this file.
*	
* 	This utility file should be used within your theme
* 	folder.
*
* 	Make sure there's no !default in this document, otherwise
* 	it will not work.
*
*/
/***********************************************************************************************************
        MANDATORY VARIABLES REDEFINITION: USED FOR REPORT GENERATION OR TO CHANGE FROM DARK TO LIGHT THEME
*/
/***************************************************************************************************************/
/***************************************************************************************************************/
/*
 *--------------------------------------------------
 * UTILITIES: CUSTOMER THEME VARIABLES OVERIDES
 *--------------------------------------------------
 *  
 *	Please add the variable that need to be overridden
 * 	from Bootstrap original file. This utility file is
 * 	loaded before Bootstrap core file.
 *
 *  Here, you can redefined, for a customer, variables that will override the one
 *  loaded in /utilities/_variables-overrides.scss 
 *
*/
/*
*   BOOTSTRAP: BASE VARIABLES AND FUNCTIONS
*/
/*!
   * Bootstrap  v5.3.0 (https://getbootstrap.com/)
   * Copyright 2011-2023 The Bootstrap Authors
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
/*
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/functions";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/variables";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/mixins";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/utilities";
*/
/*
*   CUSTOMER THEME VARIABLES NEEDING BOOTSTRAP FOR DEFAULT VALUES
*	HAS TO BE SET AFTER BOOTSTRAP VARIABLES BUT BEFORE BOOTSTRAP STYLES TO BE ABLE TO CHANGE VARIABLES BASED ON ANOTHER VARIABLE
*/
/*
 *--------------------------------------------------
 * UTILITIES: VARIABLES: THEME
 *--------------------------------------------------
 *
 * Here you can redefined core base variables. Since this is loaded
 * after Bootstrap, original boostrap variables can be used.
 *
 *
 * If you are redefining variables, make sure there's no !default in
 * this document, otherwise it will not work.
 *
 * You can as well add new custom variables for your theme if needed.
 *
 */
/*
 *	THEME STYLE
 */
/* CUSTOM VARIABLE */
/* There is no defined style in Bootstrap for the .active class, although the class exists and is used by features */
/* OWL CAROUSEL */
/**************************/
/*      STATUS BAR      */
/************************/
/*  CART SUMMARY        */
/*************************/
/*     CARD         */
/**************************/
/*      POPOVERS      */
/*
* TOAST, used as status bar
*/
/*
 *--------------------------------------------------
 * UTILITIES: CUSTOMER THEME VARIABLES
 *--------------------------------------------------
 *  
 *  Here you can redefined core base variables. Since this is loaded
 *  after Bootstrap, original boostrap variables can be used.
 *
 *  Here, you can redefined, for a customer, variables that will override the one
 *  loaded in /utilities/_variables.scss
 *
*/
/*
*	BOOTSTRAP: BASE THAT WILL USE THE !DEFAULT VARIABLES OR THE REDEFINED ONE IN THE THEME
*/
: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: #e6ae06;
  --bs-green: #24963e;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #000000;
  --bs-secondary: #000000;
  --bs-success: #24963e;
  --bs-info: #0dcaf0;
  --bs-warning: #e6ae06;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 0, 0, 0;
  --bs-secondary-rgb: 0, 0, 0;
  --bs-success-rgb: 36, 150, 62;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 230, 174, 6;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: black;
  --bs-secondary-text-emphasis: black;
  --bs-success-text-emphasis: #0e3c19;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #5c4602;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cccccc;
  --bs-secondary-bg-subtle: #cccccc;
  --bs-success-bg-subtle: #d3ead8;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #faefcd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #999999;
  --bs-secondary-border-subtle: #999999;
  --bs-success-border-subtle: #a7d5b2;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #f5df9b;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Poppins", sans-serif;
  --bs-body-font-size: 0.9375rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000000;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #262626;
  --bs-secondary-color-rgb: 38, 38, 38;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(0, 0, 0, 0.5);
  --bs-tertiary-color-rgb: 0, 0, 0;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #000000;
  --bs-link-color-rgb: 0, 0, 0;
  --bs-link-decoration: underline;
  --bs-link-hover-color: black;
  --bs-link-hover-color-rgb: 0, 0, 0;
  --bs-link-hover-decoration: none;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #faefcd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #000000;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.6;
  --bs-focus-ring-color: rgba(0, 0, 0, 0.6);
  --bs-form-valid-color: #24963e;
  --bs-form-valid-border-color: #24963e;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545; }

*,
*::before,
*::after {
  box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth; } }

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

hr {
  margin: 1.875rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid #000000;
  opacity: 1; }

h6, .h6, h5, .h5, h4, .h4, h3, .h3, .powersearch__title, .modal__title, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.9375rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color); }

h1, .h1 {
  font-size: calc(1.35938rem + 1.3125vw); }
  @media (min-width: 1200px) {
    h1, .h1 {
      font-size: 2.34375rem; } }
h2, .h2 {
  font-size: calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    h2, .h2 {
      font-size: 1.875rem; } }
h3, .h3, .powersearch__title, .modal__title {
  font-size: calc(1.28906rem + 0.46875vw); }
  @media (min-width: 1200px) {
    h3, .h3, .powersearch__title, .modal__title {
      font-size: 1.64062rem; } }
h4, .h4 {
  font-size: calc(1.26563rem + 0.1875vw); }
  @media (min-width: 1200px) {
    h4, .h4 {
      font-size: 1.40625rem; } }
h5, .h5 {
  font-size: 1.17188rem; }

h6, .h6 {
  font-size: 0.9375rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  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: .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;
  background-color: var(--bs-highlight-bg); }

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.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);
    text-decoration: none; }

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); }
  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: #495057;
  text-align: left; }

th {
  text-align: inherit;
  text-align: -webkit-match-parent; }

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0; }

label {
  display: inline-block; }

button {
  border-radius: 0; }

button:focus:not(:focus-visible) {
  outline: 0; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
select {
  text-transform: none; }

[role="button"] {
  cursor: pointer; }

select {
  word-wrap: normal; }
  select:disabled {
    opacity: 1; }

[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator {
  display: none !important; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }
  button:not(:disabled),
  [type="button"]:not(:disabled),
  [type="reset"]:not(:disabled),
  [type="submit"]:not(:disabled) {
    cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border-style: none; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit; }
  @media (min-width: 1200px) {
    legend {
      font-size: 1.5rem; } }
  legend + * {
    clear: left; }

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0; }

::-webkit-inner-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield; }

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-color-swatch-wrapper {
  padding: 0; }

::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.17188rem;
  font-weight: 300; }

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-1 {
      font-size: 5rem; } }
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-2 {
      font-size: 4.5rem; } }
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-3 {
      font-size: 4rem; } }
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-4 {
      font-size: 3.5rem; } }
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-5 {
      font-size: 3rem; } }
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2; }
  @media (min-width: 1200px) {
    .display-6 {
      font-size: 2.5rem; } }
.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 0.875em;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1.875rem;
  font-size: 1.17188rem; }
  .blockquote > :last-child {
    margin-bottom: 0; }

.blockquote-footer {
  margin-top: -1.875rem;
  margin-bottom: 1.875rem;
  font-size: 0.875em;
  color: #6c757d; }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.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);
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.9375rem;
  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) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto; }

@media (min-width: 576px) {
  .container-sm, .container-xsm, .container {
    max-width: 540px; } }

@media (min-width: 768px) {
  .container-md, .container-sm, .container-xsm, .container {
    max-width: 720px; } }

@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container-xsm, .container {
    max-width: 960px; } }

@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container-xsm, .container {
    max-width: 1140px; } }

@media (min-width: 1500px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-xsm, .container {
    max-width: 1320px; } }

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-xsm: 400px;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1500px; }

.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(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .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.33333%; }

.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.66667%; }

.col-auto {
  flex: 0 0 auto;
  width: auto; }

.col-1 {
  flex: 0 0 auto;
  width: 8.33333%; }

.col-2 {
  flex: 0 0 auto;
  width: 16.66667%; }

.col-3 {
  flex: 0 0 auto;
  width: 25%; }

.col-4 {
  flex: 0 0 auto;
  width: 33.33333%; }

.col-5 {
  flex: 0 0 auto;
  width: 41.66667%; }

.col-6 {
  flex: 0 0 auto;
  width: 50%; }

.col-7 {
  flex: 0 0 auto;
  width: 58.33333%; }

.col-8 {
  flex: 0 0 auto;
  width: 66.66667%; }

.col-9 {
  flex: 0 0 auto;
  width: 75%; }

.col-10 {
  flex: 0 0 auto;
  width: 83.33333%; }

.col-11 {
  flex: 0 0 auto;
  width: 91.66667%; }

.col-12 {
  flex: 0 0 auto;
  width: 100%; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

.g-0,
.gx-0 {
  --bs-gutter-x: 0; }

.g-0,
.gy-0 {
  --bs-gutter-y: 0; }

.g-1small,
.gx-1small {
  --bs-gutter-x: 0.23438rem; }

.g-1small,
.gy-1small {
  --bs-gutter-y: 0.23438rem; }

.g-1,
.gx-1 {
  --bs-gutter-x: 0.46875rem; }

.g-1,
.gy-1 {
  --bs-gutter-y: 0.46875rem; }

.g-2,
.gx-2 {
  --bs-gutter-x: 0.9375rem; }

.g-2,
.gy-2 {
  --bs-gutter-y: 0.9375rem; }

.g-3,
.gx-3 {
  --bs-gutter-x: 1.875rem; }

.g-3,
.gy-3 {
  --bs-gutter-y: 1.875rem; }

.g-4,
.gx-4 {
  --bs-gutter-x: 2.8125rem; }

.g-4,
.gy-4 {
  --bs-gutter-y: 2.8125rem; }

.g-5,
.gx-5 {
  --bs-gutter-x: 5.625rem; }

.g-5,
.gy-5 {
  --bs-gutter-y: 5.625rem; }

@media (min-width: 400px) {
  .col-xsm {
    flex: 1 0 0%; }
  .row-cols-xsm-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xsm-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xsm-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xsm-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xsm-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xsm-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xsm-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xsm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xsm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xsm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xsm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xsm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xsm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xsm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xsm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xsm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xsm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xsm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xsm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xsm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xsm-0 {
    margin-left: 0; }
  .offset-xsm-1 {
    margin-left: 8.33333%; }
  .offset-xsm-2 {
    margin-left: 16.66667%; }
  .offset-xsm-3 {
    margin-left: 25%; }
  .offset-xsm-4 {
    margin-left: 33.33333%; }
  .offset-xsm-5 {
    margin-left: 41.66667%; }
  .offset-xsm-6 {
    margin-left: 50%; }
  .offset-xsm-7 {
    margin-left: 58.33333%; }
  .offset-xsm-8 {
    margin-left: 66.66667%; }
  .offset-xsm-9 {
    margin-left: 75%; }
  .offset-xsm-10 {
    margin-left: 83.33333%; }
  .offset-xsm-11 {
    margin-left: 91.66667%; }
  .g-xsm-0,
  .gx-xsm-0 {
    --bs-gutter-x: 0; }
  .g-xsm-0,
  .gy-xsm-0 {
    --bs-gutter-y: 0; }
  .g-xsm-1small,
  .gx-xsm-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-xsm-1small,
  .gy-xsm-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-xsm-1,
  .gx-xsm-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-xsm-1,
  .gy-xsm-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-xsm-2,
  .gx-xsm-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-xsm-2,
  .gy-xsm-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-xsm-3,
  .gx-xsm-3 {
    --bs-gutter-x: 1.875rem; }
  .g-xsm-3,
  .gy-xsm-3 {
    --bs-gutter-y: 1.875rem; }
  .g-xsm-4,
  .gx-xsm-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-xsm-4,
  .gy-xsm-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-xsm-5,
  .gx-xsm-5 {
    --bs-gutter-x: 5.625rem; }
  .g-xsm-5,
  .gy-xsm-5 {
    --bs-gutter-y: 5.625rem; } }

@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.33333%; }
  .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.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0; }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0; }
  .g-sm-1small,
  .gx-sm-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-sm-1small,
  .gy-sm-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1.875rem; }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1.875rem; }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 5.625rem; }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 5.625rem; } }

@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.33333%; }
  .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.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0; }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0; }
  .g-md-1small,
  .gx-md-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-md-1small,
  .gy-md-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1.875rem; }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1.875rem; }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 5.625rem; }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 5.625rem; } }

@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.33333%; }
  .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.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0; }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0; }
  .g-lg-1small,
  .gx-lg-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-lg-1small,
  .gy-lg-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1.875rem; }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1.875rem; }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 5.625rem; }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 5.625rem; } }

@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.33333%; }
  .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.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0; }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0; }
  .g-xl-1small,
  .gx-xl-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-xl-1small,
  .gy-xl-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1.875rem; }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1.875rem; }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 5.625rem; }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 5.625rem; } }

@media (min-width: 1500px) {
  .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.33333%; }
  .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.66667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0; }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0; }
  .g-xxl-1small,
  .gx-xxl-1small {
    --bs-gutter-x: 0.23438rem; }
  .g-xxl-1small,
  .gy-xxl-1small {
    --bs-gutter-y: 0.23438rem; }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.46875rem; }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.46875rem; }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.9375rem; }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.9375rem; }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1.875rem; }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1.875rem; }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 2.8125rem; }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 2.8125rem; }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 5.625rem; }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 5.625rem; } }

.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-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.045);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1.875rem;
  vertical-align: middle;
  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: #cccccc;
  --bs-table-border-color: #b8b8b8;
  --bs-table-striped-bg: #c2c2c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c3c3c3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdbdbd;
  --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: #cccccc;
  --bs-table-border-color: #b8b8b8;
  --bs-table-striped-bg: #c2c2c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c3c3c3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdbdbd;
  --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: #d3ead8;
  --bs-table-border-color: #bed3c2;
  --bs-table-striped-bg: #c8decd;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cadfce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c3d8c8;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c6e9f1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #faefcd;
  --bs-table-border-color: #e1d7b9;
  --bs-table-striped-bg: #eee3c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #efe4c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e7ddbe;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #edcdd0;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #edeeef;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #2b2f33;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color); }

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }

@media (max-width: 399.98px) {
  .table-responsive-xsm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

@media (max-width: 1499.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; } }

.form-label {
  margin-bottom: 0.5rem; }

.col-form-label {
  padding-top: calc(0.75rem + var(--bs-border-width));
  padding-bottom: calc(0.75rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(1.125rem + var(--bs-border-width));
  padding-bottom: calc(1.125rem + var(--bs-border-width));
  font-size: 1.17188rem; }

.col-form-label-sm {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  font-size: 0.82031rem; }

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color); }

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  background-color: #ffffff;
  background-clip: padding-box;
  border: var(--bs-border-width) solid #000000;
  appearance: none;
  border-radius: 0;
  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: #000000;
    background-color: #ffffff;
    border-color: gray;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0; }
  .form-control::-webkit-datetime-edit {
    display: block;
    padding: 0; }
  .form-control::placeholder {
    color: #495057;
    opacity: 1; }
  .form-control:disabled {
    background-color: #f2f2f2;
    border-color: #000000;
    opacity: 1; }
  .form-control::file-selector-button {
    padding: 0.75rem 0.9375rem;
    margin: -0.75rem -0.9375rem;
    margin-inline-end: 0.9375rem;
    color: #000000;
    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.75rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0; }
  .form-control-plaintext:focus {
    outline: 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem 0.5rem;
  font-size: 0.82031rem; }
  .form-control-sm::file-selector-button {
    padding: 0.375rem 0.5rem;
    margin: -0.375rem -0.5rem;
    margin-inline-end: 0.5rem; }

.form-control-lg {
  min-height: calc(1.5em + 2.25rem + calc(var(--bs-border-width) * 2));
  padding: 1.125rem 1.375rem;
  font-size: 1.17188rem; }
  .form-control-lg::file-selector-button {
    padding: 1.125rem 1.375rem;
    margin: -1.125rem -1.375rem;
    margin-inline-end: 1.375rem; }

textarea.form-control {
  min-height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2)); }

textarea.form-control-sm {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); }

textarea.form-control-lg {
  min-height: calc(1.5em + 2.25rem + calc(var(--bs-border-width) * 2)); }

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.75rem; }
  .form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer; }
  .form-control-color::-moz-color-swatch {
    border: 0 !important; }
  .form-control-color::-webkit-color-swatch {
    border: 0 !important; }
  .form-control-color.form-control-sm {
    height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); }
  .form-control-color.form-control-lg {
    height: calc(1.5em + 2.25rem + 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='%23000000' 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.75rem 2.8125rem 0.75rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  background-color: #ffffff;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.9375rem center;
  background-size: 8px 10px;
  border: var(--bs-border-width) solid #000000;
  border-radius: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none; }
  @media (prefers-reduced-motion: reduce) {
    .form-select {
      transition: none; } }
  .form-select:focus {
    border-color: gray;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form-select[multiple], .form-select[size]:not([size="1"]) {
    padding-right: 0.9375rem;
    background-image: none; }
  .form-select:disabled {
    color: black;
    background-color: #f2f2f2;
    border-color: #000000; }
  .form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000000; }

.form-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-left: 0.5rem;
  font-size: 0.82031rem; }

.form-select-lg {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  padding-left: 1.375rem;
  font-size: 1.17188rem; }

.form-check {
  display: block;
  min-height: 1.40625rem;
  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: #ffffff;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  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: 1px solid #000000;
  appearance: none;
  print-color-adjust: exact; }
  .form-check-input[type="radio"] {
    border-radius: 50%; }
  .form-check-input:active {
    filter: brightness(90%); }
  .form-check-input:focus {
    border-color: gray;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form-check-input:checked {
    background-color: #000000;
    border-color: #000000; }
    .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: #000000;
    border-color: #000000;
    --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='%23000000'/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    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='%23000000'/%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; }

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .form-range:focus {
    outline: 0; }
    .form-range:focus::-webkit-slider-thumb {
      box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form-range::-moz-focus-outer {
    border: 0; }
  .form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #000000;
    border: 0;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-webkit-slider-thumb {
        transition: none; } }
    .form-range::-webkit-slider-thumb:active {
      background-color: #b3b3b3; }
  .form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: transparent; }
  .form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #000000;
    border: 0;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .form-range::-moz-range-thumb {
        transition: none; } }
    .form-range::-moz-range-thumb:active {
      background-color: #b3b3b3; }
  .form-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--bs-tertiary-bg);
    border-color: transparent; }
  .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;
    height: 100%;
    padding: 1rem 0.9375rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .form-floating > label {
        transition: none; } }
  .form-floating > .form-control,
  .form-floating > .form-control-plaintext {
    padding: 1rem 0.9375rem; }
    .form-floating > .form-control::placeholder,
    .form-floating > .form-control-plaintext::placeholder {
      color: transparent; }
    .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
    .form-floating > .form-control-plaintext:focus,
    .form-floating > .form-control-plaintext:not(:placeholder-shown) {
      padding-top: 1.625rem;
      padding-bottom: 0.625rem; }
    .form-floating > .form-control:-webkit-autofill,
    .form-floating > .form-control-plaintext:-webkit-autofill {
      padding-top: 1.625rem;
      padding-bottom: 0.625rem; }
  .form-floating > .form-select {
    padding-top: 1.625rem;
    padding-bottom: 0.625rem; }
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-control-plaintext ~ label,
  .form-floating > .form-select ~ label {
    color: rgba(var(--bs-body-color-rgb), 0.85);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
    .form-floating > .form-control:focus ~ label::after,
    .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
    .form-floating > .form-control-plaintext ~ label::after,
    .form-floating > .form-select ~ label::after {
      position: absolute;
      inset: 1rem 0.46875rem;
      z-index: -1;
      height: 1.5em;
      content: "";
      background-color: #ffffff; }
  .form-floating > .form-control:-webkit-autofill ~ label {
    color: rgba(var(--bs-body-color-rgb), 0.85);
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); }
  .form-floating > .form-control-plaintext ~ label {
    border-width: var(--bs-border-width) 0; }
  .form-floating > :disabled ~ label {
    color: #6c757d; }
    .form-floating > :disabled ~ label::after {
      background-color: #f2f2f2; }

.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.75rem 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  background-color: #f2f2f2;
  border: var(--bs-border-width) solid #000000; }

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 1.125rem 1.375rem;
  font-size: 1.17188rem; }

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.375rem 0.5rem;
  font-size: 0.82031rem; }

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3.75rem; }

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1); }

.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.46875rem 0.9375rem;
  margin-top: .1rem;
  font-size: 0.82031rem;
  color: #fff;
  background-color: var(--bs-success); }

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 1.5rem);
  background-image: none;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
  .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.6); }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); }

.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: none;
    padding-right: 5.15625rem;
    background-position: right 0.9375rem center, center right 2.8125rem;
    background-size: 8px 10px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
  .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.6); }

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 1.5rem)); }

.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.6); }
  .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: .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.46875rem 0.9375rem;
  margin-top: .1rem;
  font-size: 0.82031rem;
  color: #fff;
  background-color: var(--bs-danger); }

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 1.5rem);
  background-image: none;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
  .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.6); }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem); }

.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: none;
    padding-right: 5.15625rem;
    background-position: right 0.9375rem center, center right 2.8125rem;
    background-size: 8px 10px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem); }
  .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.6); }

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 1.5rem)); }

.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.6); }
  .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: .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.9375rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 0.9375rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  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.ec-flexbox-selected, .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.ec-flexbox-selected:focus-visible, .btn.show:focus-visible {
      box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity); }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --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: #000000;
  --bs-btn-disabled-border-color: #000000; }

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #000000;
  --bs-btn-border-color: #000000;
  --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: #000000;
  --bs-btn-disabled-border-color: #000000; }

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #24963e;
  --bs-btn-border-color: #24963e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #45a65b;
  --bs-btn-hover-border-color: #3aa151;
  --bs-btn-focus-shadow-rgb: 31, 128, 53;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #50ab65;
  --bs-btn-active-border-color: #3aa151;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #24963e;
  --bs-btn-disabled-border-color: #24963e; }

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; }

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #e6ae06;
  --bs-btn-border-color: #e6ae06;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eaba2b;
  --bs-btn-hover-border-color: #e9b61f;
  --bs-btn-focus-shadow-rgb: 196, 148, 5;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ebbe38;
  --bs-btn-active-border-color: #e9b61f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e6ae06;
  --bs-btn-disabled-border-color: #e6ae06; }

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545; }

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa; }

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529; }

.btn-outline-primary {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #000000;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #000000;
  --bs-btn-border-color: #000000;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000000;
  --bs-btn-hover-border-color: #000000;
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000000;
  --bs-btn-active-border-color: #000000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #000000;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #24963e;
  --bs-btn-border-color: #24963e;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #24963e;
  --bs-btn-hover-border-color: #24963e;
  --bs-btn-focus-shadow-rgb: 36, 150, 62;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #24963e;
  --bs-btn-active-border-color: #24963e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #24963e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #24963e;
  --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: #e6ae06;
  --bs-btn-border-color: #e6ae06;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e6ae06;
  --bs-btn-hover-border-color: #e6ae06;
  --bs-btn-focus-shadow-rgb: 230, 174, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e6ae06;
  --bs-btn-active-border-color: #e6ae06;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e6ae06;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e6ae06;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none; }

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 38, 38, 38;
  text-decoration: underline; }
  .btn-link:hover, .btn-link:focus-visible {
    text-decoration: none; }
  .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: 1.125rem;
  --bs-btn-padding-x: 1.375rem;
  --bs-btn-font-size: 1.17188rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg); }

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.82031rem;
  --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.9375rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-border-color: #000000;
  --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: #000000;
  --bs-dropdown-divider-margin-y: 0.9375rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #000000;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: #000000;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #000000;
  --bs-dropdown-link-disabled-color: #262626;
  --bs-dropdown-item-padding-x: 1.875rem;
  --bs-dropdown-item-padding-y: 0.46875rem;
  --bs-dropdown-header-color: #000000;
  --bs-dropdown-header-padding-x: 1.875rem;
  --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); }
  .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: 400px) {
  .dropdown-menu-xsm-start {
    --bs-position: start; }
    .dropdown-menu-xsm-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-xsm-end {
    --bs-position: end; }
    .dropdown-menu-xsm-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start; }
    .dropdown-menu-sm-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-sm-end {
    --bs-position: end; }
    .dropdown-menu-sm-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start; }
    .dropdown-menu-md-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-md-end {
    --bs-position: end; }
    .dropdown-menu-md-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start; }
    .dropdown-menu-lg-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-lg-end {
    --bs-position: end; }
    .dropdown-menu-lg-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start; }
    .dropdown-menu-xl-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-xl-end {
    --bs-position: end; }
    .dropdown-menu-xl-end[data-bs-popper] {
      right: 0;
      left: auto; } }

@media (min-width: 1500px) {
  .dropdown-menu-xxl-start {
    --bs-position: start; }
    .dropdown-menu-xxl-start[data-bs-popper] {
      right: auto;
      left: 0; }
  .dropdown-menu-xxl-end {
    --bs-position: end; }
    .dropdown-menu-xxl-end[data-bs-popper] {
      right: 0;
      left: auto; } }

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer); }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer); }

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropend .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropend .dropdown-toggle::after {
  vertical-align: 0; }

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer); }

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropstart .dropdown-toggle::after {
  display: none; }

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropstart .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg); }
  .dropdown-item.active, .dropdown-item.ec-flexbox-selected, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg); }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent; }

.dropdown-menu.show {
  display: block; }

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.82031rem;
  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: #000000;
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: #000000;
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #000000;
  --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 > .btn.ec-flexbox-selected,
  .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,
  .btn-group-vertical > .btn.ec-flexbox-selected {
    z-index: 1; }

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1); }

.dropdown-toggle-split {
  padding-right: 0.70312rem;
  padding-left: 0.70312rem; }
  .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: 1.03125rem;
  padding-left: 1.03125rem; }

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center; }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: calc(var(--bs-border-width) * -1); }

.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, .menu__item--preferred-store .store-locator__link--no-preferred-store {
  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, .menu__item--preferred-store .store-locator__link--no-preferred-store {
      transition: none; } }
  .nav-link:hover, .menu__item--preferred-store .store-locator__link--no-preferred-store:hover, .nav-link:focus, .menu__item--preferred-store .store-locator__link--no-preferred-store:focus {
    color: var(--bs-nav-link-hover-color); }
  .nav-link:focus-visible, .menu__item--preferred-store .store-locator__link--no-preferred-store:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .nav-link.disabled, .menu__item--preferred-store .disabled.store-locator__link--no-preferred-store {
    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: #000000;
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: #000000;
  --bs-nav-tabs-link-active-color: #000000;
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: #000000 #000000 #ffffff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); }
  .nav-tabs .nav-link, .nav-tabs .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-tabs .store-locator__link--no-preferred-store {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent; }
    .nav-tabs .nav-link:hover, .nav-tabs .menu__item--preferred-store .store-locator__link--no-preferred-store:hover, .menu__item--preferred-store .nav-tabs .store-locator__link--no-preferred-store:hover, .nav-tabs .nav-link:focus, .nav-tabs .menu__item--preferred-store .store-locator__link--no-preferred-store:focus, .menu__item--preferred-store .nav-tabs .store-locator__link--no-preferred-store:focus {
      isolation: isolate;
      border-color: var(--bs-nav-tabs-link-hover-border-color); }
    .nav-tabs .nav-link.disabled, .nav-tabs .menu__item--preferred-store .disabled.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-tabs .disabled.store-locator__link--no-preferred-store, .nav-tabs .nav-link:disabled, .nav-tabs .menu__item--preferred-store .store-locator__link--no-preferred-store:disabled, .menu__item--preferred-store .nav-tabs .store-locator__link--no-preferred-store:disabled {
      color: var(--bs-nav-link-disabled-color);
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active, .nav-tabs .menu__item--preferred-store .active.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-tabs .active.store-locator__link--no-preferred-store, .nav-tabs .nav-link.ec-flexbox-selected, .nav-tabs .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-tabs .ec-flexbox-selected.store-locator__link--no-preferred-store,
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-item.show .menu__item--preferred-store .store-locator__link--no-preferred-store,
  .menu__item--preferred-store .nav-tabs .nav-item.show .store-locator__link--no-preferred-store {
    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)); }

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #000000; }
  .nav-pills .nav-link:disabled, .nav-pills .menu__item--preferred-store .store-locator__link--no-preferred-store:disabled, .menu__item--preferred-store .nav-pills .store-locator__link--no-preferred-store:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: transparent;
    border-color: transparent; }
  .nav-pills .nav-link.active, .nav-pills .menu__item--preferred-store .active.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-pills .active.store-locator__link--no-preferred-store, .nav-pills .nav-link.ec-flexbox-selected, .nav-pills .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-pills .ec-flexbox-selected.store-locator__link--no-preferred-store,
  .nav-pills .show > .nav-link,
  .nav-pills .menu__item--preferred-store .show > .store-locator__link--no-preferred-store,
  .menu__item--preferred-store .nav-pills .show > .store-locator__link--no-preferred-store {
    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, .nav-underline .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-underline .store-locator__link--no-preferred-store {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent; }
    .nav-underline .nav-link:hover, .nav-underline .menu__item--preferred-store .store-locator__link--no-preferred-store:hover, .menu__item--preferred-store .nav-underline .store-locator__link--no-preferred-store:hover, .nav-underline .nav-link:focus, .nav-underline .menu__item--preferred-store .store-locator__link--no-preferred-store:focus, .menu__item--preferred-store .nav-underline .store-locator__link--no-preferred-store:focus {
      border-bottom-color: currentcolor; }
  .nav-underline .nav-link.active, .nav-underline .menu__item--preferred-store .active.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-underline .active.store-locator__link--no-preferred-store, .nav-underline .nav-link.ec-flexbox-selected, .nav-underline .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-underline .ec-flexbox-selected.store-locator__link--no-preferred-store,
  .nav-underline .show > .nav-link,
  .nav-underline .menu__item--preferred-store .show > .store-locator__link--no-preferred-store,
  .menu__item--preferred-store .nav-underline .show > .store-locator__link--no-preferred-store {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor; }

.nav-fill > .nav-link, .menu__item--preferred-store .nav-fill > .store-locator__link--no-preferred-store,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center; }

.nav-justified > .nav-link, .menu__item--preferred-store .nav-justified > .store-locator__link--no-preferred-store,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center; }

.nav-fill .nav-item .nav-link, .nav-fill .nav-item .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .nav-fill .nav-item .store-locator__link--no-preferred-store,
.nav-justified .nav-item .nav-link,
.nav-justified .nav-item .menu__item--preferred-store .store-locator__link--no-preferred-store,
.menu__item--preferred-store .nav-justified .nav-item .store-locator__link--no-preferred-store {
  width: 100%; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active, .tab-content > .ec-flexbox-selected {
  display: block; }

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.9375rem;
  --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.32422rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.17188rem;
  --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.17188rem;
  --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%280, 0, 0, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); }
  .navbar > .container,
  .navbar > .container-fluid,
  .navbar > .container-sm,
  .navbar > .container-md,
  .navbar > .container-lg,
  .navbar > .container-xl,
  .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between; }

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color); }

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link.active, .navbar-nav .menu__item--preferred-store .active.store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-nav .active.store-locator__link--no-preferred-store, .navbar-nav .nav-link.ec-flexbox-selected, .navbar-nav .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-nav .ec-flexbox-selected.store-locator__link--no-preferred-store, .navbar-nav .nav-link.show, .navbar-nav .menu__item--preferred-store .show.store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-nav .show.store-locator__link--no-preferred-store {
    color: var(--bs-navbar-active-color); }
  .navbar-nav .dropdown-menu {
    position: static; }

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color); }
  .navbar-text a,
  .navbar-text a:hover,
  .navbar-text a:focus {
    color: var(--bs-navbar-active-color); }

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center; }

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  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: 400px) {
  .navbar-expand-xsm {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xsm .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xsm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xsm .navbar-nav .nav-link, .navbar-expand-xsm .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-xsm .navbar-nav .store-locator__link--no-preferred-store {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-xsm .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-xsm .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-xsm .navbar-toggler {
      display: none; }
    .navbar-expand-xsm .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-xsm .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-xsm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@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, .navbar-expand-sm .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-sm .navbar-nav .store-locator__link--no-preferred-store {
        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, .navbar-expand-md .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-md .navbar-nav .store-locator__link--no-preferred-store {
        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, .navbar-expand-lg .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-lg .navbar-nav .store-locator__link--no-preferred-store {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x); }
    .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible; }
    .navbar-expand-lg .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; }
    .navbar-expand-lg .offcanvas {
      position: static;
      z-index: auto;
      flex-grow: 1;
      width: auto !important;
      height: auto !important;
      visibility: visible !important;
      background-color: transparent !important;
      border: 0 !important;
      transform: none !important;
      transition: none; }
      .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none; }
      .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link, .navbar-expand-xl .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-xl .navbar-nav .store-locator__link--no-preferred-store {
        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: 1500px) {
  .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, .navbar-expand-xxl .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand-xxl .navbar-nav .store-locator__link--no-preferred-store {
        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, .navbar-expand .navbar-nav .menu__item--preferred-store .store-locator__link--no-preferred-store, .menu__item--preferred-store .navbar-expand .navbar-nav .store-locator__link--no-preferred-store {
      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"); }

.card {
  --bs-card-spacer-y: 0.9375rem;
  --bs-card-spacer-x: 0.9375rem;
  --bs-card-title-spacer-y: 0.9375rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: #000000;
  --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.9375rem;
  --bs-card-cap-padding-x: 1.875rem;
  --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: #ffffff;
  --bs-card-img-overlay-padding: 1.875rem;
  --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); }
  .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; }
    .card > .list-group:last-child {
      border-bottom-width: 0; }
  .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(-.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-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-header-tabs {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0; }
  .card-header-tabs .nav-link.active, .card-header-tabs .menu__item--preferred-store .active.store-locator__link--no-preferred-store, .menu__item--preferred-store .card-header-tabs .active.store-locator__link--no-preferred-store, .card-header-tabs .nav-link.ec-flexbox-selected, .card-header-tabs .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .menu__item--preferred-store .card-header-tabs .ec-flexbox-selected.store-locator__link--no-preferred-store {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg); }

.card-header-pills {
  margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-.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); }

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%; }

.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; } }

.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='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: gray;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
  --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.9375rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition); }
  @media (prefers-reduced-motion: reduce) {
    .accordion-button {
      transition: none; } }
  .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); }
    .accordion-button:not(.collapsed)::after {
      background-image: var(--bs-accordion-btn-active-icon);
      transform: var(--bs-accordion-btn-icon-transform); }
  .accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition); }
    @media (prefers-reduced-motion: reduce) {
      .accordion-button::after {
        transition: none; } }
  .accordion-button:hover {
    z-index: 2; }
  .accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow); }

.accordion-header {
  margin-bottom: 0; }

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); }
  .accordion-item:not(:first-of-type) {
    border-top: 0; }

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); }

.accordion-flush .accordion-collapse {
  border-width: 0; }

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0; }
  .accordion-flush .accordion-item:first-child {
    border-top: 0; }
  .accordion-flush .accordion-item:last-child {
    border-bottom: 0; }

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: #ffffff;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: #000000;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #000000;
  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); }

.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, .breadcrumb-item.ec-flexbox-selected {
  color: var(--bs-breadcrumb-item-active-color); }

.pagination {
  --bs-pagination-padding-x: 0.9375rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 0.9375rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #ffffff;
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: #000000;
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: #ffffff;
  --bs-pagination-hover-bg: #000000;
  --bs-pagination-hover-border-color: #000000;
  --bs-pagination-focus-color: #000000;
  --bs-pagination-focus-bg: #d9d9d9;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #000000;
  --bs-pagination-active-border-color: #000000;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none; }

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .page-link {
      transition: none; } }
  .page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color); }
  .page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow); }
  .page-link.active, .page-link.ec-flexbox-selected, .active > .page-link, .ec-flexbox-selected > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color); }
  .page-link.disabled, .disabled > .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color); }

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1); }

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.17188rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg); }

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.82031rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm); }

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline; }
  .badge:empty {
    display: none; }

.btn .badge {
  position: relative;
  top: -1px; }

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1.875rem;
  --bs-alert-padding-y: 1.875rem;
  --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); }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color); }

.alert-dismissible {
  padding-right: 5.625rem; }
  .alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 2.34375rem 1.875rem; }

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis); }

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis); }

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis); }

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis); }

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis); }

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis); }

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis); }

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis); }

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem; } }

.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.70313rem;
  --bs-progress-bg: #d9d9d9;
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #000000;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg); }
  @media (min-width: 1200px) {
    .progress,
    .progress-stacked {
      --bs-progress-font-size: 0.70312rem; } }
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition); }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      transition: none; } }
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height); }

.progress-stacked > .progress {
  overflow: visible; }

.progress-stacked > .progress > .progress-bar {
  width: 100%; }

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      animation: none; } }
.list-group {
  --bs-list-group-color: #000000;
  --bs-list-group-bg: #ffffff;
  --bs-list-group-border-color: #000000;
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1.875rem;
  --bs-list-group-item-padding-y: 0.9375rem;
  --bs-list-group-action-color: #000000;
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: #f2f2f2;
  --bs-list-group-action-active-color: #ffffff;
  --bs-list-group-action-active-bg: #000000;
  --bs-list-group-disabled-color: black;
  --bs-list-group-disabled-bg: #ffffff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #000000;
  --bs-list-group-active-border-color: #000000;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-numbered {
  list-style-type: none;
  counter-reset: section; }
  .list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section; }

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg); }
  .list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg); }

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg); }
  .list-group-item.active, .list-group-item.ec-flexbox-selected {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color); }
  .list-group-item + .list-group-item {
    border-top-width: 0; }
    .list-group-item + .list-group-item.active, .list-group-item + .list-group-item.ec-flexbox-selected {
      margin-top: calc(-1 * var(--bs-list-group-border-width));
      border-top-width: var(--bs-list-group-border-width); }

.list-group-horizontal {
  flex-direction: row; }
  .list-group-horizontal > .list-group-item.active, .list-group-horizontal > .list-group-item.ec-flexbox-selected {
    margin-top: 0; }
  .list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0; }
    .list-group-horizontal > .list-group-item + .list-group-item.active, .list-group-horizontal > .list-group-item + .list-group-item.ec-flexbox-selected {
      margin-left: calc(-1 * var(--bs-list-group-border-width));
      border-left-width: var(--bs-list-group-border-width); }

@media (min-width: 400px) {
  .list-group-horizontal-xsm {
    flex-direction: row; }
    .list-group-horizontal-xsm > .list-group-item.active, .list-group-horizontal-xsm > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-xsm > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xsm > .list-group-item + .list-group-item.active, .list-group-horizontal-xsm > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row; }
    .list-group-horizontal-sm > .list-group-item.active, .list-group-horizontal-sm > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-sm > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-sm > .list-group-item + .list-group-item.active, .list-group-horizontal-sm > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row; }
    .list-group-horizontal-md > .list-group-item.active, .list-group-horizontal-md > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-md > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-md > .list-group-item + .list-group-item.active, .list-group-horizontal-md > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row; }
    .list-group-horizontal-lg > .list-group-item.active, .list-group-horizontal-lg > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-lg > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-lg > .list-group-item + .list-group-item.active, .list-group-horizontal-lg > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row; }
    .list-group-horizontal-xl > .list-group-item.active, .list-group-horizontal-xl > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-xl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xl > .list-group-item + .list-group-item.active, .list-group-horizontal-xl > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

@media (min-width: 1500px) {
  .list-group-horizontal-xxl {
    flex-direction: row; }
    .list-group-horizontal-xxl > .list-group-item.active, .list-group-horizontal-xxl > .list-group-item.ec-flexbox-selected {
      margin-top: 0; }
    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
      border-top-width: var(--bs-list-group-border-width);
      border-left-width: 0; }
      .list-group-horizontal-xxl > .list-group-item + .list-group-item.active, .list-group-horizontal-xxl > .list-group-item + .list-group-item.ec-flexbox-selected {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width); } }

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width); }
  .list-group-flush > .list-group-item:last-child {
    border-bottom-width: 0; }

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); }

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); }

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis); }

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis); }

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); }

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); }

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis); }

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); }

.btn-close {
  --bs-btn-close-color: inherit;
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  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;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity); }

.btn-close-white {
  filter: var(--bs-btn-close-white-filter); }

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: #ffffff;
  --bs-toast-bg: #000000;
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow); }
  .toast.showing {
    opacity: 0; }
  .toast:not(.show) {
    display: none; }

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none; }
  .toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing); }

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); }
  .toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x); }

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word; }

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1.875rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #ffffff;
  --bs-modal-border-color: #000000;
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1.875rem;
  --bs-modal-header-padding-y: 1.875rem;
  --bs-modal-header-padding: 1.875rem 1.875rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none; }
  .modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        transition: none; } }
  .modal.show .modal-dialog {
    transform: none; }
  .modal.modal-static .modal-dialog {
    transform: scale(1.02); }

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2); }
  .modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2); }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  outline: 0; }

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg); }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity); }

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); }
  .modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; }

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height); }

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding); }

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); }
  .modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5); }

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); }
  .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; }
  .modal-fullscreen .modal-body {
    overflow-y: auto; }

@media (max-width: 399.98px) {
  .modal-fullscreen-xsm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xsm-down .modal-content {
      height: 100%;
      border: 0; }
    .modal-fullscreen-xsm-down .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; }
    .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; }
    .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; }
    .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xl-down .modal-content {
      height: 100%;
      border: 0; }
    .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto; } }

@media (max-width: 1499.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0; }
    .modal-fullscreen-xxl-down .modal-content {
      height: 100%;
      border: 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.9375rem;
  --bs-tooltip-padding-y: 0.46875rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.82031rem;
  --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: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: var(--bs-tooltip-opacity); }
  .tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height); }
    .tooltip .tooltip-arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height)); }
  .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .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) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .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) * .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) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .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); }

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.82031rem;
  --bs-popover-bg: #ffffff;
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: #000000;
  --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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 0.9375rem;
  --bs-popover-header-padding-y: 0.9375rem;
  --bs-popover-header-font-size: 0.9375rem;
  --bs-popover-header-color: #ffffff;
  --bs-popover-header-bg: #000000;
  --bs-popover-body-padding-x: 0.9375rem;
  --bs-popover-body-padding-y: 0.9375rem;
  --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: "Poppins", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); }
  .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) * .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) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .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) * .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(-.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) * .5) 0 calc(var(--bs-popover-arrow-width) * .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); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color); }

.carousel {
  position: relative; }

.carousel.pointer-event {
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      transition: none; } }
.carousel-item.active, .carousel-item.ec-flexbox-selected,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end,
.carousel-item-end.ec-flexbox-selected {
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start,
.carousel-item-start.ec-flexbox-selected {
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none; }

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item.ec-flexbox-selected,
.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 .carousel-item-start.ec-flexbox-selected,
.carousel-fade .active.carousel-item-end,
.carousel-fade .carousel-item-end.ec-flexbox-selected {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start, .carousel-fade .carousel-item-start.ec-flexbox-selected,
    .carousel-fade .active.carousel-item-end,
    .carousel-fade .carousel-item-end.ec-flexbox-selected {
      transition: none; } }
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%; }

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%; }
  .carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators [data-bs-target] {
        transition: none; } }
  .carousel-indicators .active, .carousel-indicators .ec-flexbox-selected {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center; }

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100); }

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000; }

.carousel-dark .carousel-caption {
  color: #000; }

.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-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xsm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1.875rem;
  --bs-offcanvas-padding-y: 1.875rem;
  --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: #000000;
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5; }

@media (max-width: 399.98px) {
  .offcanvas-xsm {
    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: 399.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xsm {
      transition: none; } }
@media (max-width: 399.98px) {
    .offcanvas-xsm.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-xsm.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-xsm.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-xsm.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-xsm.showing, .offcanvas-xsm.show:not(.hiding) {
      transform: none; }
    .offcanvas-xsm.showing, .offcanvas-xsm.hiding, .offcanvas-xsm.show {
      visibility: visible; } }

@media (min-width: 400px) {
  .offcanvas-xsm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xsm .offcanvas-header {
      display: none; }
    .offcanvas-xsm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
      transition: none; } }
@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-sm.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-sm.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-sm.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
      transform: none; }
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
      visibility: visible; } }

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-sm .offcanvas-header {
      display: none; }
    .offcanvas-sm .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
      transition: none; } }
@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-md.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-md.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-md.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
      transform: none; }
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
      visibility: visible; } }

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-md .offcanvas-header {
      display: none; }
    .offcanvas-md .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
      transition: none; } }
@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-lg.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-lg.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-lg.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
      transform: none; }
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
      visibility: visible; } }

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-lg .offcanvas-header {
      display: none; }
    .offcanvas-lg .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition); } }
  @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
      transition: none; } }
@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
      top: 0;
      left: 0;
      width: var(--bs-offcanvas-width);
      border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(-100%); }
    .offcanvas-xl.offcanvas-end {
      top: 0;
      right: 0;
      width: var(--bs-offcanvas-width);
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateX(100%); }
    .offcanvas-xl.offcanvas-top {
      top: 0;
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(-100%); }
    .offcanvas-xl.offcanvas-bottom {
      right: 0;
      left: 0;
      height: var(--bs-offcanvas-height);
      max-height: 100%;
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      transform: translateY(100%); }
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
      transform: none; }
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
      visibility: visible; } }

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xl .offcanvas-header {
      display: none; }
    .offcanvas-xl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

@media (max-width: 1499.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: 1499.98px) and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
      transition: none; } }
@media (max-width: 1499.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: 1500px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important; }
    .offcanvas-xxl .offcanvas-header {
      display: none; }
    .offcanvas-xxl .offcanvas-body {
      display: flex;
      flex-grow: 0;
      padding: 0;
      overflow-y: visible;
      background-color: transparent !important; } }

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition); }
  @media (prefers-reduced-motion: reduce) {
    .offcanvas {
      transition: none; } }
  .offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%); }
  .offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%); }
  .offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%); }
  .offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%); }
  .offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none; }
  .offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible; }

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000; }
  .offcanvas-backdrop.fade {
    opacity: 0; }
  .offcanvas-backdrop.show {
    opacity: 0.5; }

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); }
  .offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-.5 * var(--bs-offcanvas-padding-y)); }

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height); }

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto; }

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5; }
  .placeholder.btn::before {
    display: inline-block;
    content: ""; }

.placeholder-xs {
  min-height: .6em; }

.placeholder-sm {
  min-height: .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 {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite; }

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%; } }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important; }

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(0, 0, 0, var(--bs-bg-opacity, 1)) !important; }

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(36, 150, 62, var(--bs-bg-opacity, 1)) !important; }

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; }

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(230, 174, 6, var(--bs-bg-opacity, 1)) !important; }

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; }

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; }

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-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(0, 0, 0, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(0, 0, 0, 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(0, 0, 0, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(0, 0, 0, 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(80, 171, 101, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(80, 171, 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(235, 190, 56, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(235, 190, 56, 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(176, 42, 55, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; }

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; }
  .link-light:hover, .link-light:focus {
    color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; }

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; }
  .link-dark:hover, .link-dark:focus {
    color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; }

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  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: calc(3 / 4 * 100%); }

.ratio-16x9 {
  --bs-aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 {
  --bs-aspect-ratio: calc(9 / 21 * 100%); }

.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: 400px) {
  .sticky-xsm-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xsm-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: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020; }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020; } }

@media (min-width: 1500px) {
  .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; }

.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: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 1; }

.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 {
  object-fit: contain !important; }

.object-fit-cover {
  object-fit: cover !important; }

.object-fit-fill {
  object-fit: fill !important; }

.object-fit-scale {
  object-fit: scale-down !important; }

.object-fit-none {
  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: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  box-shadow: none !important; }

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); }

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: sticky !important; }

.top-0 {
  top: 0 !important; }

.top-50 {
  top: 50% !important; }

.top-100 {
  top: 100% !important; }

.bottom-0 {
  bottom: 0 !important; }

.bottom-50 {
  bottom: 50% !important; }

.bottom-100 {
  bottom: 100% !important; }

.start-0 {
  left: 0 !important; }

.start-50 {
  left: 50% !important; }

.start-100 {
  left: 100% !important; }

.end-0 {
  right: 0 !important; }

.end-50 {
  right: 50% !important; }

.end-100 {
  right: 100% !important; }

.translate-middle {
  transform: translate(-50%, -50%) !important; }

.translate-middle-x {
  transform: translateX(-50%) !important; }

.translate-middle-y {
  transform: translateY(-50%) !important; }

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-0 {
  border: 0 !important; }

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-end-0 {
  border-right: 0 !important; }

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-start-0 {
  border-left: 0 !important; }

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; }

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; }

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; }

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; }

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; }

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; }

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; }

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; }

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; }

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; }

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important; }

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important; }

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important; }

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important; }

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important; }

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important; }

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important; }

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important; }

.border-1 {
  border-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-3 {
  border-width: 3px !important; }

.border-4 {
  border-width: 4px !important; }

.border-5 {
  border-width: 5px !important; }

.border-opacity-10 {
  --bs-border-opacity: 0.1; }

.border-opacity-25 {
  --bs-border-opacity: 0.25; }

.border-opacity-50 {
  --bs-border-opacity: 0.5; }

.border-opacity-75 {
  --bs-border-opacity: 0.75; }

.border-opacity-100 {
  --bs-border-opacity: 1; }

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.vw-100 {
  width: 100vw !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mh-100 {
  max-height: 100% !important; }

.vh-100 {
  height: 100vh !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.flex-fill {
  flex: 1 1 auto !important; }

.flex-row {
  flex-direction: row !important; }

.flex-column {
  flex-direction: column !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  justify-content: flex-start !important; }

.justify-content-end {
  justify-content: flex-end !important; }

.justify-content-center {
  justify-content: center !important; }

.justify-content-between {
  justify-content: space-between !important; }

.justify-content-around {
  justify-content: space-around !important; }

.justify-content-evenly {
  justify-content: space-evenly !important; }

.align-items-start {
  align-items: flex-start !important; }

.align-items-end {
  align-items: flex-end !important; }

.align-items-center {
  align-items: center !important; }

.align-items-baseline {
  align-items: baseline !important; }

.align-items-stretch {
  align-items: stretch !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

.align-content-center {
  align-content: center !important; }

.align-content-between {
  align-content: space-between !important; }

.align-content-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

.align-self-center {
  align-self: center !important; }

.align-self-baseline {
  align-self: baseline !important; }

.align-self-stretch {
  align-self: stretch !important; }

.order-first {
  order: -1 !important; }

.order-0 {
  order: 0 !important; }

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-last {
  order: 6 !important; }

.m-0 {
  margin: 0 !important; }

.m-1small {
  margin: 0.23438rem !important; }

.m-1 {
  margin: 0.46875rem !important; }

.m-2 {
  margin: 0.9375rem !important; }

.m-3 {
  margin: 1.875rem !important; }

.m-4 {
  margin: 2.8125rem !important; }

.m-5 {
  margin: 5.625rem !important; }

.m-auto {
  margin: auto !important; }

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mx-1small {
  margin-right: 0.23438rem !important;
  margin-left: 0.23438rem !important; }

.mx-1 {
  margin-right: 0.46875rem !important;
  margin-left: 0.46875rem !important; }

.mx-2 {
  margin-right: 0.9375rem !important;
  margin-left: 0.9375rem !important; }

.mx-3 {
  margin-right: 1.875rem !important;
  margin-left: 1.875rem !important; }

.mx-4 {
  margin-right: 2.8125rem !important;
  margin-left: 2.8125rem !important; }

.mx-5 {
  margin-right: 5.625rem !important;
  margin-left: 5.625rem !important; }

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.my-1small {
  margin-top: 0.23438rem !important;
  margin-bottom: 0.23438rem !important; }

.my-1 {
  margin-top: 0.46875rem !important;
  margin-bottom: 0.46875rem !important; }

.my-2 {
  margin-top: 0.9375rem !important;
  margin-bottom: 0.9375rem !important; }

.my-3 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important; }

.my-4 {
  margin-top: 2.8125rem !important;
  margin-bottom: 2.8125rem !important; }

.my-5 {
  margin-top: 5.625rem !important;
  margin-bottom: 5.625rem !important; }

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.mt-0 {
  margin-top: 0 !important; }

.mt-1small {
  margin-top: 0.23438rem !important; }

.mt-1 {
  margin-top: 0.46875rem !important; }

.mt-2 {
  margin-top: 0.9375rem !important; }

.mt-3 {
  margin-top: 1.875rem !important; }

.mt-4 {
  margin-top: 2.8125rem !important; }

.mt-5 {
  margin-top: 5.625rem !important; }

.mt-auto {
  margin-top: auto !important; }

.me-0 {
  margin-right: 0 !important; }

.me-1small {
  margin-right: 0.23438rem !important; }

.me-1 {
  margin-right: 0.46875rem !important; }

.me-2 {
  margin-right: 0.9375rem !important; }

.me-3 {
  margin-right: 1.875rem !important; }

.me-4 {
  margin-right: 2.8125rem !important; }

.me-5 {
  margin-right: 5.625rem !important; }

.me-auto {
  margin-right: auto !important; }

.mb-0 {
  margin-bottom: 0 !important; }

.mb-1small {
  margin-bottom: 0.23438rem !important; }

.mb-1 {
  margin-bottom: 0.46875rem !important; }

.mb-2 {
  margin-bottom: 0.9375rem !important; }

.mb-3 {
  margin-bottom: 1.875rem !important; }

.mb-4 {
  margin-bottom: 2.8125rem !important; }

.mb-5 {
  margin-bottom: 5.625rem !important; }

.mb-auto {
  margin-bottom: auto !important; }

.ms-0 {
  margin-left: 0 !important; }

.ms-1small {
  margin-left: 0.23438rem !important; }

.ms-1 {
  margin-left: 0.46875rem !important; }

.ms-2 {
  margin-left: 0.9375rem !important; }

.ms-3 {
  margin-left: 1.875rem !important; }

.ms-4 {
  margin-left: 2.8125rem !important; }

.ms-5 {
  margin-left: 5.625rem !important; }

.ms-auto {
  margin-left: auto !important; }

.p-0 {
  padding: 0 !important; }

.p-1small {
  padding: 0.23438rem !important; }

.p-1 {
  padding: 0.46875rem !important; }

.p-2 {
  padding: 0.9375rem !important; }

.p-3 {
  padding: 1.875rem !important; }

.p-4 {
  padding: 2.8125rem !important; }

.p-5 {
  padding: 5.625rem !important; }

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.px-1small {
  padding-right: 0.23438rem !important;
  padding-left: 0.23438rem !important; }

.px-1 {
  padding-right: 0.46875rem !important;
  padding-left: 0.46875rem !important; }

.px-2 {
  padding-right: 0.9375rem !important;
  padding-left: 0.9375rem !important; }

.px-3 {
  padding-right: 1.875rem !important;
  padding-left: 1.875rem !important; }

.px-4 {
  padding-right: 2.8125rem !important;
  padding-left: 2.8125rem !important; }

.px-5 {
  padding-right: 5.625rem !important;
  padding-left: 5.625rem !important; }

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.py-1small {
  padding-top: 0.23438rem !important;
  padding-bottom: 0.23438rem !important; }

.py-1 {
  padding-top: 0.46875rem !important;
  padding-bottom: 0.46875rem !important; }

.py-2 {
  padding-top: 0.9375rem !important;
  padding-bottom: 0.9375rem !important; }

.py-3 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important; }

.py-4 {
  padding-top: 2.8125rem !important;
  padding-bottom: 2.8125rem !important; }

.py-5 {
  padding-top: 5.625rem !important;
  padding-bottom: 5.625rem !important; }

.pt-0 {
  padding-top: 0 !important; }

.pt-1small {
  padding-top: 0.23438rem !important; }

.pt-1 {
  padding-top: 0.46875rem !important; }

.pt-2 {
  padding-top: 0.9375rem !important; }

.pt-3 {
  padding-top: 1.875rem !important; }

.pt-4 {
  padding-top: 2.8125rem !important; }

.pt-5 {
  padding-top: 5.625rem !important; }

.pe-0 {
  padding-right: 0 !important; }

.pe-1small {
  padding-right: 0.23438rem !important; }

.pe-1 {
  padding-right: 0.46875rem !important; }

.pe-2 {
  padding-right: 0.9375rem !important; }

.pe-3 {
  padding-right: 1.875rem !important; }

.pe-4 {
  padding-right: 2.8125rem !important; }

.pe-5 {
  padding-right: 5.625rem !important; }

.pb-0 {
  padding-bottom: 0 !important; }

.pb-1small {
  padding-bottom: 0.23438rem !important; }

.pb-1 {
  padding-bottom: 0.46875rem !important; }

.pb-2 {
  padding-bottom: 0.9375rem !important; }

.pb-3 {
  padding-bottom: 1.875rem !important; }

.pb-4 {
  padding-bottom: 2.8125rem !important; }

.pb-5 {
  padding-bottom: 5.625rem !important; }

.ps-0 {
  padding-left: 0 !important; }

.ps-1small {
  padding-left: 0.23438rem !important; }

.ps-1 {
  padding-left: 0.46875rem !important; }

.ps-2 {
  padding-left: 0.9375rem !important; }

.ps-3 {
  padding-left: 1.875rem !important; }

.ps-4 {
  padding-left: 2.8125rem !important; }

.ps-5 {
  padding-left: 5.625rem !important; }

.gap-0 {
  gap: 0 !important; }

.gap-1small {
  gap: 0.23438rem !important; }

.gap-1 {
  gap: 0.46875rem !important; }

.gap-2 {
  gap: 0.9375rem !important; }

.gap-3 {
  gap: 1.875rem !important; }

.gap-4 {
  gap: 2.8125rem !important; }

.gap-5 {
  gap: 5.625rem !important; }

.row-gap-0 {
  row-gap: 0 !important; }

.row-gap-1small {
  row-gap: 0.23438rem !important; }

.row-gap-1 {
  row-gap: 0.46875rem !important; }

.row-gap-2 {
  row-gap: 0.9375rem !important; }

.row-gap-3 {
  row-gap: 1.875rem !important; }

.row-gap-4 {
  row-gap: 2.8125rem !important; }

.row-gap-5 {
  row-gap: 5.625rem !important; }

.column-gap-0 {
  column-gap: 0 !important; }

.column-gap-1small {
  column-gap: 0.23438rem !important; }

.column-gap-1 {
  column-gap: 0.46875rem !important; }

.column-gap-2 {
  column-gap: 0.9375rem !important; }

.column-gap-3 {
  column-gap: 1.875rem !important; }

.column-gap-4 {
  column-gap: 2.8125rem !important; }

.column-gap-5 {
  column-gap: 5.625rem !important; }

.font-monospace {
  font-family: var(--bs-font-monospace) !important; }

.fs-1 {
  font-size: calc(1.35938rem + 1.3125vw) !important; }

.fs-2 {
  font-size: calc(1.3125rem + 0.75vw) !important; }

.fs-3 {
  font-size: calc(1.28906rem + 0.46875vw) !important; }

.fs-4 {
  font-size: calc(1.26563rem + 0.1875vw) !important; }

.fs-5 {
  font-size: 1.17188rem !important; }

.fs-6 {
  font-size: 0.9375rem !important; }

.fst-italic {
  font-style: italic !important; }

.fst-normal {
  font-style: normal !important; }

.fw-lighter {
  font-weight: lighter !important; }

.fw-light {
  font-weight: 300 !important; }

.fw-normal {
  font-weight: 400 !important; }

.fw-medium {
  font-weight: 500 !important; }

.fw-semibold {
  font-weight: 600 !important; }

.fw-bold {
  font-weight: 700 !important; }

.fw-bolder {
  font-weight: bolder !important; }

.lh-1 {
  line-height: 1 !important; }

.lh-sm {
  line-height: 1.25 !important; }

.lh-base {
  line-height: 1.5 !important; }

.lh-lg {
  line-height: 2 !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

.text-decoration-none {
  text-decoration: none !important; }

.text-decoration-underline {
  text-decoration: underline !important; }

.text-decoration-line-through {
  text-decoration: line-through !important; }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.text-wrap {
  white-space: normal !important; }

.text-nowrap {
  white-space: nowrap !important; }

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important; }

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; }

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; }

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; }

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; }

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; }

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; }

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; }

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; }

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; }

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; }

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; }

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important; }

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important; }

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important; }

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important; }

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important; }

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important; }

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important; }

.text-opacity-25 {
  --bs-text-opacity: 0.25; }

.text-opacity-50 {
  --bs-text-opacity: 0.5; }

.text-opacity-75 {
  --bs-text-opacity: 0.75; }

.text-opacity-100 {
  --bs-text-opacity: 1; }

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important; }

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important; }

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important; }

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important; }

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important; }

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important; }

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important; }

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important; }

.link-opacity-10 {
  --bs-link-opacity: 0.1; }

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1; }

.link-opacity-25 {
  --bs-link-opacity: 0.25; }

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25; }

.link-opacity-50 {
  --bs-link-opacity: 0.5; }

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5; }

.link-opacity-75 {
  --bs-link-opacity: 0.75; }

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75; }

.link-opacity-100 {
  --bs-link-opacity: 1; }

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1; }

.link-offset-1 {
  text-underline-offset: 0.125em !important; }

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important; }

.link-offset-2 {
  text-underline-offset: 0.25em !important; }

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important; }

.link-offset-3 {
  text-underline-offset: 0.375em !important; }

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important; }

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-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-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-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; }

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-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-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; }

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; }

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important; }

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; }

.bg-opacity-10 {
  --bs-bg-opacity: 0.1; }

.bg-opacity-25 {
  --bs-bg-opacity: 0.25; }

.bg-opacity-50 {
  --bs-bg-opacity: 0.5; }

.bg-opacity-75 {
  --bs-bg-opacity: 0.75; }

.bg-opacity-100 {
  --bs-bg-opacity: 1; }

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important; }

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important; }

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important; }

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important; }

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important; }

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important; }

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important; }

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important; }

.bg-gradient {
  background-image: var(--bs-gradient) !important; }

.user-select-all {
  user-select: all !important; }

.user-select-auto {
  user-select: auto !important; }

.user-select-none {
  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: 400px) {
  .float-xsm-start {
    float: left !important; }
  .float-xsm-end {
    float: right !important; }
  .float-xsm-none {
    float: none !important; }
  .object-fit-xsm-contain {
    object-fit: contain !important; }
  .object-fit-xsm-cover {
    object-fit: cover !important; }
  .object-fit-xsm-fill {
    object-fit: fill !important; }
  .object-fit-xsm-scale {
    object-fit: scale-down !important; }
  .object-fit-xsm-none {
    object-fit: none !important; }
  .d-xsm-inline {
    display: inline !important; }
  .d-xsm-inline-block {
    display: inline-block !important; }
  .d-xsm-block {
    display: block !important; }
  .d-xsm-grid {
    display: grid !important; }
  .d-xsm-inline-grid {
    display: inline-grid !important; }
  .d-xsm-table {
    display: table !important; }
  .d-xsm-table-row {
    display: table-row !important; }
  .d-xsm-table-cell {
    display: table-cell !important; }
  .d-xsm-flex {
    display: flex !important; }
  .d-xsm-inline-flex {
    display: inline-flex !important; }
  .d-xsm-none {
    display: none !important; }
  .flex-xsm-fill {
    flex: 1 1 auto !important; }
  .flex-xsm-row {
    flex-direction: row !important; }
  .flex-xsm-column {
    flex-direction: column !important; }
  .flex-xsm-row-reverse {
    flex-direction: row-reverse !important; }
  .flex-xsm-column-reverse {
    flex-direction: column-reverse !important; }
  .flex-xsm-grow-0 {
    flex-grow: 0 !important; }
  .flex-xsm-grow-1 {
    flex-grow: 1 !important; }
  .flex-xsm-shrink-0 {
    flex-shrink: 0 !important; }
  .flex-xsm-shrink-1 {
    flex-shrink: 1 !important; }
  .flex-xsm-wrap {
    flex-wrap: wrap !important; }
  .flex-xsm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xsm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .justify-content-xsm-start {
    justify-content: flex-start !important; }
  .justify-content-xsm-end {
    justify-content: flex-end !important; }
  .justify-content-xsm-center {
    justify-content: center !important; }
  .justify-content-xsm-between {
    justify-content: space-between !important; }
  .justify-content-xsm-around {
    justify-content: space-around !important; }
  .justify-content-xsm-evenly {
    justify-content: space-evenly !important; }
  .align-items-xsm-start {
    align-items: flex-start !important; }
  .align-items-xsm-end {
    align-items: flex-end !important; }
  .align-items-xsm-center {
    align-items: center !important; }
  .align-items-xsm-baseline {
    align-items: baseline !important; }
  .align-items-xsm-stretch {
    align-items: stretch !important; }
  .align-content-xsm-start {
    align-content: flex-start !important; }
  .align-content-xsm-end {
    align-content: flex-end !important; }
  .align-content-xsm-center {
    align-content: center !important; }
  .align-content-xsm-between {
    align-content: space-between !important; }
  .align-content-xsm-around {
    align-content: space-around !important; }
  .align-content-xsm-stretch {
    align-content: stretch !important; }
  .align-self-xsm-auto {
    align-self: auto !important; }
  .align-self-xsm-start {
    align-self: flex-start !important; }
  .align-self-xsm-end {
    align-self: flex-end !important; }
  .align-self-xsm-center {
    align-self: center !important; }
  .align-self-xsm-baseline {
    align-self: baseline !important; }
  .align-self-xsm-stretch {
    align-self: stretch !important; }
  .order-xsm-first {
    order: -1 !important; }
  .order-xsm-0 {
    order: 0 !important; }
  .order-xsm-1 {
    order: 1 !important; }
  .order-xsm-2 {
    order: 2 !important; }
  .order-xsm-3 {
    order: 3 !important; }
  .order-xsm-4 {
    order: 4 !important; }
  .order-xsm-5 {
    order: 5 !important; }
  .order-xsm-last {
    order: 6 !important; }
  .m-xsm-0 {
    margin: 0 !important; }
  .m-xsm-1small {
    margin: 0.23438rem !important; }
  .m-xsm-1 {
    margin: 0.46875rem !important; }
  .m-xsm-2 {
    margin: 0.9375rem !important; }
  .m-xsm-3 {
    margin: 1.875rem !important; }
  .m-xsm-4 {
    margin: 2.8125rem !important; }
  .m-xsm-5 {
    margin: 5.625rem !important; }
  .m-xsm-auto {
    margin: auto !important; }
  .mx-xsm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xsm-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-xsm-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-xsm-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-xsm-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-xsm-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-xsm-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !important; }
  .mx-xsm-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .my-xsm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .my-xsm-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-xsm-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-xsm-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-xsm-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-xsm-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-xsm-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-xsm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xsm-0 {
    margin-top: 0 !important; }
  .mt-xsm-1small {
    margin-top: 0.23438rem !important; }
  .mt-xsm-1 {
    margin-top: 0.46875rem !important; }
  .mt-xsm-2 {
    margin-top: 0.9375rem !important; }
  .mt-xsm-3 {
    margin-top: 1.875rem !important; }
  .mt-xsm-4 {
    margin-top: 2.8125rem !important; }
  .mt-xsm-5 {
    margin-top: 5.625rem !important; }
  .mt-xsm-auto {
    margin-top: auto !important; }
  .me-xsm-0 {
    margin-right: 0 !important; }
  .me-xsm-1small {
    margin-right: 0.23438rem !important; }
  .me-xsm-1 {
    margin-right: 0.46875rem !important; }
  .me-xsm-2 {
    margin-right: 0.9375rem !important; }
  .me-xsm-3 {
    margin-right: 1.875rem !important; }
  .me-xsm-4 {
    margin-right: 2.8125rem !important; }
  .me-xsm-5 {
    margin-right: 5.625rem !important; }
  .me-xsm-auto {
    margin-right: auto !important; }
  .mb-xsm-0 {
    margin-bottom: 0 !important; }
  .mb-xsm-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-xsm-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-xsm-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-xsm-3 {
    margin-bottom: 1.875rem !important; }
  .mb-xsm-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-xsm-5 {
    margin-bottom: 5.625rem !important; }
  .mb-xsm-auto {
    margin-bottom: auto !important; }
  .ms-xsm-0 {
    margin-left: 0 !important; }
  .ms-xsm-1small {
    margin-left: 0.23438rem !important; }
  .ms-xsm-1 {
    margin-left: 0.46875rem !important; }
  .ms-xsm-2 {
    margin-left: 0.9375rem !important; }
  .ms-xsm-3 {
    margin-left: 1.875rem !important; }
  .ms-xsm-4 {
    margin-left: 2.8125rem !important; }
  .ms-xsm-5 {
    margin-left: 5.625rem !important; }
  .ms-xsm-auto {
    margin-left: auto !important; }
  .p-xsm-0 {
    padding: 0 !important; }
  .p-xsm-1small {
    padding: 0.23438rem !important; }
  .p-xsm-1 {
    padding: 0.46875rem !important; }
  .p-xsm-2 {
    padding: 0.9375rem !important; }
  .p-xsm-3 {
    padding: 1.875rem !important; }
  .p-xsm-4 {
    padding: 2.8125rem !important; }
  .p-xsm-5 {
    padding: 5.625rem !important; }
  .px-xsm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xsm-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-xsm-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-xsm-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-xsm-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-xsm-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-xsm-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-xsm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xsm-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-xsm-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-xsm-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-xsm-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-xsm-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-xsm-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-xsm-0 {
    padding-top: 0 !important; }
  .pt-xsm-1small {
    padding-top: 0.23438rem !important; }
  .pt-xsm-1 {
    padding-top: 0.46875rem !important; }
  .pt-xsm-2 {
    padding-top: 0.9375rem !important; }
  .pt-xsm-3 {
    padding-top: 1.875rem !important; }
  .pt-xsm-4 {
    padding-top: 2.8125rem !important; }
  .pt-xsm-5 {
    padding-top: 5.625rem !important; }
  .pe-xsm-0 {
    padding-right: 0 !important; }
  .pe-xsm-1small {
    padding-right: 0.23438rem !important; }
  .pe-xsm-1 {
    padding-right: 0.46875rem !important; }
  .pe-xsm-2 {
    padding-right: 0.9375rem !important; }
  .pe-xsm-3 {
    padding-right: 1.875rem !important; }
  .pe-xsm-4 {
    padding-right: 2.8125rem !important; }
  .pe-xsm-5 {
    padding-right: 5.625rem !important; }
  .pb-xsm-0 {
    padding-bottom: 0 !important; }
  .pb-xsm-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-xsm-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-xsm-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-xsm-3 {
    padding-bottom: 1.875rem !important; }
  .pb-xsm-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-xsm-5 {
    padding-bottom: 5.625rem !important; }
  .ps-xsm-0 {
    padding-left: 0 !important; }
  .ps-xsm-1small {
    padding-left: 0.23438rem !important; }
  .ps-xsm-1 {
    padding-left: 0.46875rem !important; }
  .ps-xsm-2 {
    padding-left: 0.9375rem !important; }
  .ps-xsm-3 {
    padding-left: 1.875rem !important; }
  .ps-xsm-4 {
    padding-left: 2.8125rem !important; }
  .ps-xsm-5 {
    padding-left: 5.625rem !important; }
  .gap-xsm-0 {
    gap: 0 !important; }
  .gap-xsm-1small {
    gap: 0.23438rem !important; }
  .gap-xsm-1 {
    gap: 0.46875rem !important; }
  .gap-xsm-2 {
    gap: 0.9375rem !important; }
  .gap-xsm-3 {
    gap: 1.875rem !important; }
  .gap-xsm-4 {
    gap: 2.8125rem !important; }
  .gap-xsm-5 {
    gap: 5.625rem !important; }
  .row-gap-xsm-0 {
    row-gap: 0 !important; }
  .row-gap-xsm-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-xsm-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-xsm-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-xsm-3 {
    row-gap: 1.875rem !important; }
  .row-gap-xsm-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-xsm-5 {
    row-gap: 5.625rem !important; }
  .column-gap-xsm-0 {
    column-gap: 0 !important; }
  .column-gap-xsm-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-xsm-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-xsm-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-xsm-3 {
    column-gap: 1.875rem !important; }
  .column-gap-xsm-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-xsm-5 {
    column-gap: 5.625rem !important; }
  .text-xsm-start {
    text-align: left !important; }
  .text-xsm-end {
    text-align: right !important; }
  .text-xsm-center {
    text-align: center !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 {
    object-fit: contain !important; }
  .object-fit-sm-cover {
    object-fit: cover !important; }
  .object-fit-sm-fill {
    object-fit: fill !important; }
  .object-fit-sm-scale {
    object-fit: scale-down !important; }
  .object-fit-sm-none {
    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-1small {
    margin: 0.23438rem !important; }
  .m-sm-1 {
    margin: 0.46875rem !important; }
  .m-sm-2 {
    margin: 0.9375rem !important; }
  .m-sm-3 {
    margin: 1.875rem !important; }
  .m-sm-4 {
    margin: 2.8125rem !important; }
  .m-sm-5 {
    margin: 5.625rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-sm-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-sm-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-sm-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-sm-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-sm-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-sm-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !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-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-sm-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-sm-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-sm-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-sm-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-sm-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-sm-0 {
    margin-top: 0 !important; }
  .mt-sm-1small {
    margin-top: 0.23438rem !important; }
  .mt-sm-1 {
    margin-top: 0.46875rem !important; }
  .mt-sm-2 {
    margin-top: 0.9375rem !important; }
  .mt-sm-3 {
    margin-top: 1.875rem !important; }
  .mt-sm-4 {
    margin-top: 2.8125rem !important; }
  .mt-sm-5 {
    margin-top: 5.625rem !important; }
  .mt-sm-auto {
    margin-top: auto !important; }
  .me-sm-0 {
    margin-right: 0 !important; }
  .me-sm-1small {
    margin-right: 0.23438rem !important; }
  .me-sm-1 {
    margin-right: 0.46875rem !important; }
  .me-sm-2 {
    margin-right: 0.9375rem !important; }
  .me-sm-3 {
    margin-right: 1.875rem !important; }
  .me-sm-4 {
    margin-right: 2.8125rem !important; }
  .me-sm-5 {
    margin-right: 5.625rem !important; }
  .me-sm-auto {
    margin-right: auto !important; }
  .mb-sm-0 {
    margin-bottom: 0 !important; }
  .mb-sm-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-sm-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-sm-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-sm-3 {
    margin-bottom: 1.875rem !important; }
  .mb-sm-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-sm-5 {
    margin-bottom: 5.625rem !important; }
  .mb-sm-auto {
    margin-bottom: auto !important; }
  .ms-sm-0 {
    margin-left: 0 !important; }
  .ms-sm-1small {
    margin-left: 0.23438rem !important; }
  .ms-sm-1 {
    margin-left: 0.46875rem !important; }
  .ms-sm-2 {
    margin-left: 0.9375rem !important; }
  .ms-sm-3 {
    margin-left: 1.875rem !important; }
  .ms-sm-4 {
    margin-left: 2.8125rem !important; }
  .ms-sm-5 {
    margin-left: 5.625rem !important; }
  .ms-sm-auto {
    margin-left: auto !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .p-sm-1small {
    padding: 0.23438rem !important; }
  .p-sm-1 {
    padding: 0.46875rem !important; }
  .p-sm-2 {
    padding: 0.9375rem !important; }
  .p-sm-3 {
    padding: 1.875rem !important; }
  .p-sm-4 {
    padding: 2.8125rem !important; }
  .p-sm-5 {
    padding: 5.625rem !important; }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-sm-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-sm-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-sm-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-sm-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-sm-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-sm-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-sm-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-sm-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-sm-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-sm-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-sm-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-sm-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-sm-0 {
    padding-top: 0 !important; }
  .pt-sm-1small {
    padding-top: 0.23438rem !important; }
  .pt-sm-1 {
    padding-top: 0.46875rem !important; }
  .pt-sm-2 {
    padding-top: 0.9375rem !important; }
  .pt-sm-3 {
    padding-top: 1.875rem !important; }
  .pt-sm-4 {
    padding-top: 2.8125rem !important; }
  .pt-sm-5 {
    padding-top: 5.625rem !important; }
  .pe-sm-0 {
    padding-right: 0 !important; }
  .pe-sm-1small {
    padding-right: 0.23438rem !important; }
  .pe-sm-1 {
    padding-right: 0.46875rem !important; }
  .pe-sm-2 {
    padding-right: 0.9375rem !important; }
  .pe-sm-3 {
    padding-right: 1.875rem !important; }
  .pe-sm-4 {
    padding-right: 2.8125rem !important; }
  .pe-sm-5 {
    padding-right: 5.625rem !important; }
  .pb-sm-0 {
    padding-bottom: 0 !important; }
  .pb-sm-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-sm-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-sm-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-sm-3 {
    padding-bottom: 1.875rem !important; }
  .pb-sm-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-sm-5 {
    padding-bottom: 5.625rem !important; }
  .ps-sm-0 {
    padding-left: 0 !important; }
  .ps-sm-1small {
    padding-left: 0.23438rem !important; }
  .ps-sm-1 {
    padding-left: 0.46875rem !important; }
  .ps-sm-2 {
    padding-left: 0.9375rem !important; }
  .ps-sm-3 {
    padding-left: 1.875rem !important; }
  .ps-sm-4 {
    padding-left: 2.8125rem !important; }
  .ps-sm-5 {
    padding-left: 5.625rem !important; }
  .gap-sm-0 {
    gap: 0 !important; }
  .gap-sm-1small {
    gap: 0.23438rem !important; }
  .gap-sm-1 {
    gap: 0.46875rem !important; }
  .gap-sm-2 {
    gap: 0.9375rem !important; }
  .gap-sm-3 {
    gap: 1.875rem !important; }
  .gap-sm-4 {
    gap: 2.8125rem !important; }
  .gap-sm-5 {
    gap: 5.625rem !important; }
  .row-gap-sm-0 {
    row-gap: 0 !important; }
  .row-gap-sm-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-sm-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-sm-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-sm-3 {
    row-gap: 1.875rem !important; }
  .row-gap-sm-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-sm-5 {
    row-gap: 5.625rem !important; }
  .column-gap-sm-0 {
    column-gap: 0 !important; }
  .column-gap-sm-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-sm-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-sm-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-sm-3 {
    column-gap: 1.875rem !important; }
  .column-gap-sm-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-sm-5 {
    column-gap: 5.625rem !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 {
    object-fit: contain !important; }
  .object-fit-md-cover {
    object-fit: cover !important; }
  .object-fit-md-fill {
    object-fit: fill !important; }
  .object-fit-md-scale {
    object-fit: scale-down !important; }
  .object-fit-md-none {
    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-1small {
    margin: 0.23438rem !important; }
  .m-md-1 {
    margin: 0.46875rem !important; }
  .m-md-2 {
    margin: 0.9375rem !important; }
  .m-md-3 {
    margin: 1.875rem !important; }
  .m-md-4 {
    margin: 2.8125rem !important; }
  .m-md-5 {
    margin: 5.625rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-md-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-md-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-md-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-md-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-md-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-md-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !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-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-md-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-md-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-md-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-md-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-md-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-md-0 {
    margin-top: 0 !important; }
  .mt-md-1small {
    margin-top: 0.23438rem !important; }
  .mt-md-1 {
    margin-top: 0.46875rem !important; }
  .mt-md-2 {
    margin-top: 0.9375rem !important; }
  .mt-md-3 {
    margin-top: 1.875rem !important; }
  .mt-md-4 {
    margin-top: 2.8125rem !important; }
  .mt-md-5 {
    margin-top: 5.625rem !important; }
  .mt-md-auto {
    margin-top: auto !important; }
  .me-md-0 {
    margin-right: 0 !important; }
  .me-md-1small {
    margin-right: 0.23438rem !important; }
  .me-md-1 {
    margin-right: 0.46875rem !important; }
  .me-md-2 {
    margin-right: 0.9375rem !important; }
  .me-md-3 {
    margin-right: 1.875rem !important; }
  .me-md-4 {
    margin-right: 2.8125rem !important; }
  .me-md-5 {
    margin-right: 5.625rem !important; }
  .me-md-auto {
    margin-right: auto !important; }
  .mb-md-0 {
    margin-bottom: 0 !important; }
  .mb-md-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-md-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-md-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-md-3 {
    margin-bottom: 1.875rem !important; }
  .mb-md-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-md-5 {
    margin-bottom: 5.625rem !important; }
  .mb-md-auto {
    margin-bottom: auto !important; }
  .ms-md-0 {
    margin-left: 0 !important; }
  .ms-md-1small {
    margin-left: 0.23438rem !important; }
  .ms-md-1 {
    margin-left: 0.46875rem !important; }
  .ms-md-2 {
    margin-left: 0.9375rem !important; }
  .ms-md-3 {
    margin-left: 1.875rem !important; }
  .ms-md-4 {
    margin-left: 2.8125rem !important; }
  .ms-md-5 {
    margin-left: 5.625rem !important; }
  .ms-md-auto {
    margin-left: auto !important; }
  .p-md-0 {
    padding: 0 !important; }
  .p-md-1small {
    padding: 0.23438rem !important; }
  .p-md-1 {
    padding: 0.46875rem !important; }
  .p-md-2 {
    padding: 0.9375rem !important; }
  .p-md-3 {
    padding: 1.875rem !important; }
  .p-md-4 {
    padding: 2.8125rem !important; }
  .p-md-5 {
    padding: 5.625rem !important; }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-md-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-md-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-md-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-md-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-md-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-md-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-md-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-md-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-md-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-md-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-md-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-md-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-md-0 {
    padding-top: 0 !important; }
  .pt-md-1small {
    padding-top: 0.23438rem !important; }
  .pt-md-1 {
    padding-top: 0.46875rem !important; }
  .pt-md-2 {
    padding-top: 0.9375rem !important; }
  .pt-md-3 {
    padding-top: 1.875rem !important; }
  .pt-md-4 {
    padding-top: 2.8125rem !important; }
  .pt-md-5 {
    padding-top: 5.625rem !important; }
  .pe-md-0 {
    padding-right: 0 !important; }
  .pe-md-1small {
    padding-right: 0.23438rem !important; }
  .pe-md-1 {
    padding-right: 0.46875rem !important; }
  .pe-md-2 {
    padding-right: 0.9375rem !important; }
  .pe-md-3 {
    padding-right: 1.875rem !important; }
  .pe-md-4 {
    padding-right: 2.8125rem !important; }
  .pe-md-5 {
    padding-right: 5.625rem !important; }
  .pb-md-0 {
    padding-bottom: 0 !important; }
  .pb-md-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-md-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-md-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-md-3 {
    padding-bottom: 1.875rem !important; }
  .pb-md-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-md-5 {
    padding-bottom: 5.625rem !important; }
  .ps-md-0 {
    padding-left: 0 !important; }
  .ps-md-1small {
    padding-left: 0.23438rem !important; }
  .ps-md-1 {
    padding-left: 0.46875rem !important; }
  .ps-md-2 {
    padding-left: 0.9375rem !important; }
  .ps-md-3 {
    padding-left: 1.875rem !important; }
  .ps-md-4 {
    padding-left: 2.8125rem !important; }
  .ps-md-5 {
    padding-left: 5.625rem !important; }
  .gap-md-0 {
    gap: 0 !important; }
  .gap-md-1small {
    gap: 0.23438rem !important; }
  .gap-md-1 {
    gap: 0.46875rem !important; }
  .gap-md-2 {
    gap: 0.9375rem !important; }
  .gap-md-3 {
    gap: 1.875rem !important; }
  .gap-md-4 {
    gap: 2.8125rem !important; }
  .gap-md-5 {
    gap: 5.625rem !important; }
  .row-gap-md-0 {
    row-gap: 0 !important; }
  .row-gap-md-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-md-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-md-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-md-3 {
    row-gap: 1.875rem !important; }
  .row-gap-md-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-md-5 {
    row-gap: 5.625rem !important; }
  .column-gap-md-0 {
    column-gap: 0 !important; }
  .column-gap-md-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-md-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-md-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-md-3 {
    column-gap: 1.875rem !important; }
  .column-gap-md-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-md-5 {
    column-gap: 5.625rem !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 {
    object-fit: contain !important; }
  .object-fit-lg-cover {
    object-fit: cover !important; }
  .object-fit-lg-fill {
    object-fit: fill !important; }
  .object-fit-lg-scale {
    object-fit: scale-down !important; }
  .object-fit-lg-none {
    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-1small {
    margin: 0.23438rem !important; }
  .m-lg-1 {
    margin: 0.46875rem !important; }
  .m-lg-2 {
    margin: 0.9375rem !important; }
  .m-lg-3 {
    margin: 1.875rem !important; }
  .m-lg-4 {
    margin: 2.8125rem !important; }
  .m-lg-5 {
    margin: 5.625rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-lg-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-lg-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-lg-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-lg-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-lg-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-lg-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !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-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-lg-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-lg-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-lg-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-lg-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-lg-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-lg-0 {
    margin-top: 0 !important; }
  .mt-lg-1small {
    margin-top: 0.23438rem !important; }
  .mt-lg-1 {
    margin-top: 0.46875rem !important; }
  .mt-lg-2 {
    margin-top: 0.9375rem !important; }
  .mt-lg-3 {
    margin-top: 1.875rem !important; }
  .mt-lg-4 {
    margin-top: 2.8125rem !important; }
  .mt-lg-5 {
    margin-top: 5.625rem !important; }
  .mt-lg-auto {
    margin-top: auto !important; }
  .me-lg-0 {
    margin-right: 0 !important; }
  .me-lg-1small {
    margin-right: 0.23438rem !important; }
  .me-lg-1 {
    margin-right: 0.46875rem !important; }
  .me-lg-2 {
    margin-right: 0.9375rem !important; }
  .me-lg-3 {
    margin-right: 1.875rem !important; }
  .me-lg-4 {
    margin-right: 2.8125rem !important; }
  .me-lg-5 {
    margin-right: 5.625rem !important; }
  .me-lg-auto {
    margin-right: auto !important; }
  .mb-lg-0 {
    margin-bottom: 0 !important; }
  .mb-lg-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-lg-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-lg-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-lg-3 {
    margin-bottom: 1.875rem !important; }
  .mb-lg-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-lg-5 {
    margin-bottom: 5.625rem !important; }
  .mb-lg-auto {
    margin-bottom: auto !important; }
  .ms-lg-0 {
    margin-left: 0 !important; }
  .ms-lg-1small {
    margin-left: 0.23438rem !important; }
  .ms-lg-1 {
    margin-left: 0.46875rem !important; }
  .ms-lg-2 {
    margin-left: 0.9375rem !important; }
  .ms-lg-3 {
    margin-left: 1.875rem !important; }
  .ms-lg-4 {
    margin-left: 2.8125rem !important; }
  .ms-lg-5 {
    margin-left: 5.625rem !important; }
  .ms-lg-auto {
    margin-left: auto !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .p-lg-1small {
    padding: 0.23438rem !important; }
  .p-lg-1 {
    padding: 0.46875rem !important; }
  .p-lg-2 {
    padding: 0.9375rem !important; }
  .p-lg-3 {
    padding: 1.875rem !important; }
  .p-lg-4 {
    padding: 2.8125rem !important; }
  .p-lg-5 {
    padding: 5.625rem !important; }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-lg-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-lg-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-lg-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-lg-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-lg-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-lg-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-lg-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-lg-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-lg-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-lg-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-lg-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-lg-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-lg-0 {
    padding-top: 0 !important; }
  .pt-lg-1small {
    padding-top: 0.23438rem !important; }
  .pt-lg-1 {
    padding-top: 0.46875rem !important; }
  .pt-lg-2 {
    padding-top: 0.9375rem !important; }
  .pt-lg-3 {
    padding-top: 1.875rem !important; }
  .pt-lg-4 {
    padding-top: 2.8125rem !important; }
  .pt-lg-5 {
    padding-top: 5.625rem !important; }
  .pe-lg-0 {
    padding-right: 0 !important; }
  .pe-lg-1small {
    padding-right: 0.23438rem !important; }
  .pe-lg-1 {
    padding-right: 0.46875rem !important; }
  .pe-lg-2 {
    padding-right: 0.9375rem !important; }
  .pe-lg-3 {
    padding-right: 1.875rem !important; }
  .pe-lg-4 {
    padding-right: 2.8125rem !important; }
  .pe-lg-5 {
    padding-right: 5.625rem !important; }
  .pb-lg-0 {
    padding-bottom: 0 !important; }
  .pb-lg-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-lg-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-lg-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-lg-3 {
    padding-bottom: 1.875rem !important; }
  .pb-lg-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-lg-5 {
    padding-bottom: 5.625rem !important; }
  .ps-lg-0 {
    padding-left: 0 !important; }
  .ps-lg-1small {
    padding-left: 0.23438rem !important; }
  .ps-lg-1 {
    padding-left: 0.46875rem !important; }
  .ps-lg-2 {
    padding-left: 0.9375rem !important; }
  .ps-lg-3 {
    padding-left: 1.875rem !important; }
  .ps-lg-4 {
    padding-left: 2.8125rem !important; }
  .ps-lg-5 {
    padding-left: 5.625rem !important; }
  .gap-lg-0 {
    gap: 0 !important; }
  .gap-lg-1small {
    gap: 0.23438rem !important; }
  .gap-lg-1 {
    gap: 0.46875rem !important; }
  .gap-lg-2 {
    gap: 0.9375rem !important; }
  .gap-lg-3 {
    gap: 1.875rem !important; }
  .gap-lg-4 {
    gap: 2.8125rem !important; }
  .gap-lg-5 {
    gap: 5.625rem !important; }
  .row-gap-lg-0 {
    row-gap: 0 !important; }
  .row-gap-lg-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-lg-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-lg-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-lg-3 {
    row-gap: 1.875rem !important; }
  .row-gap-lg-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-lg-5 {
    row-gap: 5.625rem !important; }
  .column-gap-lg-0 {
    column-gap: 0 !important; }
  .column-gap-lg-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-lg-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-lg-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-lg-3 {
    column-gap: 1.875rem !important; }
  .column-gap-lg-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-lg-5 {
    column-gap: 5.625rem !important; }
  .text-lg-start {
    text-align: left !important; }
  .text-lg-end {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important; }
  .float-xl-end {
    float: right !important; }
  .float-xl-none {
    float: none !important; }
  .object-fit-xl-contain {
    object-fit: contain !important; }
  .object-fit-xl-cover {
    object-fit: cover !important; }
  .object-fit-xl-fill {
    object-fit: fill !important; }
  .object-fit-xl-scale {
    object-fit: scale-down !important; }
  .object-fit-xl-none {
    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-1small {
    margin: 0.23438rem !important; }
  .m-xl-1 {
    margin: 0.46875rem !important; }
  .m-xl-2 {
    margin: 0.9375rem !important; }
  .m-xl-3 {
    margin: 1.875rem !important; }
  .m-xl-4 {
    margin: 2.8125rem !important; }
  .m-xl-5 {
    margin: 5.625rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xl-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-xl-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-xl-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-xl-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-xl-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-xl-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !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-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-xl-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-xl-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-xl-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-xl-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-xl-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xl-0 {
    margin-top: 0 !important; }
  .mt-xl-1small {
    margin-top: 0.23438rem !important; }
  .mt-xl-1 {
    margin-top: 0.46875rem !important; }
  .mt-xl-2 {
    margin-top: 0.9375rem !important; }
  .mt-xl-3 {
    margin-top: 1.875rem !important; }
  .mt-xl-4 {
    margin-top: 2.8125rem !important; }
  .mt-xl-5 {
    margin-top: 5.625rem !important; }
  .mt-xl-auto {
    margin-top: auto !important; }
  .me-xl-0 {
    margin-right: 0 !important; }
  .me-xl-1small {
    margin-right: 0.23438rem !important; }
  .me-xl-1 {
    margin-right: 0.46875rem !important; }
  .me-xl-2 {
    margin-right: 0.9375rem !important; }
  .me-xl-3 {
    margin-right: 1.875rem !important; }
  .me-xl-4 {
    margin-right: 2.8125rem !important; }
  .me-xl-5 {
    margin-right: 5.625rem !important; }
  .me-xl-auto {
    margin-right: auto !important; }
  .mb-xl-0 {
    margin-bottom: 0 !important; }
  .mb-xl-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-xl-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-xl-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-xl-3 {
    margin-bottom: 1.875rem !important; }
  .mb-xl-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-xl-5 {
    margin-bottom: 5.625rem !important; }
  .mb-xl-auto {
    margin-bottom: auto !important; }
  .ms-xl-0 {
    margin-left: 0 !important; }
  .ms-xl-1small {
    margin-left: 0.23438rem !important; }
  .ms-xl-1 {
    margin-left: 0.46875rem !important; }
  .ms-xl-2 {
    margin-left: 0.9375rem !important; }
  .ms-xl-3 {
    margin-left: 1.875rem !important; }
  .ms-xl-4 {
    margin-left: 2.8125rem !important; }
  .ms-xl-5 {
    margin-left: 5.625rem !important; }
  .ms-xl-auto {
    margin-left: auto !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .p-xl-1small {
    padding: 0.23438rem !important; }
  .p-xl-1 {
    padding: 0.46875rem !important; }
  .p-xl-2 {
    padding: 0.9375rem !important; }
  .p-xl-3 {
    padding: 1.875rem !important; }
  .p-xl-4 {
    padding: 2.8125rem !important; }
  .p-xl-5 {
    padding: 5.625rem !important; }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xl-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-xl-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-xl-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-xl-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-xl-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-xl-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xl-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-xl-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-xl-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-xl-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-xl-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-xl-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-xl-0 {
    padding-top: 0 !important; }
  .pt-xl-1small {
    padding-top: 0.23438rem !important; }
  .pt-xl-1 {
    padding-top: 0.46875rem !important; }
  .pt-xl-2 {
    padding-top: 0.9375rem !important; }
  .pt-xl-3 {
    padding-top: 1.875rem !important; }
  .pt-xl-4 {
    padding-top: 2.8125rem !important; }
  .pt-xl-5 {
    padding-top: 5.625rem !important; }
  .pe-xl-0 {
    padding-right: 0 !important; }
  .pe-xl-1small {
    padding-right: 0.23438rem !important; }
  .pe-xl-1 {
    padding-right: 0.46875rem !important; }
  .pe-xl-2 {
    padding-right: 0.9375rem !important; }
  .pe-xl-3 {
    padding-right: 1.875rem !important; }
  .pe-xl-4 {
    padding-right: 2.8125rem !important; }
  .pe-xl-5 {
    padding-right: 5.625rem !important; }
  .pb-xl-0 {
    padding-bottom: 0 !important; }
  .pb-xl-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-xl-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-xl-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-xl-3 {
    padding-bottom: 1.875rem !important; }
  .pb-xl-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-xl-5 {
    padding-bottom: 5.625rem !important; }
  .ps-xl-0 {
    padding-left: 0 !important; }
  .ps-xl-1small {
    padding-left: 0.23438rem !important; }
  .ps-xl-1 {
    padding-left: 0.46875rem !important; }
  .ps-xl-2 {
    padding-left: 0.9375rem !important; }
  .ps-xl-3 {
    padding-left: 1.875rem !important; }
  .ps-xl-4 {
    padding-left: 2.8125rem !important; }
  .ps-xl-5 {
    padding-left: 5.625rem !important; }
  .gap-xl-0 {
    gap: 0 !important; }
  .gap-xl-1small {
    gap: 0.23438rem !important; }
  .gap-xl-1 {
    gap: 0.46875rem !important; }
  .gap-xl-2 {
    gap: 0.9375rem !important; }
  .gap-xl-3 {
    gap: 1.875rem !important; }
  .gap-xl-4 {
    gap: 2.8125rem !important; }
  .gap-xl-5 {
    gap: 5.625rem !important; }
  .row-gap-xl-0 {
    row-gap: 0 !important; }
  .row-gap-xl-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-xl-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-xl-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-xl-3 {
    row-gap: 1.875rem !important; }
  .row-gap-xl-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-xl-5 {
    row-gap: 5.625rem !important; }
  .column-gap-xl-0 {
    column-gap: 0 !important; }
  .column-gap-xl-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-xl-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-xl-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-xl-3 {
    column-gap: 1.875rem !important; }
  .column-gap-xl-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-xl-5 {
    column-gap: 5.625rem !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: 1500px) {
  .float-xxl-start {
    float: left !important; }
  .float-xxl-end {
    float: right !important; }
  .float-xxl-none {
    float: none !important; }
  .object-fit-xxl-contain {
    object-fit: contain !important; }
  .object-fit-xxl-cover {
    object-fit: cover !important; }
  .object-fit-xxl-fill {
    object-fit: fill !important; }
  .object-fit-xxl-scale {
    object-fit: scale-down !important; }
  .object-fit-xxl-none {
    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-1small {
    margin: 0.23438rem !important; }
  .m-xxl-1 {
    margin: 0.46875rem !important; }
  .m-xxl-2 {
    margin: 0.9375rem !important; }
  .m-xxl-3 {
    margin: 1.875rem !important; }
  .m-xxl-4 {
    margin: 2.8125rem !important; }
  .m-xxl-5 {
    margin: 5.625rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .mx-xxl-1small {
    margin-right: 0.23438rem !important;
    margin-left: 0.23438rem !important; }
  .mx-xxl-1 {
    margin-right: 0.46875rem !important;
    margin-left: 0.46875rem !important; }
  .mx-xxl-2 {
    margin-right: 0.9375rem !important;
    margin-left: 0.9375rem !important; }
  .mx-xxl-3 {
    margin-right: 1.875rem !important;
    margin-left: 1.875rem !important; }
  .mx-xxl-4 {
    margin-right: 2.8125rem !important;
    margin-left: 2.8125rem !important; }
  .mx-xxl-5 {
    margin-right: 5.625rem !important;
    margin-left: 5.625rem !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-1small {
    margin-top: 0.23438rem !important;
    margin-bottom: 0.23438rem !important; }
  .my-xxl-1 {
    margin-top: 0.46875rem !important;
    margin-bottom: 0.46875rem !important; }
  .my-xxl-2 {
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
  .my-xxl-3 {
    margin-top: 1.875rem !important;
    margin-bottom: 1.875rem !important; }
  .my-xxl-4 {
    margin-top: 2.8125rem !important;
    margin-bottom: 2.8125rem !important; }
  .my-xxl-5 {
    margin-top: 5.625rem !important;
    margin-bottom: 5.625rem !important; }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .mt-xxl-0 {
    margin-top: 0 !important; }
  .mt-xxl-1small {
    margin-top: 0.23438rem !important; }
  .mt-xxl-1 {
    margin-top: 0.46875rem !important; }
  .mt-xxl-2 {
    margin-top: 0.9375rem !important; }
  .mt-xxl-3 {
    margin-top: 1.875rem !important; }
  .mt-xxl-4 {
    margin-top: 2.8125rem !important; }
  .mt-xxl-5 {
    margin-top: 5.625rem !important; }
  .mt-xxl-auto {
    margin-top: auto !important; }
  .me-xxl-0 {
    margin-right: 0 !important; }
  .me-xxl-1small {
    margin-right: 0.23438rem !important; }
  .me-xxl-1 {
    margin-right: 0.46875rem !important; }
  .me-xxl-2 {
    margin-right: 0.9375rem !important; }
  .me-xxl-3 {
    margin-right: 1.875rem !important; }
  .me-xxl-4 {
    margin-right: 2.8125rem !important; }
  .me-xxl-5 {
    margin-right: 5.625rem !important; }
  .me-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-0 {
    margin-bottom: 0 !important; }
  .mb-xxl-1small {
    margin-bottom: 0.23438rem !important; }
  .mb-xxl-1 {
    margin-bottom: 0.46875rem !important; }
  .mb-xxl-2 {
    margin-bottom: 0.9375rem !important; }
  .mb-xxl-3 {
    margin-bottom: 1.875rem !important; }
  .mb-xxl-4 {
    margin-bottom: 2.8125rem !important; }
  .mb-xxl-5 {
    margin-bottom: 5.625rem !important; }
  .mb-xxl-auto {
    margin-bottom: auto !important; }
  .ms-xxl-0 {
    margin-left: 0 !important; }
  .ms-xxl-1small {
    margin-left: 0.23438rem !important; }
  .ms-xxl-1 {
    margin-left: 0.46875rem !important; }
  .ms-xxl-2 {
    margin-left: 0.9375rem !important; }
  .ms-xxl-3 {
    margin-left: 1.875rem !important; }
  .ms-xxl-4 {
    margin-left: 2.8125rem !important; }
  .ms-xxl-5 {
    margin-left: 5.625rem !important; }
  .ms-xxl-auto {
    margin-left: auto !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .p-xxl-1small {
    padding: 0.23438rem !important; }
  .p-xxl-1 {
    padding: 0.46875rem !important; }
  .p-xxl-2 {
    padding: 0.9375rem !important; }
  .p-xxl-3 {
    padding: 1.875rem !important; }
  .p-xxl-4 {
    padding: 2.8125rem !important; }
  .p-xxl-5 {
    padding: 5.625rem !important; }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .px-xxl-1small {
    padding-right: 0.23438rem !important;
    padding-left: 0.23438rem !important; }
  .px-xxl-1 {
    padding-right: 0.46875rem !important;
    padding-left: 0.46875rem !important; }
  .px-xxl-2 {
    padding-right: 0.9375rem !important;
    padding-left: 0.9375rem !important; }
  .px-xxl-3 {
    padding-right: 1.875rem !important;
    padding-left: 1.875rem !important; }
  .px-xxl-4 {
    padding-right: 2.8125rem !important;
    padding-left: 2.8125rem !important; }
  .px-xxl-5 {
    padding-right: 5.625rem !important;
    padding-left: 5.625rem !important; }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .py-xxl-1small {
    padding-top: 0.23438rem !important;
    padding-bottom: 0.23438rem !important; }
  .py-xxl-1 {
    padding-top: 0.46875rem !important;
    padding-bottom: 0.46875rem !important; }
  .py-xxl-2 {
    padding-top: 0.9375rem !important;
    padding-bottom: 0.9375rem !important; }
  .py-xxl-3 {
    padding-top: 1.875rem !important;
    padding-bottom: 1.875rem !important; }
  .py-xxl-4 {
    padding-top: 2.8125rem !important;
    padding-bottom: 2.8125rem !important; }
  .py-xxl-5 {
    padding-top: 5.625rem !important;
    padding-bottom: 5.625rem !important; }
  .pt-xxl-0 {
    padding-top: 0 !important; }
  .pt-xxl-1small {
    padding-top: 0.23438rem !important; }
  .pt-xxl-1 {
    padding-top: 0.46875rem !important; }
  .pt-xxl-2 {
    padding-top: 0.9375rem !important; }
  .pt-xxl-3 {
    padding-top: 1.875rem !important; }
  .pt-xxl-4 {
    padding-top: 2.8125rem !important; }
  .pt-xxl-5 {
    padding-top: 5.625rem !important; }
  .pe-xxl-0 {
    padding-right: 0 !important; }
  .pe-xxl-1small {
    padding-right: 0.23438rem !important; }
  .pe-xxl-1 {
    padding-right: 0.46875rem !important; }
  .pe-xxl-2 {
    padding-right: 0.9375rem !important; }
  .pe-xxl-3 {
    padding-right: 1.875rem !important; }
  .pe-xxl-4 {
    padding-right: 2.8125rem !important; }
  .pe-xxl-5 {
    padding-right: 5.625rem !important; }
  .pb-xxl-0 {
    padding-bottom: 0 !important; }
  .pb-xxl-1small {
    padding-bottom: 0.23438rem !important; }
  .pb-xxl-1 {
    padding-bottom: 0.46875rem !important; }
  .pb-xxl-2 {
    padding-bottom: 0.9375rem !important; }
  .pb-xxl-3 {
    padding-bottom: 1.875rem !important; }
  .pb-xxl-4 {
    padding-bottom: 2.8125rem !important; }
  .pb-xxl-5 {
    padding-bottom: 5.625rem !important; }
  .ps-xxl-0 {
    padding-left: 0 !important; }
  .ps-xxl-1small {
    padding-left: 0.23438rem !important; }
  .ps-xxl-1 {
    padding-left: 0.46875rem !important; }
  .ps-xxl-2 {
    padding-left: 0.9375rem !important; }
  .ps-xxl-3 {
    padding-left: 1.875rem !important; }
  .ps-xxl-4 {
    padding-left: 2.8125rem !important; }
  .ps-xxl-5 {
    padding-left: 5.625rem !important; }
  .gap-xxl-0 {
    gap: 0 !important; }
  .gap-xxl-1small {
    gap: 0.23438rem !important; }
  .gap-xxl-1 {
    gap: 0.46875rem !important; }
  .gap-xxl-2 {
    gap: 0.9375rem !important; }
  .gap-xxl-3 {
    gap: 1.875rem !important; }
  .gap-xxl-4 {
    gap: 2.8125rem !important; }
  .gap-xxl-5 {
    gap: 5.625rem !important; }
  .row-gap-xxl-0 {
    row-gap: 0 !important; }
  .row-gap-xxl-1small {
    row-gap: 0.23438rem !important; }
  .row-gap-xxl-1 {
    row-gap: 0.46875rem !important; }
  .row-gap-xxl-2 {
    row-gap: 0.9375rem !important; }
  .row-gap-xxl-3 {
    row-gap: 1.875rem !important; }
  .row-gap-xxl-4 {
    row-gap: 2.8125rem !important; }
  .row-gap-xxl-5 {
    row-gap: 5.625rem !important; }
  .column-gap-xxl-0 {
    column-gap: 0 !important; }
  .column-gap-xxl-1small {
    column-gap: 0.23438rem !important; }
  .column-gap-xxl-1 {
    column-gap: 0.46875rem !important; }
  .column-gap-xxl-2 {
    column-gap: 0.9375rem !important; }
  .column-gap-xxl-3 {
    column-gap: 1.875rem !important; }
  .column-gap-xxl-4 {
    column-gap: 2.8125rem !important; }
  .column-gap-xxl-5 {
    column-gap: 5.625rem !important; }
  .text-xxl-start {
    text-align: left !important; }
  .text-xxl-end {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.34375rem !important; }
  .fs-2 {
    font-size: 1.875rem !important; }
  .fs-3 {
    font-size: 1.64062rem !important; }
  .fs-4 {
    font-size: 1.40625rem !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; } }

/*@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/root";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/reboot";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/type";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/images";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/containers";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/grid";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/tables";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/forms";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/buttons";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/transitions";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/dropdown";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/button-group";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/nav";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/navbar";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/card";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/accordion";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/breadcrumb";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/pagination";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/badge";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/alert";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/progress";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/list-group";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/close";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/toasts";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/modal";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/tooltip";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/popover";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/carousel";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/spinners";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/offcanvas";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/helpers";
@import "/Ecommerce/Vendors/core2/_bootstrap-5.0.1/scss/utilities/api";*/
/*
*   K-ECOMMERCE BASE VARIABLES NEEDING BOOTSTRAP FOR DEFAULT VALUES
*/
/*
*--------------------------------------------------
*	UTILITIES: VARIABLES: CORE BASE
*--------------------------------------------------
*
*	Default core base variables. Since this is loaded after
*	Bootstrap, original boostrap variables can be used.
*
*	This utility is only intended to be used for the core base.
*
*	If any of these variables are defined in the variables
*	theme file, the theme variable will win over these, otherwise
*	the value below will be taken as the default value.
*
*	All variables in this document should have a !default.
*
*/
/*
* By default, bootstrap is created for a light website. If your website needs to be all black or uses a dark color, you must activate the dark-mode to have
* all the components reacting well on dark website
*/
/*
*	#bootstrap5fix# 
*	adding a new size in the spacers map for a smaller spacer.
*	this smaller spacer is especially used with my-* and my-n* so that
*	combined margins equals as a mb-1.
*	my-1small and my-n1small
*
* this is not a default. We are redefining the $spacers because we need to add a new value, but putting it in variable-override does not allow us to customize it in the theme
*/
/*
* PAGE LOADER OVERLAY
* Show a page loader overlay while page is loading before document is ready
* There is no animation by default. Must be added in theme.
*/
/*
* FORMS
*/
/*
* OPTIONS
*/
/*
*   SCROLL BAR
*/
/*
* THEME COLORS
*/
/*
 *  DISABLED BUTTONS
*/
/*
* INPUT
*/
/*
*	MAIN MENU
*/
/*
*	TOGGLER
*/
/*
*	MSG BAR
*/
/*
*   SLIDER
*/
/*
 *  STORE
*/
/*
*   COUPON
*/
/*
 *  CAPTION
*/
/*
*   CREDIT CARD
*/
/*
*   DATE PICKER
*/
/*
*	LAZY LOADING COLORS
*/
/*
*	FORM
*/
/*
*  NOTIFY ME
*/
/*
 *  ORDER EXPRESS
*/
/*
 *  PURCHASE RULES VALIDATION
*/
/*
*	STATUSBAR
*/
/*
*   SHOPPING CART SUMMARY
*/
/*
*   SHOPPING CART PAGE
*/
/*
*  TABLE
*/
/*
*  TAG
*/
/*
*   TIMESLOT
*/
/*
*	TRANSITION
*/
/*
*	RATING ICONS
*   Make sure the color set pass WCAG 1.4.11: Non-text Contrast
*   of at least 4.50:1 to pass WCAG AA compliancy
*/
/*
*   Supported Language in platform
*/
/*
* COLOR AND IMAGE SWATCHES
*/
/*
* LEGACY VARIABLES
* Old variable name that have been renammed.
* Creating legacy list to support old theme or already applied theme
*/
/*
*   K-ECOMMERCE VENDORS
*   Fontawesome, you need to modify the path of the webfonts folder in the /Vendors/core2/_fontawesome/scss/_variables.scss file
*/
/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900); }

.fa,
.fa-classic,
.fa-sharp,
.fas,
.fa-solid,
.far,
.fa-regular,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fas,
.fa-classic,
.fa-solid,
.far,
.fa-regular {
  font-family: 'Font Awesome 6 Free'; }

.fab,
.fa-brands {
  font-family: 'Font Awesome 6 Brands'; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1); }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0); }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    transform: scale(1, 1) translateY(0); }
  100% {
    transform: scale(1, 1) translateY(0); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1); }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg); }
  4% {
    transform: rotate(15deg); }
  8%, 24% {
    transform: rotate(-18deg); }
  12%, 28% {
    transform: rotate(18deg); }
  16% {
    transform: rotate(-22deg); }
  20% {
    transform: rotate(22deg); }
  32% {
    transform: rotate(-12deg); }
  36% {
    transform: rotate(12deg); }
  40%, 100% {
    transform: rotate(0deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.fa-rotate-90 {
  transform: rotate(90deg); }

.fa-rotate-180 {
  transform: rotate(180deg); }

.fa-rotate-270 {
  transform: rotate(270deg); }

.fa-flip-horizontal {
  transform: scale(-1, 1); }

.fa-flip-vertical {
  transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1); }

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, none)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
  content: "\30"; }

.fa-1::before {
  content: "\31"; }

.fa-2::before {
  content: "\32"; }

.fa-3::before {
  content: "\33"; }

.fa-4::before {
  content: "\34"; }

.fa-5::before {
  content: "\35"; }

.fa-6::before {
  content: "\36"; }

.fa-7::before {
  content: "\37"; }

.fa-8::before {
  content: "\38"; }

.fa-9::before {
  content: "\39"; }

.fa-fill-drip::before {
  content: "\f576"; }

.fa-arrows-to-circle::before {
  content: "\e4bd"; }

.fa-circle-chevron-right::before {
  content: "\f138"; }

.fa-chevron-circle-right::before {
  content: "\f138"; }

.fa-at::before {
  content: "\40"; }

.fa-trash-can::before {
  content: "\f2ed"; }

.fa-trash-alt::before {
  content: "\f2ed"; }

.fa-text-height::before {
  content: "\f034"; }

.fa-user-xmark::before {
  content: "\f235"; }

.fa-user-times::before {
  content: "\f235"; }

.fa-stethoscope::before {
  content: "\f0f1"; }

.fa-message::before {
  content: "\f27a"; }

.fa-comment-alt::before {
  content: "\f27a"; }

.fa-info::before {
  content: "\f129"; }

.fa-down-left-and-up-right-to-center::before {
  content: "\f422"; }

.fa-compress-alt::before {
  content: "\f422"; }

.fa-explosion::before {
  content: "\e4e9"; }

.fa-file-lines::before {
  content: "\f15c"; }

.fa-file-alt::before {
  content: "\f15c"; }

.fa-file-text::before {
  content: "\f15c"; }

.fa-wave-square::before {
  content: "\f83e"; }

.fa-ring::before {
  content: "\f70b"; }

.fa-building-un::before {
  content: "\e4d9"; }

.fa-dice-three::before {
  content: "\f527"; }

.fa-calendar-days::before {
  content: "\f073"; }

.fa-calendar-alt::before {
  content: "\f073"; }

.fa-anchor-circle-check::before {
  content: "\e4aa"; }

.fa-building-circle-arrow-right::before {
  content: "\e4d1"; }

.fa-volleyball::before {
  content: "\f45f"; }

.fa-volleyball-ball::before {
  content: "\f45f"; }

.fa-arrows-up-to-line::before {
  content: "\e4c2"; }

.fa-sort-down::before {
  content: "\f0dd"; }

.fa-sort-desc::before {
  content: "\f0dd"; }

.fa-circle-minus::before {
  content: "\f056"; }

.fa-minus-circle::before {
  content: "\f056"; }

.fa-door-open::before {
  content: "\f52b"; }

.fa-right-from-bracket::before {
  content: "\f2f5"; }

.fa-sign-out-alt::before {
  content: "\f2f5"; }

.fa-atom::before {
  content: "\f5d2"; }

.fa-soap::before {
  content: "\e06e"; }

.fa-icons::before {
  content: "\f86d"; }

.fa-heart-music-camera-bolt::before {
  content: "\f86d"; }

.fa-microphone-lines-slash::before {
  content: "\f539"; }

.fa-microphone-alt-slash::before {
  content: "\f539"; }

.fa-bridge-circle-check::before {
  content: "\e4c9"; }

.fa-pump-medical::before {
  content: "\e06a"; }

.fa-fingerprint::before {
  content: "\f577"; }

.fa-hand-point-right::before {
  content: "\f0a4"; }

.fa-magnifying-glass-location::before {
  content: "\f689"; }

.fa-search-location::before {
  content: "\f689"; }

.fa-forward-step::before {
  content: "\f051"; }

.fa-step-forward::before {
  content: "\f051"; }

.fa-face-smile-beam::before {
  content: "\f5b8"; }

.fa-smile-beam::before {
  content: "\f5b8"; }

.fa-flag-checkered::before {
  content: "\f11e"; }

.fa-football::before {
  content: "\f44e"; }

.fa-football-ball::before {
  content: "\f44e"; }

.fa-school-circle-exclamation::before {
  content: "\e56c"; }

.fa-crop::before {
  content: "\f125"; }

.fa-angles-down::before {
  content: "\f103"; }

.fa-angle-double-down::before {
  content: "\f103"; }

.fa-users-rectangle::before {
  content: "\e594"; }

.fa-people-roof::before {
  content: "\e537"; }

.fa-people-line::before {
  content: "\e534"; }

.fa-beer-mug-empty::before {
  content: "\f0fc"; }

.fa-beer::before {
  content: "\f0fc"; }

.fa-diagram-predecessor::before {
  content: "\e477"; }

.fa-arrow-up-long::before {
  content: "\f176"; }

.fa-long-arrow-up::before {
  content: "\f176"; }

.fa-fire-flame-simple::before {
  content: "\f46a"; }

.fa-burn::before {
  content: "\f46a"; }

.fa-person::before {
  content: "\f183"; }

.fa-male::before {
  content: "\f183"; }

.fa-laptop::before {
  content: "\f109"; }

.fa-file-csv::before {
  content: "\f6dd"; }

.fa-menorah::before {
  content: "\f676"; }

.fa-truck-plane::before {
  content: "\e58f"; }

.fa-record-vinyl::before {
  content: "\f8d9"; }

.fa-face-grin-stars::before {
  content: "\f587"; }

.fa-grin-stars::before {
  content: "\f587"; }

.fa-bong::before {
  content: "\f55c"; }

.fa-spaghetti-monster-flying::before {
  content: "\f67b"; }

.fa-pastafarianism::before {
  content: "\f67b"; }

.fa-arrow-down-up-across-line::before {
  content: "\e4af"; }

.fa-spoon::before {
  content: "\f2e5"; }

.fa-utensil-spoon::before {
  content: "\f2e5"; }

.fa-jar-wheat::before {
  content: "\e517"; }

.fa-envelopes-bulk::before {
  content: "\f674"; }

.fa-mail-bulk::before {
  content: "\f674"; }

.fa-file-circle-exclamation::before {
  content: "\e4eb"; }

.fa-circle-h::before {
  content: "\f47e"; }

.fa-hospital-symbol::before {
  content: "\f47e"; }

.fa-pager::before {
  content: "\f815"; }

.fa-address-book::before {
  content: "\f2b9"; }

.fa-contact-book::before {
  content: "\f2b9"; }

.fa-strikethrough::before {
  content: "\f0cc"; }

.fa-k::before {
  content: "\4b"; }

.fa-landmark-flag::before {
  content: "\e51c"; }

.fa-pencil::before {
  content: "\f303"; }

.fa-pencil-alt::before {
  content: "\f303"; }

.fa-backward::before {
  content: "\f04a"; }

.fa-caret-right::before {
  content: "\f0da"; }

.fa-comments::before {
  content: "\f086"; }

.fa-paste::before {
  content: "\f0ea"; }

.fa-file-clipboard::before {
  content: "\f0ea"; }

.fa-code-pull-request::before {
  content: "\e13c"; }

.fa-clipboard-list::before {
  content: "\f46d"; }

.fa-truck-ramp-box::before {
  content: "\f4de"; }

.fa-truck-loading::before {
  content: "\f4de"; }

.fa-user-check::before {
  content: "\f4fc"; }

.fa-vial-virus::before {
  content: "\e597"; }

.fa-sheet-plastic::before {
  content: "\e571"; }

.fa-blog::before {
  content: "\f781"; }

.fa-user-ninja::before {
  content: "\f504"; }

.fa-person-arrow-up-from-line::before {
  content: "\e539"; }

.fa-scroll-torah::before {
  content: "\f6a0"; }

.fa-torah::before {
  content: "\f6a0"; }

.fa-broom-ball::before {
  content: "\f458"; }

.fa-quidditch::before {
  content: "\f458"; }

.fa-quidditch-broom-ball::before {
  content: "\f458"; }

.fa-toggle-off::before {
  content: "\f204"; }

.fa-box-archive::before {
  content: "\f187"; }

.fa-archive::before {
  content: "\f187"; }

.fa-person-drowning::before {
  content: "\e545"; }

.fa-arrow-down-9-1::before {
  content: "\f886"; }

.fa-sort-numeric-desc::before {
  content: "\f886"; }

.fa-sort-numeric-down-alt::before {
  content: "\f886"; }

.fa-face-grin-tongue-squint::before {
  content: "\f58a"; }

.fa-grin-tongue-squint::before {
  content: "\f58a"; }

.fa-spray-can::before {
  content: "\f5bd"; }

.fa-truck-monster::before {
  content: "\f63b"; }

.fa-w::before {
  content: "\57"; }

.fa-earth-africa::before {
  content: "\f57c"; }

.fa-globe-africa::before {
  content: "\f57c"; }

.fa-rainbow::before {
  content: "\f75b"; }

.fa-circle-notch::before {
  content: "\f1ce"; }

.fa-tablet-screen-button::before {
  content: "\f3fa"; }

.fa-tablet-alt::before {
  content: "\f3fa"; }

.fa-paw::before {
  content: "\f1b0"; }

.fa-cloud::before {
  content: "\f0c2"; }

.fa-trowel-bricks::before {
  content: "\e58a"; }

.fa-face-flushed::before {
  content: "\f579"; }

.fa-flushed::before {
  content: "\f579"; }

.fa-hospital-user::before {
  content: "\f80d"; }

.fa-tent-arrow-left-right::before {
  content: "\e57f"; }

.fa-gavel::before {
  content: "\f0e3"; }

.fa-legal::before {
  content: "\f0e3"; }

.fa-binoculars::before {
  content: "\f1e5"; }

.fa-microphone-slash::before {
  content: "\f131"; }

.fa-box-tissue::before {
  content: "\e05b"; }

.fa-motorcycle::before {
  content: "\f21c"; }

.fa-bell-concierge::before {
  content: "\f562"; }

.fa-concierge-bell::before {
  content: "\f562"; }

.fa-pen-ruler::before {
  content: "\f5ae"; }

.fa-pencil-ruler::before {
  content: "\f5ae"; }

.fa-people-arrows::before {
  content: "\e068"; }

.fa-people-arrows-left-right::before {
  content: "\e068"; }

.fa-mars-and-venus-burst::before {
  content: "\e523"; }

.fa-square-caret-right::before {
  content: "\f152"; }

.fa-caret-square-right::before {
  content: "\f152"; }

.fa-scissors::before {
  content: "\f0c4"; }

.fa-cut::before {
  content: "\f0c4"; }

.fa-sun-plant-wilt::before {
  content: "\e57a"; }

.fa-toilets-portable::before {
  content: "\e584"; }

.fa-hockey-puck::before {
  content: "\f453"; }

.fa-table::before {
  content: "\f0ce"; }

.fa-magnifying-glass-arrow-right::before {
  content: "\e521"; }

.fa-tachograph-digital::before {
  content: "\f566"; }

.fa-digital-tachograph::before {
  content: "\f566"; }

.fa-users-slash::before {
  content: "\e073"; }

.fa-clover::before {
  content: "\e139"; }

.fa-reply::before {
  content: "\f3e5"; }

.fa-mail-reply::before {
  content: "\f3e5"; }

.fa-star-and-crescent::before {
  content: "\f699"; }

.fa-house-fire::before {
  content: "\e50c"; }

.fa-square-minus::before {
  content: "\f146"; }

.fa-minus-square::before {
  content: "\f146"; }

.fa-helicopter::before {
  content: "\f533"; }

.fa-compass::before {
  content: "\f14e"; }

.fa-square-caret-down::before {
  content: "\f150"; }

.fa-caret-square-down::before {
  content: "\f150"; }

.fa-file-circle-question::before {
  content: "\e4ef"; }

.fa-laptop-code::before {
  content: "\f5fc"; }

.fa-swatchbook::before {
  content: "\f5c3"; }

.fa-prescription-bottle::before {
  content: "\f485"; }

.fa-bars::before {
  content: "\f0c9"; }

.fa-navicon::before {
  content: "\f0c9"; }

.fa-people-group::before {
  content: "\e533"; }

.fa-hourglass-end::before {
  content: "\f253"; }

.fa-hourglass-3::before {
  content: "\f253"; }

.fa-heart-crack::before {
  content: "\f7a9"; }

.fa-heart-broken::before {
  content: "\f7a9"; }

.fa-square-up-right::before {
  content: "\f360"; }

.fa-external-link-square-alt::before {
  content: "\f360"; }

.fa-face-kiss-beam::before {
  content: "\f597"; }

.fa-kiss-beam::before {
  content: "\f597"; }

.fa-film::before {
  content: "\f008"; }

.fa-ruler-horizontal::before {
  content: "\f547"; }

.fa-people-robbery::before {
  content: "\e536"; }

.fa-lightbulb::before {
  content: "\f0eb"; }

.fa-caret-left::before {
  content: "\f0d9"; }

.fa-circle-exclamation::before {
  content: "\f06a"; }

.fa-exclamation-circle::before {
  content: "\f06a"; }

.fa-school-circle-xmark::before {
  content: "\e56d"; }

.fa-arrow-right-from-bracket::before {
  content: "\f08b"; }

.fa-sign-out::before {
  content: "\f08b"; }

.fa-circle-chevron-down::before {
  content: "\f13a"; }

.fa-chevron-circle-down::before {
  content: "\f13a"; }

.fa-unlock-keyhole::before {
  content: "\f13e"; }

.fa-unlock-alt::before {
  content: "\f13e"; }

.fa-cloud-showers-heavy::before {
  content: "\f740"; }

.fa-headphones-simple::before {
  content: "\f58f"; }

.fa-headphones-alt::before {
  content: "\f58f"; }

.fa-sitemap::before {
  content: "\f0e8"; }

.fa-circle-dollar-to-slot::before {
  content: "\f4b9"; }

.fa-donate::before {
  content: "\f4b9"; }

.fa-memory::before {
  content: "\f538"; }

.fa-road-spikes::before {
  content: "\e568"; }

.fa-fire-burner::before {
  content: "\e4f1"; }

.fa-flag::before {
  content: "\f024"; }

.fa-hanukiah::before {
  content: "\f6e6"; }

.fa-feather::before {
  content: "\f52d"; }

.fa-volume-low::before {
  content: "\f027"; }

.fa-volume-down::before {
  content: "\f027"; }

.fa-comment-slash::before {
  content: "\f4b3"; }

.fa-cloud-sun-rain::before {
  content: "\f743"; }

.fa-compress::before {
  content: "\f066"; }

.fa-wheat-awn::before {
  content: "\e2cd"; }

.fa-wheat-alt::before {
  content: "\e2cd"; }

.fa-ankh::before {
  content: "\f644"; }

.fa-hands-holding-child::before {
  content: "\e4fa"; }

.fa-asterisk::before {
  content: "\2a"; }

.fa-square-check::before {
  content: "\f14a"; }

.fa-check-square::before {
  content: "\f14a"; }

.fa-peseta-sign::before {
  content: "\e221"; }

.fa-heading::before {
  content: "\f1dc"; }

.fa-header::before {
  content: "\f1dc"; }

.fa-ghost::before {
  content: "\f6e2"; }

.fa-list::before {
  content: "\f03a"; }

.fa-list-squares::before {
  content: "\f03a"; }

.fa-square-phone-flip::before {
  content: "\f87b"; }

.fa-phone-square-alt::before {
  content: "\f87b"; }

.fa-cart-plus::before {
  content: "\f217"; }

.fa-gamepad::before {
  content: "\f11b"; }

.fa-circle-dot::before {
  content: "\f192"; }

.fa-dot-circle::before {
  content: "\f192"; }

.fa-face-dizzy::before {
  content: "\f567"; }

.fa-dizzy::before {
  content: "\f567"; }

.fa-egg::before {
  content: "\f7fb"; }

.fa-house-medical-circle-xmark::before {
  content: "\e513"; }

.fa-campground::before {
  content: "\f6bb"; }

.fa-folder-plus::before {
  content: "\f65e"; }

.fa-futbol::before {
  content: "\f1e3"; }

.fa-futbol-ball::before {
  content: "\f1e3"; }

.fa-soccer-ball::before {
  content: "\f1e3"; }

.fa-paintbrush::before {
  content: "\f1fc"; }

.fa-paint-brush::before {
  content: "\f1fc"; }

.fa-lock::before {
  content: "\f023"; }

.fa-gas-pump::before {
  content: "\f52f"; }

.fa-hot-tub-person::before {
  content: "\f593"; }

.fa-hot-tub::before {
  content: "\f593"; }

.fa-map-location::before {
  content: "\f59f"; }

.fa-map-marked::before {
  content: "\f59f"; }

.fa-house-flood-water::before {
  content: "\e50e"; }

.fa-tree::before {
  content: "\f1bb"; }

.fa-bridge-lock::before {
  content: "\e4cc"; }

.fa-sack-dollar::before {
  content: "\f81d"; }

.fa-pen-to-square::before {
  content: "\f044"; }

.fa-edit::before {
  content: "\f044"; }

.fa-car-side::before {
  content: "\f5e4"; }

.fa-share-nodes::before {
  content: "\f1e0"; }

.fa-share-alt::before {
  content: "\f1e0"; }

.fa-heart-circle-minus::before {
  content: "\e4ff"; }

.fa-hourglass-half::before {
  content: "\f252"; }

.fa-hourglass-2::before {
  content: "\f252"; }

.fa-microscope::before {
  content: "\f610"; }

.fa-sink::before {
  content: "\e06d"; }

.fa-bag-shopping::before {
  content: "\f290"; }

.fa-shopping-bag::before {
  content: "\f290"; }

.fa-arrow-down-z-a::before {
  content: "\f881"; }

.fa-sort-alpha-desc::before {
  content: "\f881"; }

.fa-sort-alpha-down-alt::before {
  content: "\f881"; }

.fa-mitten::before {
  content: "\f7b5"; }

.fa-person-rays::before {
  content: "\e54d"; }

.fa-users::before {
  content: "\f0c0"; }

.fa-eye-slash::before {
  content: "\f070"; }

.fa-flask-vial::before {
  content: "\e4f3"; }

.fa-hand::before {
  content: "\f256"; }

.fa-hand-paper::before {
  content: "\f256"; }

.fa-om::before {
  content: "\f679"; }

.fa-worm::before {
  content: "\e599"; }

.fa-house-circle-xmark::before {
  content: "\e50b"; }

.fa-plug::before {
  content: "\f1e6"; }

.fa-chevron-up::before {
  content: "\f077"; }

.fa-hand-spock::before {
  content: "\f259"; }

.fa-stopwatch::before {
  content: "\f2f2"; }

.fa-face-kiss::before {
  content: "\f596"; }

.fa-kiss::before {
  content: "\f596"; }

.fa-bridge-circle-xmark::before {
  content: "\e4cb"; }

.fa-face-grin-tongue::before {
  content: "\f589"; }

.fa-grin-tongue::before {
  content: "\f589"; }

.fa-chess-bishop::before {
  content: "\f43a"; }

.fa-face-grin-wink::before {
  content: "\f58c"; }

.fa-grin-wink::before {
  content: "\f58c"; }

.fa-ear-deaf::before {
  content: "\f2a4"; }

.fa-deaf::before {
  content: "\f2a4"; }

.fa-deafness::before {
  content: "\f2a4"; }

.fa-hard-of-hearing::before {
  content: "\f2a4"; }

.fa-road-circle-check::before {
  content: "\e564"; }

.fa-dice-five::before {
  content: "\f523"; }

.fa-square-rss::before {
  content: "\f143"; }

.fa-rss-square::before {
  content: "\f143"; }

.fa-land-mine-on::before {
  content: "\e51b"; }

.fa-i-cursor::before {
  content: "\f246"; }

.fa-stamp::before {
  content: "\f5bf"; }

.fa-stairs::before {
  content: "\e289"; }

.fa-i::before {
  content: "\49"; }

.fa-hryvnia-sign::before {
  content: "\f6f2"; }

.fa-hryvnia::before {
  content: "\f6f2"; }

.fa-pills::before {
  content: "\f484"; }

.fa-face-grin-wide::before {
  content: "\f581"; }

.fa-grin-alt::before {
  content: "\f581"; }

.fa-tooth::before {
  content: "\f5c9"; }

.fa-v::before {
  content: "\56"; }

.fa-bangladeshi-taka-sign::before {
  content: "\e2e6"; }

.fa-bicycle::before {
  content: "\f206"; }

.fa-staff-snake::before {
  content: "\e579"; }

.fa-rod-asclepius::before {
  content: "\e579"; }

.fa-rod-snake::before {
  content: "\e579"; }

.fa-staff-aesculapius::before {
  content: "\e579"; }

.fa-head-side-cough-slash::before {
  content: "\e062"; }

.fa-truck-medical::before {
  content: "\f0f9"; }

.fa-ambulance::before {
  content: "\f0f9"; }

.fa-wheat-awn-circle-exclamation::before {
  content: "\e598"; }

.fa-snowman::before {
  content: "\f7d0"; }

.fa-mortar-pestle::before {
  content: "\f5a7"; }

.fa-road-barrier::before {
  content: "\e562"; }

.fa-school::before {
  content: "\f549"; }

.fa-igloo::before {
  content: "\f7ae"; }

.fa-joint::before {
  content: "\f595"; }

.fa-angle-right::before {
  content: "\f105"; }

.fa-horse::before {
  content: "\f6f0"; }

.fa-q::before {
  content: "\51"; }

.fa-g::before {
  content: "\47"; }

.fa-notes-medical::before {
  content: "\f481"; }

.fa-temperature-half::before {
  content: "\f2c9"; }

.fa-temperature-2::before {
  content: "\f2c9"; }

.fa-thermometer-2::before {
  content: "\f2c9"; }

.fa-thermometer-half::before {
  content: "\f2c9"; }

.fa-dong-sign::before {
  content: "\e169"; }

.fa-capsules::before {
  content: "\f46b"; }

.fa-poo-storm::before {
  content: "\f75a"; }

.fa-poo-bolt::before {
  content: "\f75a"; }

.fa-face-frown-open::before {
  content: "\f57a"; }

.fa-frown-open::before {
  content: "\f57a"; }

.fa-hand-point-up::before {
  content: "\f0a6"; }

.fa-money-bill::before {
  content: "\f0d6"; }

.fa-bookmark::before {
  content: "\f02e"; }

.fa-align-justify::before {
  content: "\f039"; }

.fa-umbrella-beach::before {
  content: "\f5ca"; }

.fa-helmet-un::before {
  content: "\e503"; }

.fa-bullseye::before {
  content: "\f140"; }

.fa-bacon::before {
  content: "\f7e5"; }

.fa-hand-point-down::before {
  content: "\f0a7"; }

.fa-arrow-up-from-bracket::before {
  content: "\e09a"; }

.fa-folder::before {
  content: "\f07b"; }

.fa-folder-blank::before {
  content: "\f07b"; }

.fa-file-waveform::before {
  content: "\f478"; }

.fa-file-medical-alt::before {
  content: "\f478"; }

.fa-radiation::before {
  content: "\f7b9"; }

.fa-chart-simple::before {
  content: "\e473"; }

.fa-mars-stroke::before {
  content: "\f229"; }

.fa-vial::before {
  content: "\f492"; }

.fa-gauge::before {
  content: "\f624"; }

.fa-dashboard::before {
  content: "\f624"; }

.fa-gauge-med::before {
  content: "\f624"; }

.fa-tachometer-alt-average::before {
  content: "\f624"; }

.fa-wand-magic-sparkles::before {
  content: "\e2ca"; }

.fa-magic-wand-sparkles::before {
  content: "\e2ca"; }

.fa-e::before {
  content: "\45"; }

.fa-pen-clip::before {
  content: "\f305"; }

.fa-pen-alt::before {
  content: "\f305"; }

.fa-bridge-circle-exclamation::before {
  content: "\e4ca"; }

.fa-user::before {
  content: "\f007"; }

.fa-school-circle-check::before {
  content: "\e56b"; }

.fa-dumpster::before {
  content: "\f793"; }

.fa-van-shuttle::before {
  content: "\f5b6"; }

.fa-shuttle-van::before {
  content: "\f5b6"; }

.fa-building-user::before {
  content: "\e4da"; }

.fa-square-caret-left::before {
  content: "\f191"; }

.fa-caret-square-left::before {
  content: "\f191"; }

.fa-highlighter::before {
  content: "\f591"; }

.fa-key::before {
  content: "\f084"; }

.fa-bullhorn::before {
  content: "\f0a1"; }

.fa-globe::before {
  content: "\f0ac"; }

.fa-synagogue::before {
  content: "\f69b"; }

.fa-person-half-dress::before {
  content: "\e548"; }

.fa-road-bridge::before {
  content: "\e563"; }

.fa-location-arrow::before {
  content: "\f124"; }

.fa-c::before {
  content: "\43"; }

.fa-tablet-button::before {
  content: "\f10a"; }

.fa-building-lock::before {
  content: "\e4d6"; }

.fa-pizza-slice::before {
  content: "\f818"; }

.fa-money-bill-wave::before {
  content: "\f53a"; }

.fa-chart-area::before {
  content: "\f1fe"; }

.fa-area-chart::before {
  content: "\f1fe"; }

.fa-house-flag::before {
  content: "\e50d"; }

.fa-person-circle-minus::before {
  content: "\e540"; }

.fa-ban::before {
  content: "\f05e"; }

.fa-cancel::before {
  content: "\f05e"; }

.fa-camera-rotate::before {
  content: "\e0d8"; }

.fa-spray-can-sparkles::before {
  content: "\f5d0"; }

.fa-air-freshener::before {
  content: "\f5d0"; }

.fa-star::before {
  content: "\f005"; }

.fa-repeat::before {
  content: "\f363"; }

.fa-cross::before {
  content: "\f654"; }

.fa-box::before {
  content: "\f466"; }

.fa-venus-mars::before {
  content: "\f228"; }

.fa-arrow-pointer::before {
  content: "\f245"; }

.fa-mouse-pointer::before {
  content: "\f245"; }

.fa-maximize::before {
  content: "\f31e"; }

.fa-expand-arrows-alt::before {
  content: "\f31e"; }

.fa-charging-station::before {
  content: "\f5e7"; }

.fa-shapes::before {
  content: "\f61f"; }

.fa-triangle-circle-square::before {
  content: "\f61f"; }

.fa-shuffle::before {
  content: "\f074"; }

.fa-random::before {
  content: "\f074"; }

.fa-person-running::before {
  content: "\f70c"; }

.fa-running::before {
  content: "\f70c"; }

.fa-mobile-retro::before {
  content: "\e527"; }

.fa-grip-lines-vertical::before {
  content: "\f7a5"; }

.fa-spider::before {
  content: "\f717"; }

.fa-hands-bound::before {
  content: "\e4f9"; }

.fa-file-invoice-dollar::before {
  content: "\f571"; }

.fa-plane-circle-exclamation::before {
  content: "\e556"; }

.fa-x-ray::before {
  content: "\f497"; }

.fa-spell-check::before {
  content: "\f891"; }

.fa-slash::before {
  content: "\f715"; }

.fa-computer-mouse::before {
  content: "\f8cc"; }

.fa-mouse::before {
  content: "\f8cc"; }

.fa-arrow-right-to-bracket::before {
  content: "\f090"; }

.fa-sign-in::before {
  content: "\f090"; }

.fa-shop-slash::before {
  content: "\e070"; }

.fa-store-alt-slash::before {
  content: "\e070"; }

.fa-server::before {
  content: "\f233"; }

.fa-virus-covid-slash::before {
  content: "\e4a9"; }

.fa-shop-lock::before {
  content: "\e4a5"; }

.fa-hourglass-start::before {
  content: "\f251"; }

.fa-hourglass-1::before {
  content: "\f251"; }

.fa-blender-phone::before {
  content: "\f6b6"; }

.fa-building-wheat::before {
  content: "\e4db"; }

.fa-person-breastfeeding::before {
  content: "\e53a"; }

.fa-right-to-bracket::before {
  content: "\f2f6"; }

.fa-sign-in-alt::before {
  content: "\f2f6"; }

.fa-venus::before {
  content: "\f221"; }

.fa-passport::before {
  content: "\f5ab"; }

.fa-heart-pulse::before {
  content: "\f21e"; }

.fa-heartbeat::before {
  content: "\f21e"; }

.fa-people-carry-box::before {
  content: "\f4ce"; }

.fa-people-carry::before {
  content: "\f4ce"; }

.fa-temperature-high::before {
  content: "\f769"; }

.fa-microchip::before {
  content: "\f2db"; }

.fa-crown::before {
  content: "\f521"; }

.fa-weight-hanging::before {
  content: "\f5cd"; }

.fa-xmarks-lines::before {
  content: "\e59a"; }

.fa-file-prescription::before {
  content: "\f572"; }

.fa-weight-scale::before {
  content: "\f496"; }

.fa-weight::before {
  content: "\f496"; }

.fa-user-group::before {
  content: "\f500"; }

.fa-user-friends::before {
  content: "\f500"; }

.fa-arrow-up-a-z::before {
  content: "\f15e"; }

.fa-sort-alpha-up::before {
  content: "\f15e"; }

.fa-chess-knight::before {
  content: "\f441"; }

.fa-face-laugh-squint::before {
  content: "\f59b"; }

.fa-laugh-squint::before {
  content: "\f59b"; }

.fa-wheelchair::before {
  content: "\f193"; }

.fa-circle-arrow-up::before {
  content: "\f0aa"; }

.fa-arrow-circle-up::before {
  content: "\f0aa"; }

.fa-toggle-on::before {
  content: "\f205"; }

.fa-person-walking::before {
  content: "\f554"; }

.fa-walking::before {
  content: "\f554"; }

.fa-l::before {
  content: "\4c"; }

.fa-fire::before {
  content: "\f06d"; }

.fa-bed-pulse::before {
  content: "\f487"; }

.fa-procedures::before {
  content: "\f487"; }

.fa-shuttle-space::before {
  content: "\f197"; }

.fa-space-shuttle::before {
  content: "\f197"; }

.fa-face-laugh::before {
  content: "\f599"; }

.fa-laugh::before {
  content: "\f599"; }

.fa-folder-open::before {
  content: "\f07c"; }

.fa-heart-circle-plus::before {
  content: "\e500"; }

.fa-code-fork::before {
  content: "\e13b"; }

.fa-city::before {
  content: "\f64f"; }

.fa-microphone-lines::before {
  content: "\f3c9"; }

.fa-microphone-alt::before {
  content: "\f3c9"; }

.fa-pepper-hot::before {
  content: "\f816"; }

.fa-unlock::before {
  content: "\f09c"; }

.fa-colon-sign::before {
  content: "\e140"; }

.fa-headset::before {
  content: "\f590"; }

.fa-store-slash::before {
  content: "\e071"; }

.fa-road-circle-xmark::before {
  content: "\e566"; }

.fa-user-minus::before {
  content: "\f503"; }

.fa-mars-stroke-up::before {
  content: "\f22a"; }

.fa-mars-stroke-v::before {
  content: "\f22a"; }

.fa-champagne-glasses::before {
  content: "\f79f"; }

.fa-glass-cheers::before {
  content: "\f79f"; }

.fa-clipboard::before {
  content: "\f328"; }

.fa-house-circle-exclamation::before {
  content: "\e50a"; }

.fa-file-arrow-up::before {
  content: "\f574"; }

.fa-file-upload::before {
  content: "\f574"; }

.fa-wifi::before {
  content: "\f1eb"; }

.fa-wifi-3::before {
  content: "\f1eb"; }

.fa-wifi-strong::before {
  content: "\f1eb"; }

.fa-bath::before {
  content: "\f2cd"; }

.fa-bathtub::before {
  content: "\f2cd"; }

.fa-underline::before {
  content: "\f0cd"; }

.fa-user-pen::before {
  content: "\f4ff"; }

.fa-user-edit::before {
  content: "\f4ff"; }

.fa-signature::before {
  content: "\f5b7"; }

.fa-stroopwafel::before {
  content: "\f551"; }

.fa-bold::before {
  content: "\f032"; }

.fa-anchor-lock::before {
  content: "\e4ad"; }

.fa-building-ngo::before {
  content: "\e4d7"; }

.fa-manat-sign::before {
  content: "\e1d5"; }

.fa-not-equal::before {
  content: "\f53e"; }

.fa-border-top-left::before {
  content: "\f853"; }

.fa-border-style::before {
  content: "\f853"; }

.fa-map-location-dot::before {
  content: "\f5a0"; }

.fa-map-marked-alt::before {
  content: "\f5a0"; }

.fa-jedi::before {
  content: "\f669"; }

.fa-square-poll-vertical::before {
  content: "\f681"; }

.fa-poll::before {
  content: "\f681"; }

.fa-mug-hot::before {
  content: "\f7b6"; }

.fa-car-battery::before {
  content: "\f5df"; }

.fa-battery-car::before {
  content: "\f5df"; }

.fa-gift::before {
  content: "\f06b"; }

.fa-dice-two::before {
  content: "\f528"; }

.fa-chess-queen::before {
  content: "\f445"; }

.fa-glasses::before {
  content: "\f530"; }

.fa-chess-board::before {
  content: "\f43c"; }

.fa-building-circle-check::before {
  content: "\e4d2"; }

.fa-person-chalkboard::before {
  content: "\e53d"; }

.fa-mars-stroke-right::before {
  content: "\f22b"; }

.fa-mars-stroke-h::before {
  content: "\f22b"; }

.fa-hand-back-fist::before {
  content: "\f255"; }

.fa-hand-rock::before {
  content: "\f255"; }

.fa-square-caret-up::before {
  content: "\f151"; }

.fa-caret-square-up::before {
  content: "\f151"; }

.fa-cloud-showers-water::before {
  content: "\e4e4"; }

.fa-chart-bar::before {
  content: "\f080"; }

.fa-bar-chart::before {
  content: "\f080"; }

.fa-hands-bubbles::before {
  content: "\e05e"; }

.fa-hands-wash::before {
  content: "\e05e"; }

.fa-less-than-equal::before {
  content: "\f537"; }

.fa-train::before {
  content: "\f238"; }

.fa-eye-low-vision::before {
  content: "\f2a8"; }

.fa-low-vision::before {
  content: "\f2a8"; }

.fa-crow::before {
  content: "\f520"; }

.fa-sailboat::before {
  content: "\e445"; }

.fa-window-restore::before {
  content: "\f2d2"; }

.fa-square-plus::before {
  content: "\f0fe"; }

.fa-plus-square::before {
  content: "\f0fe"; }

.fa-torii-gate::before {
  content: "\f6a1"; }

.fa-frog::before {
  content: "\f52e"; }

.fa-bucket::before {
  content: "\e4cf"; }

.fa-image::before {
  content: "\f03e"; }

.fa-microphone::before {
  content: "\f130"; }

.fa-cow::before {
  content: "\f6c8"; }

.fa-caret-up::before {
  content: "\f0d8"; }

.fa-screwdriver::before {
  content: "\f54a"; }

.fa-folder-closed::before {
  content: "\e185"; }

.fa-house-tsunami::before {
  content: "\e515"; }

.fa-square-nfi::before {
  content: "\e576"; }

.fa-arrow-up-from-ground-water::before {
  content: "\e4b5"; }

.fa-martini-glass::before {
  content: "\f57b"; }

.fa-glass-martini-alt::before {
  content: "\f57b"; }

.fa-rotate-left::before {
  content: "\f2ea"; }

.fa-rotate-back::before {
  content: "\f2ea"; }

.fa-rotate-backward::before {
  content: "\f2ea"; }

.fa-undo-alt::before {
  content: "\f2ea"; }

.fa-table-columns::before {
  content: "\f0db"; }

.fa-columns::before {
  content: "\f0db"; }

.fa-lemon::before {
  content: "\f094"; }

.fa-head-side-mask::before {
  content: "\e063"; }

.fa-handshake::before {
  content: "\f2b5"; }

.fa-gem::before {
  content: "\f3a5"; }

.fa-dolly::before {
  content: "\f472"; }

.fa-dolly-box::before {
  content: "\f472"; }

.fa-smoking::before {
  content: "\f48d"; }

.fa-minimize::before {
  content: "\f78c"; }

.fa-compress-arrows-alt::before {
  content: "\f78c"; }

.fa-monument::before {
  content: "\f5a6"; }

.fa-snowplow::before {
  content: "\f7d2"; }

.fa-angles-right::before {
  content: "\f101"; }

.fa-angle-double-right::before {
  content: "\f101"; }

.fa-cannabis::before {
  content: "\f55f"; }

.fa-circle-play::before {
  content: "\f144"; }

.fa-play-circle::before {
  content: "\f144"; }

.fa-tablets::before {
  content: "\f490"; }

.fa-ethernet::before {
  content: "\f796"; }

.fa-euro-sign::before {
  content: "\f153"; }

.fa-eur::before {
  content: "\f153"; }

.fa-euro::before {
  content: "\f153"; }

.fa-chair::before {
  content: "\f6c0"; }

.fa-circle-check::before {
  content: "\f058"; }

.fa-check-circle::before {
  content: "\f058"; }

.fa-circle-stop::before {
  content: "\f28d"; }

.fa-stop-circle::before {
  content: "\f28d"; }

.fa-compass-drafting::before {
  content: "\f568"; }

.fa-drafting-compass::before {
  content: "\f568"; }

.fa-plate-wheat::before {
  content: "\e55a"; }

.fa-icicles::before {
  content: "\f7ad"; }

.fa-person-shelter::before {
  content: "\e54f"; }

.fa-neuter::before {
  content: "\f22c"; }

.fa-id-badge::before {
  content: "\f2c1"; }

.fa-marker::before {
  content: "\f5a1"; }

.fa-face-laugh-beam::before {
  content: "\f59a"; }

.fa-laugh-beam::before {
  content: "\f59a"; }

.fa-helicopter-symbol::before {
  content: "\e502"; }

.fa-universal-access::before {
  content: "\f29a"; }

.fa-circle-chevron-up::before {
  content: "\f139"; }

.fa-chevron-circle-up::before {
  content: "\f139"; }

.fa-lari-sign::before {
  content: "\e1c8"; }

.fa-volcano::before {
  content: "\f770"; }

.fa-person-walking-dashed-line-arrow-right::before {
  content: "\e553"; }

.fa-sterling-sign::before {
  content: "\f154"; }

.fa-gbp::before {
  content: "\f154"; }

.fa-pound-sign::before {
  content: "\f154"; }

.fa-viruses::before {
  content: "\e076"; }

.fa-square-person-confined::before {
  content: "\e577"; }

.fa-user-tie::before {
  content: "\f508"; }

.fa-arrow-down-long::before {
  content: "\f175"; }

.fa-long-arrow-down::before {
  content: "\f175"; }

.fa-tent-arrow-down-to-line::before {
  content: "\e57e"; }

.fa-certificate::before {
  content: "\f0a3"; }

.fa-reply-all::before {
  content: "\f122"; }

.fa-mail-reply-all::before {
  content: "\f122"; }

.fa-suitcase::before {
  content: "\f0f2"; }

.fa-person-skating::before {
  content: "\f7c5"; }

.fa-skating::before {
  content: "\f7c5"; }

.fa-filter-circle-dollar::before {
  content: "\f662"; }

.fa-funnel-dollar::before {
  content: "\f662"; }

.fa-camera-retro::before {
  content: "\f083"; }

.fa-circle-arrow-down::before {
  content: "\f0ab"; }

.fa-arrow-circle-down::before {
  content: "\f0ab"; }

.fa-file-import::before {
  content: "\f56f"; }

.fa-arrow-right-to-file::before {
  content: "\f56f"; }

.fa-square-arrow-up-right::before {
  content: "\f14c"; }

.fa-external-link-square::before {
  content: "\f14c"; }

.fa-box-open::before {
  content: "\f49e"; }

.fa-scroll::before {
  content: "\f70e"; }

.fa-spa::before {
  content: "\f5bb"; }

.fa-location-pin-lock::before {
  content: "\e51f"; }

.fa-pause::before {
  content: "\f04c"; }

.fa-hill-avalanche::before {
  content: "\e507"; }

.fa-temperature-empty::before {
  content: "\f2cb"; }

.fa-temperature-0::before {
  content: "\f2cb"; }

.fa-thermometer-0::before {
  content: "\f2cb"; }

.fa-thermometer-empty::before {
  content: "\f2cb"; }

.fa-bomb::before {
  content: "\f1e2"; }

.fa-registered::before {
  content: "\f25d"; }

.fa-address-card::before {
  content: "\f2bb"; }

.fa-contact-card::before {
  content: "\f2bb"; }

.fa-vcard::before {
  content: "\f2bb"; }

.fa-scale-unbalanced-flip::before {
  content: "\f516"; }

.fa-balance-scale-right::before {
  content: "\f516"; }

.fa-subscript::before {
  content: "\f12c"; }

.fa-diamond-turn-right::before {
  content: "\f5eb"; }

.fa-directions::before {
  content: "\f5eb"; }

.fa-burst::before {
  content: "\e4dc"; }

.fa-house-laptop::before {
  content: "\e066"; }

.fa-laptop-house::before {
  content: "\e066"; }

.fa-face-tired::before {
  content: "\f5c8"; }

.fa-tired::before {
  content: "\f5c8"; }

.fa-money-bills::before {
  content: "\e1f3"; }

.fa-smog::before {
  content: "\f75f"; }

.fa-crutch::before {
  content: "\f7f7"; }

.fa-cloud-arrow-up::before {
  content: "\f0ee"; }

.fa-cloud-upload::before {
  content: "\f0ee"; }

.fa-cloud-upload-alt::before {
  content: "\f0ee"; }

.fa-palette::before {
  content: "\f53f"; }

.fa-arrows-turn-right::before {
  content: "\e4c0"; }

.fa-vest::before {
  content: "\e085"; }

.fa-ferry::before {
  content: "\e4ea"; }

.fa-arrows-down-to-people::before {
  content: "\e4b9"; }

.fa-seedling::before {
  content: "\f4d8"; }

.fa-sprout::before {
  content: "\f4d8"; }

.fa-left-right::before {
  content: "\f337"; }

.fa-arrows-alt-h::before {
  content: "\f337"; }

.fa-boxes-packing::before {
  content: "\e4c7"; }

.fa-circle-arrow-left::before {
  content: "\f0a8"; }

.fa-arrow-circle-left::before {
  content: "\f0a8"; }

.fa-group-arrows-rotate::before {
  content: "\e4f6"; }

.fa-bowl-food::before {
  content: "\e4c6"; }

.fa-candy-cane::before {
  content: "\f786"; }

.fa-arrow-down-wide-short::before {
  content: "\f160"; }

.fa-sort-amount-asc::before {
  content: "\f160"; }

.fa-sort-amount-down::before {
  content: "\f160"; }

.fa-cloud-bolt::before {
  content: "\f76c"; }

.fa-thunderstorm::before {
  content: "\f76c"; }

.fa-text-slash::before {
  content: "\f87d"; }

.fa-remove-format::before {
  content: "\f87d"; }

.fa-face-smile-wink::before {
  content: "\f4da"; }

.fa-smile-wink::before {
  content: "\f4da"; }

.fa-file-word::before {
  content: "\f1c2"; }

.fa-file-powerpoint::before {
  content: "\f1c4"; }

.fa-arrows-left-right::before {
  content: "\f07e"; }

.fa-arrows-h::before {
  content: "\f07e"; }

.fa-house-lock::before {
  content: "\e510"; }

.fa-cloud-arrow-down::before {
  content: "\f0ed"; }

.fa-cloud-download::before {
  content: "\f0ed"; }

.fa-cloud-download-alt::before {
  content: "\f0ed"; }

.fa-children::before {
  content: "\e4e1"; }

.fa-chalkboard::before {
  content: "\f51b"; }

.fa-blackboard::before {
  content: "\f51b"; }

.fa-user-large-slash::before {
  content: "\f4fa"; }

.fa-user-alt-slash::before {
  content: "\f4fa"; }

.fa-envelope-open::before {
  content: "\f2b6"; }

.fa-handshake-simple-slash::before {
  content: "\e05f"; }

.fa-handshake-alt-slash::before {
  content: "\e05f"; }

.fa-mattress-pillow::before {
  content: "\e525"; }

.fa-guarani-sign::before {
  content: "\e19a"; }

.fa-arrows-rotate::before {
  content: "\f021"; }

.fa-refresh::before {
  content: "\f021"; }

.fa-sync::before {
  content: "\f021"; }

.fa-fire-extinguisher::before {
  content: "\f134"; }

.fa-cruzeiro-sign::before {
  content: "\e152"; }

.fa-greater-than-equal::before {
  content: "\f532"; }

.fa-shield-halved::before {
  content: "\f3ed"; }

.fa-shield-alt::before {
  content: "\f3ed"; }

.fa-book-atlas::before {
  content: "\f558"; }

.fa-atlas::before {
  content: "\f558"; }

.fa-virus::before {
  content: "\e074"; }

.fa-envelope-circle-check::before {
  content: "\e4e8"; }

.fa-layer-group::before {
  content: "\f5fd"; }

.fa-arrows-to-dot::before {
  content: "\e4be"; }

.fa-archway::before {
  content: "\f557"; }

.fa-heart-circle-check::before {
  content: "\e4fd"; }

.fa-house-chimney-crack::before {
  content: "\f6f1"; }

.fa-house-damage::before {
  content: "\f6f1"; }

.fa-file-zipper::before {
  content: "\f1c6"; }

.fa-file-archive::before {
  content: "\f1c6"; }

.fa-square::before {
  content: "\f0c8"; }

.fa-martini-glass-empty::before {
  content: "\f000"; }

.fa-glass-martini::before {
  content: "\f000"; }

.fa-couch::before {
  content: "\f4b8"; }

.fa-cedi-sign::before {
  content: "\e0df"; }

.fa-italic::before {
  content: "\f033"; }

.fa-church::before {
  content: "\f51d"; }

.fa-comments-dollar::before {
  content: "\f653"; }

.fa-democrat::before {
  content: "\f747"; }

.fa-z::before {
  content: "\5a"; }

.fa-person-skiing::before {
  content: "\f7c9"; }

.fa-skiing::before {
  content: "\f7c9"; }

.fa-road-lock::before {
  content: "\e567"; }

.fa-a::before {
  content: "\41"; }

.fa-temperature-arrow-down::before {
  content: "\e03f"; }

.fa-temperature-down::before {
  content: "\e03f"; }

.fa-feather-pointed::before {
  content: "\f56b"; }

.fa-feather-alt::before {
  content: "\f56b"; }

.fa-p::before {
  content: "\50"; }

.fa-snowflake::before {
  content: "\f2dc"; }

.fa-newspaper::before {
  content: "\f1ea"; }

.fa-rectangle-ad::before {
  content: "\f641"; }

.fa-ad::before {
  content: "\f641"; }

.fa-circle-arrow-right::before {
  content: "\f0a9"; }

.fa-arrow-circle-right::before {
  content: "\f0a9"; }

.fa-filter-circle-xmark::before {
  content: "\e17b"; }

.fa-locust::before {
  content: "\e520"; }

.fa-sort::before {
  content: "\f0dc"; }

.fa-unsorted::before {
  content: "\f0dc"; }

.fa-list-ol::before {
  content: "\f0cb"; }

.fa-list-1-2::before {
  content: "\f0cb"; }

.fa-list-numeric::before {
  content: "\f0cb"; }

.fa-person-dress-burst::before {
  content: "\e544"; }

.fa-money-check-dollar::before {
  content: "\f53d"; }

.fa-money-check-alt::before {
  content: "\f53d"; }

.fa-vector-square::before {
  content: "\f5cb"; }

.fa-bread-slice::before {
  content: "\f7ec"; }

.fa-language::before {
  content: "\f1ab"; }

.fa-face-kiss-wink-heart::before {
  content: "\f598"; }

.fa-kiss-wink-heart::before {
  content: "\f598"; }

.fa-filter::before {
  content: "\f0b0"; }

.fa-question::before {
  content: "\3f"; }

.fa-file-signature::before {
  content: "\f573"; }

.fa-up-down-left-right::before {
  content: "\f0b2"; }

.fa-arrows-alt::before {
  content: "\f0b2"; }

.fa-house-chimney-user::before {
  content: "\e065"; }

.fa-hand-holding-heart::before {
  content: "\f4be"; }

.fa-puzzle-piece::before {
  content: "\f12e"; }

.fa-money-check::before {
  content: "\f53c"; }

.fa-star-half-stroke::before {
  content: "\f5c0"; }

.fa-star-half-alt::before {
  content: "\f5c0"; }

.fa-code::before {
  content: "\f121"; }

.fa-whiskey-glass::before {
  content: "\f7a0"; }

.fa-glass-whiskey::before {
  content: "\f7a0"; }

.fa-building-circle-exclamation::before {
  content: "\e4d3"; }

.fa-magnifying-glass-chart::before {
  content: "\e522"; }

.fa-arrow-up-right-from-square::before {
  content: "\f08e"; }

.fa-external-link::before {
  content: "\f08e"; }

.fa-cubes-stacked::before {
  content: "\e4e6"; }

.fa-won-sign::before {
  content: "\f159"; }

.fa-krw::before {
  content: "\f159"; }

.fa-won::before {
  content: "\f159"; }

.fa-virus-covid::before {
  content: "\e4a8"; }

.fa-austral-sign::before {
  content: "\e0a9"; }

.fa-f::before {
  content: "\46"; }

.fa-leaf::before {
  content: "\f06c"; }

.fa-road::before {
  content: "\f018"; }

.fa-taxi::before {
  content: "\f1ba"; }

.fa-cab::before {
  content: "\f1ba"; }

.fa-person-circle-plus::before {
  content: "\e541"; }

.fa-chart-pie::before {
  content: "\f200"; }

.fa-pie-chart::before {
  content: "\f200"; }

.fa-bolt-lightning::before {
  content: "\e0b7"; }

.fa-sack-xmark::before {
  content: "\e56a"; }

.fa-file-excel::before {
  content: "\f1c3"; }

.fa-file-contract::before {
  content: "\f56c"; }

.fa-fish-fins::before {
  content: "\e4f2"; }

.fa-building-flag::before {
  content: "\e4d5"; }

.fa-face-grin-beam::before {
  content: "\f582"; }

.fa-grin-beam::before {
  content: "\f582"; }

.fa-object-ungroup::before {
  content: "\f248"; }

.fa-poop::before {
  content: "\f619"; }

.fa-location-pin::before {
  content: "\f041"; }

.fa-map-marker::before {
  content: "\f041"; }

.fa-kaaba::before {
  content: "\f66b"; }

.fa-toilet-paper::before {
  content: "\f71e"; }

.fa-helmet-safety::before {
  content: "\f807"; }

.fa-hard-hat::before {
  content: "\f807"; }

.fa-hat-hard::before {
  content: "\f807"; }

.fa-eject::before {
  content: "\f052"; }

.fa-circle-right::before {
  content: "\f35a"; }

.fa-arrow-alt-circle-right::before {
  content: "\f35a"; }

.fa-plane-circle-check::before {
  content: "\e555"; }

.fa-face-rolling-eyes::before {
  content: "\f5a5"; }

.fa-meh-rolling-eyes::before {
  content: "\f5a5"; }

.fa-object-group::before {
  content: "\f247"; }

.fa-chart-line::before {
  content: "\f201"; }

.fa-line-chart::before {
  content: "\f201"; }

.fa-mask-ventilator::before {
  content: "\e524"; }

.fa-arrow-right::before {
  content: "\f061"; }

.fa-signs-post::before {
  content: "\f277"; }

.fa-map-signs::before {
  content: "\f277"; }

.fa-cash-register::before {
  content: "\f788"; }

.fa-person-circle-question::before {
  content: "\e542"; }

.fa-h::before {
  content: "\48"; }

.fa-tarp::before {
  content: "\e57b"; }

.fa-screwdriver-wrench::before {
  content: "\f7d9"; }

.fa-tools::before {
  content: "\f7d9"; }

.fa-arrows-to-eye::before {
  content: "\e4bf"; }

.fa-plug-circle-bolt::before {
  content: "\e55b"; }

.fa-heart::before {
  content: "\f004"; }

.fa-mars-and-venus::before {
  content: "\f224"; }

.fa-house-user::before {
  content: "\e1b0"; }

.fa-home-user::before {
  content: "\e1b0"; }

.fa-dumpster-fire::before {
  content: "\f794"; }

.fa-house-crack::before {
  content: "\e3b1"; }

.fa-martini-glass-citrus::before {
  content: "\f561"; }

.fa-cocktail::before {
  content: "\f561"; }

.fa-face-surprise::before {
  content: "\f5c2"; }

.fa-surprise::before {
  content: "\f5c2"; }

.fa-bottle-water::before {
  content: "\e4c5"; }

.fa-circle-pause::before {
  content: "\f28b"; }

.fa-pause-circle::before {
  content: "\f28b"; }

.fa-toilet-paper-slash::before {
  content: "\e072"; }

.fa-apple-whole::before {
  content: "\f5d1"; }

.fa-apple-alt::before {
  content: "\f5d1"; }

.fa-kitchen-set::before {
  content: "\e51a"; }

.fa-r::before {
  content: "\52"; }

.fa-temperature-quarter::before {
  content: "\f2ca"; }

.fa-temperature-1::before {
  content: "\f2ca"; }

.fa-thermometer-1::before {
  content: "\f2ca"; }

.fa-thermometer-quarter::before {
  content: "\f2ca"; }

.fa-cube::before {
  content: "\f1b2"; }

.fa-bitcoin-sign::before {
  content: "\e0b4"; }

.fa-shield-dog::before {
  content: "\e573"; }

.fa-solar-panel::before {
  content: "\f5ba"; }

.fa-lock-open::before {
  content: "\f3c1"; }

.fa-elevator::before {
  content: "\e16d"; }

.fa-money-bill-transfer::before {
  content: "\e528"; }

.fa-money-bill-trend-up::before {
  content: "\e529"; }

.fa-house-flood-water-circle-arrow-right::before {
  content: "\e50f"; }

.fa-square-poll-horizontal::before {
  content: "\f682"; }

.fa-poll-h::before {
  content: "\f682"; }

.fa-circle::before {
  content: "\f111"; }

.fa-backward-fast::before {
  content: "\f049"; }

.fa-fast-backward::before {
  content: "\f049"; }

.fa-recycle::before {
  content: "\f1b8"; }

.fa-user-astronaut::before {
  content: "\f4fb"; }

.fa-plane-slash::before {
  content: "\e069"; }

.fa-trademark::before {
  content: "\f25c"; }

.fa-basketball::before {
  content: "\f434"; }

.fa-basketball-ball::before {
  content: "\f434"; }

.fa-satellite-dish::before {
  content: "\f7c0"; }

.fa-circle-up::before {
  content: "\f35b"; }

.fa-arrow-alt-circle-up::before {
  content: "\f35b"; }

.fa-mobile-screen-button::before {
  content: "\f3cd"; }

.fa-mobile-alt::before {
  content: "\f3cd"; }

.fa-volume-high::before {
  content: "\f028"; }

.fa-volume-up::before {
  content: "\f028"; }

.fa-users-rays::before {
  content: "\e593"; }

.fa-wallet::before {
  content: "\f555"; }

.fa-clipboard-check::before {
  content: "\f46c"; }

.fa-file-audio::before {
  content: "\f1c7"; }

.fa-burger::before {
  content: "\f805"; }

.fa-hamburger::before {
  content: "\f805"; }

.fa-wrench::before {
  content: "\f0ad"; }

.fa-bugs::before {
  content: "\e4d0"; }

.fa-rupee-sign::before {
  content: "\f156"; }

.fa-rupee::before {
  content: "\f156"; }

.fa-file-image::before {
  content: "\f1c5"; }

.fa-circle-question::before {
  content: "\f059"; }

.fa-question-circle::before {
  content: "\f059"; }

.fa-plane-departure::before {
  content: "\f5b0"; }

.fa-handshake-slash::before {
  content: "\e060"; }

.fa-book-bookmark::before {
  content: "\e0bb"; }

.fa-code-branch::before {
  content: "\f126"; }

.fa-hat-cowboy::before {
  content: "\f8c0"; }

.fa-bridge::before {
  content: "\e4c8"; }

.fa-phone-flip::before {
  content: "\f879"; }

.fa-phone-alt::before {
  content: "\f879"; }

.fa-truck-front::before {
  content: "\e2b7"; }

.fa-cat::before {
  content: "\f6be"; }

.fa-anchor-circle-exclamation::before {
  content: "\e4ab"; }

.fa-truck-field::before {
  content: "\e58d"; }

.fa-route::before {
  content: "\f4d7"; }

.fa-clipboard-question::before {
  content: "\e4e3"; }

.fa-panorama::before {
  content: "\e209"; }

.fa-comment-medical::before {
  content: "\f7f5"; }

.fa-teeth-open::before {
  content: "\f62f"; }

.fa-file-circle-minus::before {
  content: "\e4ed"; }

.fa-tags::before {
  content: "\f02c"; }

.fa-wine-glass::before {
  content: "\f4e3"; }

.fa-forward-fast::before {
  content: "\f050"; }

.fa-fast-forward::before {
  content: "\f050"; }

.fa-face-meh-blank::before {
  content: "\f5a4"; }

.fa-meh-blank::before {
  content: "\f5a4"; }

.fa-square-parking::before {
  content: "\f540"; }

.fa-parking::before {
  content: "\f540"; }

.fa-house-signal::before {
  content: "\e012"; }

.fa-bars-progress::before {
  content: "\f828"; }

.fa-tasks-alt::before {
  content: "\f828"; }

.fa-faucet-drip::before {
  content: "\e006"; }

.fa-cart-flatbed::before {
  content: "\f474"; }

.fa-dolly-flatbed::before {
  content: "\f474"; }

.fa-ban-smoking::before {
  content: "\f54d"; }

.fa-smoking-ban::before {
  content: "\f54d"; }

.fa-terminal::before {
  content: "\f120"; }

.fa-mobile-button::before {
  content: "\f10b"; }

.fa-house-medical-flag::before {
  content: "\e514"; }

.fa-basket-shopping::before {
  content: "\f291"; }

.fa-shopping-basket::before {
  content: "\f291"; }

.fa-tape::before {
  content: "\f4db"; }

.fa-bus-simple::before {
  content: "\f55e"; }

.fa-bus-alt::before {
  content: "\f55e"; }

.fa-eye::before {
  content: "\f06e"; }

.fa-face-sad-cry::before {
  content: "\f5b3"; }

.fa-sad-cry::before {
  content: "\f5b3"; }

.fa-audio-description::before {
  content: "\f29e"; }

.fa-person-military-to-person::before {
  content: "\e54c"; }

.fa-file-shield::before {
  content: "\e4f0"; }

.fa-user-slash::before {
  content: "\f506"; }

.fa-pen::before {
  content: "\f304"; }

.fa-tower-observation::before {
  content: "\e586"; }

.fa-file-code::before {
  content: "\f1c9"; }

.fa-signal::before {
  content: "\f012"; }

.fa-signal-5::before {
  content: "\f012"; }

.fa-signal-perfect::before {
  content: "\f012"; }

.fa-bus::before {
  content: "\f207"; }

.fa-heart-circle-xmark::before {
  content: "\e501"; }

.fa-house-chimney::before {
  content: "\e3af"; }

.fa-home-lg::before {
  content: "\e3af"; }

.fa-window-maximize::before {
  content: "\f2d0"; }

.fa-face-frown::before {
  content: "\f119"; }

.fa-frown::before {
  content: "\f119"; }

.fa-prescription::before {
  content: "\f5b1"; }

.fa-shop::before {
  content: "\f54f"; }

.fa-store-alt::before {
  content: "\f54f"; }

.fa-floppy-disk::before {
  content: "\f0c7"; }

.fa-save::before {
  content: "\f0c7"; }

.fa-vihara::before {
  content: "\f6a7"; }

.fa-scale-unbalanced::before {
  content: "\f515"; }

.fa-balance-scale-left::before {
  content: "\f515"; }

.fa-sort-up::before {
  content: "\f0de"; }

.fa-sort-asc::before {
  content: "\f0de"; }

.fa-comment-dots::before {
  content: "\f4ad"; }

.fa-commenting::before {
  content: "\f4ad"; }

.fa-plant-wilt::before {
  content: "\e5aa"; }

.fa-diamond::before {
  content: "\f219"; }

.fa-face-grin-squint::before {
  content: "\f585"; }

.fa-grin-squint::before {
  content: "\f585"; }

.fa-hand-holding-dollar::before {
  content: "\f4c0"; }

.fa-hand-holding-usd::before {
  content: "\f4c0"; }

.fa-bacterium::before {
  content: "\e05a"; }

.fa-hand-pointer::before {
  content: "\f25a"; }

.fa-drum-steelpan::before {
  content: "\f56a"; }

.fa-hand-scissors::before {
  content: "\f257"; }

.fa-hands-praying::before {
  content: "\f684"; }

.fa-praying-hands::before {
  content: "\f684"; }

.fa-arrow-rotate-right::before {
  content: "\f01e"; }

.fa-arrow-right-rotate::before {
  content: "\f01e"; }

.fa-arrow-rotate-forward::before {
  content: "\f01e"; }

.fa-redo::before {
  content: "\f01e"; }

.fa-biohazard::before {
  content: "\f780"; }

.fa-location-crosshairs::before {
  content: "\f601"; }

.fa-location::before {
  content: "\f601"; }

.fa-mars-double::before {
  content: "\f227"; }

.fa-child-dress::before {
  content: "\e59c"; }

.fa-users-between-lines::before {
  content: "\e591"; }

.fa-lungs-virus::before {
  content: "\e067"; }

.fa-face-grin-tears::before {
  content: "\f588"; }

.fa-grin-tears::before {
  content: "\f588"; }

.fa-phone::before {
  content: "\f095"; }

.fa-calendar-xmark::before {
  content: "\f273"; }

.fa-calendar-times::before {
  content: "\f273"; }

.fa-child-reaching::before {
  content: "\e59d"; }

.fa-head-side-virus::before {
  content: "\e064"; }

.fa-user-gear::before {
  content: "\f4fe"; }

.fa-user-cog::before {
  content: "\f4fe"; }

.fa-arrow-up-1-9::before {
  content: "\f163"; }

.fa-sort-numeric-up::before {
  content: "\f163"; }

.fa-door-closed::before {
  content: "\f52a"; }

.fa-shield-virus::before {
  content: "\e06c"; }

.fa-dice-six::before {
  content: "\f526"; }

.fa-mosquito-net::before {
  content: "\e52c"; }

.fa-bridge-water::before {
  content: "\e4ce"; }

.fa-person-booth::before {
  content: "\f756"; }

.fa-text-width::before {
  content: "\f035"; }

.fa-hat-wizard::before {
  content: "\f6e8"; }

.fa-pen-fancy::before {
  content: "\f5ac"; }

.fa-person-digging::before {
  content: "\f85e"; }

.fa-digging::before {
  content: "\f85e"; }

.fa-trash::before {
  content: "\f1f8"; }

.fa-gauge-simple::before {
  content: "\f629"; }

.fa-gauge-simple-med::before {
  content: "\f629"; }

.fa-tachometer-average::before {
  content: "\f629"; }

.fa-book-medical::before {
  content: "\f7e6"; }

.fa-poo::before {
  content: "\f2fe"; }

.fa-quote-right::before {
  content: "\f10e"; }

.fa-quote-right-alt::before {
  content: "\f10e"; }

.fa-shirt::before {
  content: "\f553"; }

.fa-t-shirt::before {
  content: "\f553"; }

.fa-tshirt::before {
  content: "\f553"; }

.fa-cubes::before {
  content: "\f1b3"; }

.fa-divide::before {
  content: "\f529"; }

.fa-tenge-sign::before {
  content: "\f7d7"; }

.fa-tenge::before {
  content: "\f7d7"; }

.fa-headphones::before {
  content: "\f025"; }

.fa-hands-holding::before {
  content: "\f4c2"; }

.fa-hands-clapping::before {
  content: "\e1a8"; }

.fa-republican::before {
  content: "\f75e"; }

.fa-arrow-left::before {
  content: "\f060"; }

.fa-person-circle-xmark::before {
  content: "\e543"; }

.fa-ruler::before {
  content: "\f545"; }

.fa-align-left::before {
  content: "\f036"; }

.fa-dice-d6::before {
  content: "\f6d1"; }

.fa-restroom::before {
  content: "\f7bd"; }

.fa-j::before {
  content: "\4a"; }

.fa-users-viewfinder::before {
  content: "\e595"; }

.fa-file-video::before {
  content: "\f1c8"; }

.fa-up-right-from-square::before {
  content: "\f35d"; }

.fa-external-link-alt::before {
  content: "\f35d"; }

.fa-table-cells::before {
  content: "\f00a"; }

.fa-th::before {
  content: "\f00a"; }

.fa-file-pdf::before {
  content: "\f1c1"; }

.fa-book-bible::before {
  content: "\f647"; }

.fa-bible::before {
  content: "\f647"; }

.fa-o::before {
  content: "\4f"; }

.fa-suitcase-medical::before {
  content: "\f0fa"; }

.fa-medkit::before {
  content: "\f0fa"; }

.fa-user-secret::before {
  content: "\f21b"; }

.fa-otter::before {
  content: "\f700"; }

.fa-person-dress::before {
  content: "\f182"; }

.fa-female::before {
  content: "\f182"; }

.fa-comment-dollar::before {
  content: "\f651"; }

.fa-business-time::before {
  content: "\f64a"; }

.fa-briefcase-clock::before {
  content: "\f64a"; }

.fa-table-cells-large::before {
  content: "\f009"; }

.fa-th-large::before {
  content: "\f009"; }

.fa-book-tanakh::before {
  content: "\f827"; }

.fa-tanakh::before {
  content: "\f827"; }

.fa-phone-volume::before {
  content: "\f2a0"; }

.fa-volume-control-phone::before {
  content: "\f2a0"; }

.fa-hat-cowboy-side::before {
  content: "\f8c1"; }

.fa-clipboard-user::before {
  content: "\f7f3"; }

.fa-child::before {
  content: "\f1ae"; }

.fa-lira-sign::before {
  content: "\f195"; }

.fa-satellite::before {
  content: "\f7bf"; }

.fa-plane-lock::before {
  content: "\e558"; }

.fa-tag::before {
  content: "\f02b"; }

.fa-comment::before {
  content: "\f075"; }

.fa-cake-candles::before {
  content: "\f1fd"; }

.fa-birthday-cake::before {
  content: "\f1fd"; }

.fa-cake::before {
  content: "\f1fd"; }

.fa-envelope::before {
  content: "\f0e0"; }

.fa-angles-up::before {
  content: "\f102"; }

.fa-angle-double-up::before {
  content: "\f102"; }

.fa-paperclip::before {
  content: "\f0c6"; }

.fa-arrow-right-to-city::before {
  content: "\e4b3"; }

.fa-ribbon::before {
  content: "\f4d6"; }

.fa-lungs::before {
  content: "\f604"; }

.fa-arrow-up-9-1::before {
  content: "\f887"; }

.fa-sort-numeric-up-alt::before {
  content: "\f887"; }

.fa-litecoin-sign::before {
  content: "\e1d3"; }

.fa-border-none::before {
  content: "\f850"; }

.fa-circle-nodes::before {
  content: "\e4e2"; }

.fa-parachute-box::before {
  content: "\f4cd"; }

.fa-indent::before {
  content: "\f03c"; }

.fa-truck-field-un::before {
  content: "\e58e"; }

.fa-hourglass::before {
  content: "\f254"; }

.fa-hourglass-empty::before {
  content: "\f254"; }

.fa-mountain::before {
  content: "\f6fc"; }

.fa-user-doctor::before {
  content: "\f0f0"; }

.fa-user-md::before {
  content: "\f0f0"; }

.fa-circle-info::before {
  content: "\f05a"; }

.fa-info-circle::before {
  content: "\f05a"; }

.fa-cloud-meatball::before {
  content: "\f73b"; }

.fa-camera::before {
  content: "\f030"; }

.fa-camera-alt::before {
  content: "\f030"; }

.fa-square-virus::before {
  content: "\e578"; }

.fa-meteor::before {
  content: "\f753"; }

.fa-car-on::before {
  content: "\e4dd"; }

.fa-sleigh::before {
  content: "\f7cc"; }

.fa-arrow-down-1-9::before {
  content: "\f162"; }

.fa-sort-numeric-asc::before {
  content: "\f162"; }

.fa-sort-numeric-down::before {
  content: "\f162"; }

.fa-hand-holding-droplet::before {
  content: "\f4c1"; }

.fa-hand-holding-water::before {
  content: "\f4c1"; }

.fa-water::before {
  content: "\f773"; }

.fa-calendar-check::before {
  content: "\f274"; }

.fa-braille::before {
  content: "\f2a1"; }

.fa-prescription-bottle-medical::before {
  content: "\f486"; }

.fa-prescription-bottle-alt::before {
  content: "\f486"; }

.fa-landmark::before {
  content: "\f66f"; }

.fa-truck::before {
  content: "\f0d1"; }

.fa-crosshairs::before {
  content: "\f05b"; }

.fa-person-cane::before {
  content: "\e53c"; }

.fa-tent::before {
  content: "\e57d"; }

.fa-vest-patches::before {
  content: "\e086"; }

.fa-check-double::before {
  content: "\f560"; }

.fa-arrow-down-a-z::before {
  content: "\f15d"; }

.fa-sort-alpha-asc::before {
  content: "\f15d"; }

.fa-sort-alpha-down::before {
  content: "\f15d"; }

.fa-money-bill-wheat::before {
  content: "\e52a"; }

.fa-cookie::before {
  content: "\f563"; }

.fa-arrow-rotate-left::before {
  content: "\f0e2"; }

.fa-arrow-left-rotate::before {
  content: "\f0e2"; }

.fa-arrow-rotate-back::before {
  content: "\f0e2"; }

.fa-arrow-rotate-backward::before {
  content: "\f0e2"; }

.fa-undo::before {
  content: "\f0e2"; }

.fa-hard-drive::before {
  content: "\f0a0"; }

.fa-hdd::before {
  content: "\f0a0"; }

.fa-face-grin-squint-tears::before {
  content: "\f586"; }

.fa-grin-squint-tears::before {
  content: "\f586"; }

.fa-dumbbell::before {
  content: "\f44b"; }

.fa-rectangle-list::before {
  content: "\f022"; }

.fa-list-alt::before {
  content: "\f022"; }

.fa-tarp-droplet::before {
  content: "\e57c"; }

.fa-house-medical-circle-check::before {
  content: "\e511"; }

.fa-person-skiing-nordic::before {
  content: "\f7ca"; }

.fa-skiing-nordic::before {
  content: "\f7ca"; }

.fa-calendar-plus::before {
  content: "\f271"; }

.fa-plane-arrival::before {
  content: "\f5af"; }

.fa-circle-left::before {
  content: "\f359"; }

.fa-arrow-alt-circle-left::before {
  content: "\f359"; }

.fa-train-subway::before {
  content: "\f239"; }

.fa-subway::before {
  content: "\f239"; }

.fa-chart-gantt::before {
  content: "\e0e4"; }

.fa-indian-rupee-sign::before {
  content: "\e1bc"; }

.fa-indian-rupee::before {
  content: "\e1bc"; }

.fa-inr::before {
  content: "\e1bc"; }

.fa-crop-simple::before {
  content: "\f565"; }

.fa-crop-alt::before {
  content: "\f565"; }

.fa-money-bill-1::before {
  content: "\f3d1"; }

.fa-money-bill-alt::before {
  content: "\f3d1"; }

.fa-left-long::before {
  content: "\f30a"; }

.fa-long-arrow-alt-left::before {
  content: "\f30a"; }

.fa-dna::before {
  content: "\f471"; }

.fa-virus-slash::before {
  content: "\e075"; }

.fa-minus::before {
  content: "\f068"; }

.fa-subtract::before {
  content: "\f068"; }

.fa-chess::before {
  content: "\f439"; }

.fa-arrow-left-long::before {
  content: "\f177"; }

.fa-long-arrow-left::before {
  content: "\f177"; }

.fa-plug-circle-check::before {
  content: "\e55c"; }

.fa-street-view::before {
  content: "\f21d"; }

.fa-franc-sign::before {
  content: "\e18f"; }

.fa-volume-off::before {
  content: "\f026"; }

.fa-hands-asl-interpreting::before {
  content: "\f2a3"; }

.fa-american-sign-language-interpreting::before {
  content: "\f2a3"; }

.fa-asl-interpreting::before {
  content: "\f2a3"; }

.fa-hands-american-sign-language-interpreting::before {
  content: "\f2a3"; }

.fa-gear::before {
  content: "\f013"; }

.fa-cog::before {
  content: "\f013"; }

.fa-droplet-slash::before {
  content: "\f5c7"; }

.fa-tint-slash::before {
  content: "\f5c7"; }

.fa-mosque::before {
  content: "\f678"; }

.fa-mosquito::before {
  content: "\e52b"; }

.fa-star-of-david::before {
  content: "\f69a"; }

.fa-person-military-rifle::before {
  content: "\e54b"; }

.fa-cart-shopping::before {
  content: "\f07a"; }

.fa-shopping-cart::before {
  content: "\f07a"; }

.fa-vials::before {
  content: "\f493"; }

.fa-plug-circle-plus::before {
  content: "\e55f"; }

.fa-place-of-worship::before {
  content: "\f67f"; }

.fa-grip-vertical::before {
  content: "\f58e"; }

.fa-arrow-turn-up::before {
  content: "\f148"; }

.fa-level-up::before {
  content: "\f148"; }

.fa-u::before {
  content: "\55"; }

.fa-square-root-variable::before {
  content: "\f698"; }

.fa-square-root-alt::before {
  content: "\f698"; }

.fa-clock::before {
  content: "\f017"; }

.fa-clock-four::before {
  content: "\f017"; }

.fa-backward-step::before {
  content: "\f048"; }

.fa-step-backward::before {
  content: "\f048"; }

.fa-pallet::before {
  content: "\f482"; }

.fa-faucet::before {
  content: "\e005"; }

.fa-baseball-bat-ball::before {
  content: "\f432"; }

.fa-s::before {
  content: "\53"; }

.fa-timeline::before {
  content: "\e29c"; }

.fa-keyboard::before {
  content: "\f11c"; }

.fa-caret-down::before {
  content: "\f0d7"; }

.fa-house-chimney-medical::before {
  content: "\f7f2"; }

.fa-clinic-medical::before {
  content: "\f7f2"; }

.fa-temperature-three-quarters::before {
  content: "\f2c8"; }

.fa-temperature-3::before {
  content: "\f2c8"; }

.fa-thermometer-3::before {
  content: "\f2c8"; }

.fa-thermometer-three-quarters::before {
  content: "\f2c8"; }

.fa-mobile-screen::before {
  content: "\f3cf"; }

.fa-mobile-android-alt::before {
  content: "\f3cf"; }

.fa-plane-up::before {
  content: "\e22d"; }

.fa-piggy-bank::before {
  content: "\f4d3"; }

.fa-battery-half::before {
  content: "\f242"; }

.fa-battery-3::before {
  content: "\f242"; }

.fa-mountain-city::before {
  content: "\e52e"; }

.fa-coins::before {
  content: "\f51e"; }

.fa-khanda::before {
  content: "\f66d"; }

.fa-sliders::before {
  content: "\f1de"; }

.fa-sliders-h::before {
  content: "\f1de"; }

.fa-folder-tree::before {
  content: "\f802"; }

.fa-network-wired::before {
  content: "\f6ff"; }

.fa-map-pin::before {
  content: "\f276"; }

.fa-hamsa::before {
  content: "\f665"; }

.fa-cent-sign::before {
  content: "\e3f5"; }

.fa-flask::before {
  content: "\f0c3"; }

.fa-person-pregnant::before {
  content: "\e31e"; }

.fa-wand-sparkles::before {
  content: "\f72b"; }

.fa-ellipsis-vertical::before {
  content: "\f142"; }

.fa-ellipsis-v::before {
  content: "\f142"; }

.fa-ticket::before {
  content: "\f145"; }

.fa-power-off::before {
  content: "\f011"; }

.fa-right-long::before {
  content: "\f30b"; }

.fa-long-arrow-alt-right::before {
  content: "\f30b"; }

.fa-flag-usa::before {
  content: "\f74d"; }

.fa-laptop-file::before {
  content: "\e51d"; }

.fa-tty::before {
  content: "\f1e4"; }

.fa-teletype::before {
  content: "\f1e4"; }

.fa-diagram-next::before {
  content: "\e476"; }

.fa-person-rifle::before {
  content: "\e54e"; }

.fa-house-medical-circle-exclamation::before {
  content: "\e512"; }

.fa-closed-captioning::before {
  content: "\f20a"; }

.fa-person-hiking::before {
  content: "\f6ec"; }

.fa-hiking::before {
  content: "\f6ec"; }

.fa-venus-double::before {
  content: "\f226"; }

.fa-images::before {
  content: "\f302"; }

.fa-calculator::before {
  content: "\f1ec"; }

.fa-people-pulling::before {
  content: "\e535"; }

.fa-n::before {
  content: "\4e"; }

.fa-cable-car::before {
  content: "\f7da"; }

.fa-tram::before {
  content: "\f7da"; }

.fa-cloud-rain::before {
  content: "\f73d"; }

.fa-building-circle-xmark::before {
  content: "\e4d4"; }

.fa-ship::before {
  content: "\f21a"; }

.fa-arrows-down-to-line::before {
  content: "\e4b8"; }

.fa-download::before {
  content: "\f019"; }

.fa-face-grin::before {
  content: "\f580"; }

.fa-grin::before {
  content: "\f580"; }

.fa-delete-left::before {
  content: "\f55a"; }

.fa-backspace::before {
  content: "\f55a"; }

.fa-eye-dropper::before {
  content: "\f1fb"; }

.fa-eye-dropper-empty::before {
  content: "\f1fb"; }

.fa-eyedropper::before {
  content: "\f1fb"; }

.fa-file-circle-check::before {
  content: "\e5a0"; }

.fa-forward::before {
  content: "\f04e"; }

.fa-mobile::before {
  content: "\f3ce"; }

.fa-mobile-android::before {
  content: "\f3ce"; }

.fa-mobile-phone::before {
  content: "\f3ce"; }

.fa-face-meh::before {
  content: "\f11a"; }

.fa-meh::before {
  content: "\f11a"; }

.fa-align-center::before {
  content: "\f037"; }

.fa-book-skull::before {
  content: "\f6b7"; }

.fa-book-dead::before {
  content: "\f6b7"; }

.fa-id-card::before {
  content: "\f2c2"; }

.fa-drivers-license::before {
  content: "\f2c2"; }

.fa-outdent::before {
  content: "\f03b"; }

.fa-dedent::before {
  content: "\f03b"; }

.fa-heart-circle-exclamation::before {
  content: "\e4fe"; }

.fa-house::before {
  content: "\f015"; }

.fa-home::before {
  content: "\f015"; }

.fa-home-alt::before {
  content: "\f015"; }

.fa-home-lg-alt::before {
  content: "\f015"; }

.fa-calendar-week::before {
  content: "\f784"; }

.fa-laptop-medical::before {
  content: "\f812"; }

.fa-b::before {
  content: "\42"; }

.fa-file-medical::before {
  content: "\f477"; }

.fa-dice-one::before {
  content: "\f525"; }

.fa-kiwi-bird::before {
  content: "\f535"; }

.fa-arrow-right-arrow-left::before {
  content: "\f0ec"; }

.fa-exchange::before {
  content: "\f0ec"; }

.fa-rotate-right::before {
  content: "\f2f9"; }

.fa-redo-alt::before {
  content: "\f2f9"; }

.fa-rotate-forward::before {
  content: "\f2f9"; }

.fa-utensils::before {
  content: "\f2e7"; }

.fa-cutlery::before {
  content: "\f2e7"; }

.fa-arrow-up-wide-short::before {
  content: "\f161"; }

.fa-sort-amount-up::before {
  content: "\f161"; }

.fa-mill-sign::before {
  content: "\e1ed"; }

.fa-bowl-rice::before {
  content: "\e2eb"; }

.fa-skull::before {
  content: "\f54c"; }

.fa-tower-broadcast::before {
  content: "\f519"; }

.fa-broadcast-tower::before {
  content: "\f519"; }

.fa-truck-pickup::before {
  content: "\f63c"; }

.fa-up-long::before {
  content: "\f30c"; }

.fa-long-arrow-alt-up::before {
  content: "\f30c"; }

.fa-stop::before {
  content: "\f04d"; }

.fa-code-merge::before {
  content: "\f387"; }

.fa-upload::before {
  content: "\f093"; }

.fa-hurricane::before {
  content: "\f751"; }

.fa-mound::before {
  content: "\e52d"; }

.fa-toilet-portable::before {
  content: "\e583"; }

.fa-compact-disc::before {
  content: "\f51f"; }

.fa-file-arrow-down::before {
  content: "\f56d"; }

.fa-file-download::before {
  content: "\f56d"; }

.fa-caravan::before {
  content: "\f8ff"; }

.fa-shield-cat::before {
  content: "\e572"; }

.fa-bolt::before {
  content: "\f0e7"; }

.fa-zap::before {
  content: "\f0e7"; }

.fa-glass-water::before {
  content: "\e4f4"; }

.fa-oil-well::before {
  content: "\e532"; }

.fa-vault::before {
  content: "\e2c5"; }

.fa-mars::before {
  content: "\f222"; }

.fa-toilet::before {
  content: "\f7d8"; }

.fa-plane-circle-xmark::before {
  content: "\e557"; }

.fa-yen-sign::before {
  content: "\f157"; }

.fa-cny::before {
  content: "\f157"; }

.fa-jpy::before {
  content: "\f157"; }

.fa-rmb::before {
  content: "\f157"; }

.fa-yen::before {
  content: "\f157"; }

.fa-ruble-sign::before {
  content: "\f158"; }

.fa-rouble::before {
  content: "\f158"; }

.fa-rub::before {
  content: "\f158"; }

.fa-ruble::before {
  content: "\f158"; }

.fa-sun::before {
  content: "\f185"; }

.fa-guitar::before {
  content: "\f7a6"; }

.fa-face-laugh-wink::before {
  content: "\f59c"; }

.fa-laugh-wink::before {
  content: "\f59c"; }

.fa-horse-head::before {
  content: "\f7ab"; }

.fa-bore-hole::before {
  content: "\e4c3"; }

.fa-industry::before {
  content: "\f275"; }

.fa-circle-down::before {
  content: "\f358"; }

.fa-arrow-alt-circle-down::before {
  content: "\f358"; }

.fa-arrows-turn-to-dots::before {
  content: "\e4c1"; }

.fa-florin-sign::before {
  content: "\e184"; }

.fa-arrow-down-short-wide::before {
  content: "\f884"; }

.fa-sort-amount-desc::before {
  content: "\f884"; }

.fa-sort-amount-down-alt::before {
  content: "\f884"; }

.fa-less-than::before {
  content: "\3c"; }

.fa-angle-down::before {
  content: "\f107"; }

.fa-car-tunnel::before {
  content: "\e4de"; }

.fa-head-side-cough::before {
  content: "\e061"; }

.fa-grip-lines::before {
  content: "\f7a4"; }

.fa-thumbs-down::before {
  content: "\f165"; }

.fa-user-lock::before {
  content: "\f502"; }

.fa-arrow-right-long::before {
  content: "\f178"; }

.fa-long-arrow-right::before {
  content: "\f178"; }

.fa-anchor-circle-xmark::before {
  content: "\e4ac"; }

.fa-ellipsis::before {
  content: "\f141"; }

.fa-ellipsis-h::before {
  content: "\f141"; }

.fa-chess-pawn::before {
  content: "\f443"; }

.fa-kit-medical::before {
  content: "\f479"; }

.fa-first-aid::before {
  content: "\f479"; }

.fa-person-through-window::before {
  content: "\e5a9"; }

.fa-toolbox::before {
  content: "\f552"; }

.fa-hands-holding-circle::before {
  content: "\e4fb"; }

.fa-bug::before {
  content: "\f188"; }

.fa-credit-card::before {
  content: "\f09d"; }

.fa-credit-card-alt::before {
  content: "\f09d"; }

.fa-car::before {
  content: "\f1b9"; }

.fa-automobile::before {
  content: "\f1b9"; }

.fa-hand-holding-hand::before {
  content: "\e4f7"; }

.fa-book-open-reader::before {
  content: "\f5da"; }

.fa-book-reader::before {
  content: "\f5da"; }

.fa-mountain-sun::before {
  content: "\e52f"; }

.fa-arrows-left-right-to-line::before {
  content: "\e4ba"; }

.fa-dice-d20::before {
  content: "\f6cf"; }

.fa-truck-droplet::before {
  content: "\e58c"; }

.fa-file-circle-xmark::before {
  content: "\e5a1"; }

.fa-temperature-arrow-up::before {
  content: "\e040"; }

.fa-temperature-up::before {
  content: "\e040"; }

.fa-medal::before {
  content: "\f5a2"; }

.fa-bed::before {
  content: "\f236"; }

.fa-square-h::before {
  content: "\f0fd"; }

.fa-h-square::before {
  content: "\f0fd"; }

.fa-podcast::before {
  content: "\f2ce"; }

.fa-temperature-full::before {
  content: "\f2c7"; }

.fa-temperature-4::before {
  content: "\f2c7"; }

.fa-thermometer-4::before {
  content: "\f2c7"; }

.fa-thermometer-full::before {
  content: "\f2c7"; }

.fa-bell::before {
  content: "\f0f3"; }

.fa-superscript::before {
  content: "\f12b"; }

.fa-plug-circle-xmark::before {
  content: "\e560"; }

.fa-star-of-life::before {
  content: "\f621"; }

.fa-phone-slash::before {
  content: "\f3dd"; }

.fa-paint-roller::before {
  content: "\f5aa"; }

.fa-handshake-angle::before {
  content: "\f4c4"; }

.fa-hands-helping::before {
  content: "\f4c4"; }

.fa-location-dot::before {
  content: "\f3c5"; }

.fa-map-marker-alt::before {
  content: "\f3c5"; }

.fa-file::before {
  content: "\f15b"; }

.fa-greater-than::before {
  content: "\3e"; }

.fa-person-swimming::before {
  content: "\f5c4"; }

.fa-swimmer::before {
  content: "\f5c4"; }

.fa-arrow-down::before {
  content: "\f063"; }

.fa-droplet::before {
  content: "\f043"; }

.fa-tint::before {
  content: "\f043"; }

.fa-eraser::before {
  content: "\f12d"; }

.fa-earth-americas::before {
  content: "\f57d"; }

.fa-earth::before {
  content: "\f57d"; }

.fa-earth-america::before {
  content: "\f57d"; }

.fa-globe-americas::before {
  content: "\f57d"; }

.fa-person-burst::before {
  content: "\e53b"; }

.fa-dove::before {
  content: "\f4ba"; }

.fa-battery-empty::before {
  content: "\f244"; }

.fa-battery-0::before {
  content: "\f244"; }

.fa-socks::before {
  content: "\f696"; }

.fa-inbox::before {
  content: "\f01c"; }

.fa-section::before {
  content: "\e447"; }

.fa-gauge-high::before {
  content: "\f625"; }

.fa-tachometer-alt::before {
  content: "\f625"; }

.fa-tachometer-alt-fast::before {
  content: "\f625"; }

.fa-envelope-open-text::before {
  content: "\f658"; }

.fa-hospital::before {
  content: "\f0f8"; }

.fa-hospital-alt::before {
  content: "\f0f8"; }

.fa-hospital-wide::before {
  content: "\f0f8"; }

.fa-wine-bottle::before {
  content: "\f72f"; }

.fa-chess-rook::before {
  content: "\f447"; }

.fa-bars-staggered::before {
  content: "\f550"; }

.fa-reorder::before {
  content: "\f550"; }

.fa-stream::before {
  content: "\f550"; }

.fa-dharmachakra::before {
  content: "\f655"; }

.fa-hotdog::before {
  content: "\f80f"; }

.fa-person-walking-with-cane::before {
  content: "\f29d"; }

.fa-blind::before {
  content: "\f29d"; }

.fa-drum::before {
  content: "\f569"; }

.fa-ice-cream::before {
  content: "\f810"; }

.fa-heart-circle-bolt::before {
  content: "\e4fc"; }

.fa-fax::before {
  content: "\f1ac"; }

.fa-paragraph::before {
  content: "\f1dd"; }

.fa-check-to-slot::before {
  content: "\f772"; }

.fa-vote-yea::before {
  content: "\f772"; }

.fa-star-half::before {
  content: "\f089"; }

.fa-boxes-stacked::before {
  content: "\f468"; }

.fa-boxes::before {
  content: "\f468"; }

.fa-boxes-alt::before {
  content: "\f468"; }

.fa-link::before {
  content: "\f0c1"; }

.fa-chain::before {
  content: "\f0c1"; }

.fa-ear-listen::before {
  content: "\f2a2"; }

.fa-assistive-listening-systems::before {
  content: "\f2a2"; }

.fa-tree-city::before {
  content: "\e587"; }

.fa-play::before {
  content: "\f04b"; }

.fa-font::before {
  content: "\f031"; }

.fa-rupiah-sign::before {
  content: "\e23d"; }

.fa-magnifying-glass::before {
  content: "\f002"; }

.fa-search::before {
  content: "\f002"; }

.fa-table-tennis-paddle-ball::before {
  content: "\f45d"; }

.fa-ping-pong-paddle-ball::before {
  content: "\f45d"; }

.fa-table-tennis::before {
  content: "\f45d"; }

.fa-person-dots-from-line::before {
  content: "\f470"; }

.fa-diagnoses::before {
  content: "\f470"; }

.fa-trash-can-arrow-up::before {
  content: "\f82a"; }

.fa-trash-restore-alt::before {
  content: "\f82a"; }

.fa-naira-sign::before {
  content: "\e1f6"; }

.fa-cart-arrow-down::before {
  content: "\f218"; }

.fa-walkie-talkie::before {
  content: "\f8ef"; }

.fa-file-pen::before {
  content: "\f31c"; }

.fa-file-edit::before {
  content: "\f31c"; }

.fa-receipt::before {
  content: "\f543"; }

.fa-square-pen::before {
  content: "\f14b"; }

.fa-pen-square::before {
  content: "\f14b"; }

.fa-pencil-square::before {
  content: "\f14b"; }

.fa-suitcase-rolling::before {
  content: "\f5c1"; }

.fa-person-circle-exclamation::before {
  content: "\e53f"; }

.fa-chevron-down::before {
  content: "\f078"; }

.fa-battery-full::before {
  content: "\f240"; }

.fa-battery::before {
  content: "\f240"; }

.fa-battery-5::before {
  content: "\f240"; }

.fa-skull-crossbones::before {
  content: "\f714"; }

.fa-code-compare::before {
  content: "\e13a"; }

.fa-list-ul::before {
  content: "\f0ca"; }

.fa-list-dots::before {
  content: "\f0ca"; }

.fa-school-lock::before {
  content: "\e56f"; }

.fa-tower-cell::before {
  content: "\e585"; }

.fa-down-long::before {
  content: "\f309"; }

.fa-long-arrow-alt-down::before {
  content: "\f309"; }

.fa-ranking-star::before {
  content: "\e561"; }

.fa-chess-king::before {
  content: "\f43f"; }

.fa-person-harassing::before {
  content: "\e549"; }

.fa-brazilian-real-sign::before {
  content: "\e46c"; }

.fa-landmark-dome::before {
  content: "\f752"; }

.fa-landmark-alt::before {
  content: "\f752"; }

.fa-arrow-up::before {
  content: "\f062"; }

.fa-tv::before {
  content: "\f26c"; }

.fa-television::before {
  content: "\f26c"; }

.fa-tv-alt::before {
  content: "\f26c"; }

.fa-shrimp::before {
  content: "\e448"; }

.fa-list-check::before {
  content: "\f0ae"; }

.fa-tasks::before {
  content: "\f0ae"; }

.fa-jug-detergent::before {
  content: "\e519"; }

.fa-circle-user::before {
  content: "\f2bd"; }

.fa-user-circle::before {
  content: "\f2bd"; }

.fa-user-shield::before {
  content: "\f505"; }

.fa-wind::before {
  content: "\f72e"; }

.fa-car-burst::before {
  content: "\f5e1"; }

.fa-car-crash::before {
  content: "\f5e1"; }

.fa-y::before {
  content: "\59"; }

.fa-person-snowboarding::before {
  content: "\f7ce"; }

.fa-snowboarding::before {
  content: "\f7ce"; }

.fa-truck-fast::before {
  content: "\f48b"; }

.fa-shipping-fast::before {
  content: "\f48b"; }

.fa-fish::before {
  content: "\f578"; }

.fa-user-graduate::before {
  content: "\f501"; }

.fa-circle-half-stroke::before {
  content: "\f042"; }

.fa-adjust::before {
  content: "\f042"; }

.fa-clapperboard::before {
  content: "\e131"; }

.fa-circle-radiation::before {
  content: "\f7ba"; }

.fa-radiation-alt::before {
  content: "\f7ba"; }

.fa-baseball::before {
  content: "\f433"; }

.fa-baseball-ball::before {
  content: "\f433"; }

.fa-jet-fighter-up::before {
  content: "\e518"; }

.fa-diagram-project::before {
  content: "\f542"; }

.fa-project-diagram::before {
  content: "\f542"; }

.fa-copy::before {
  content: "\f0c5"; }

.fa-volume-xmark::before {
  content: "\f6a9"; }

.fa-volume-mute::before {
  content: "\f6a9"; }

.fa-volume-times::before {
  content: "\f6a9"; }

.fa-hand-sparkles::before {
  content: "\e05d"; }

.fa-grip::before {
  content: "\f58d"; }

.fa-grip-horizontal::before {
  content: "\f58d"; }

.fa-share-from-square::before {
  content: "\f14d"; }

.fa-share-square::before {
  content: "\f14d"; }

.fa-child-combatant::before {
  content: "\e4e0"; }

.fa-child-rifle::before {
  content: "\e4e0"; }

.fa-gun::before {
  content: "\e19b"; }

.fa-square-phone::before {
  content: "\f098"; }

.fa-phone-square::before {
  content: "\f098"; }

.fa-plus::before {
  content: "\2b"; }

.fa-add::before {
  content: "\2b"; }

.fa-expand::before {
  content: "\f065"; }

.fa-computer::before {
  content: "\e4e5"; }

.fa-xmark::before {
  content: "\f00d"; }

.fa-close::before {
  content: "\f00d"; }

.fa-multiply::before {
  content: "\f00d"; }

.fa-remove::before {
  content: "\f00d"; }

.fa-times::before {
  content: "\f00d"; }

.fa-arrows-up-down-left-right::before {
  content: "\f047"; }

.fa-arrows::before {
  content: "\f047"; }

.fa-chalkboard-user::before {
  content: "\f51c"; }

.fa-chalkboard-teacher::before {
  content: "\f51c"; }

.fa-peso-sign::before {
  content: "\e222"; }

.fa-building-shield::before {
  content: "\e4d8"; }

.fa-baby::before {
  content: "\f77c"; }

.fa-users-line::before {
  content: "\e592"; }

.fa-quote-left::before {
  content: "\f10d"; }

.fa-quote-left-alt::before {
  content: "\f10d"; }

.fa-tractor::before {
  content: "\f722"; }

.fa-trash-arrow-up::before {
  content: "\f829"; }

.fa-trash-restore::before {
  content: "\f829"; }

.fa-arrow-down-up-lock::before {
  content: "\e4b0"; }

.fa-lines-leaning::before {
  content: "\e51e"; }

.fa-ruler-combined::before {
  content: "\f546"; }

.fa-copyright::before {
  content: "\f1f9"; }

.fa-equals::before {
  content: "\3d"; }

.fa-blender::before {
  content: "\f517"; }

.fa-teeth::before {
  content: "\f62e"; }

.fa-shekel-sign::before {
  content: "\f20b"; }

.fa-ils::before {
  content: "\f20b"; }

.fa-shekel::before {
  content: "\f20b"; }

.fa-sheqel::before {
  content: "\f20b"; }

.fa-sheqel-sign::before {
  content: "\f20b"; }

.fa-map::before {
  content: "\f279"; }

.fa-rocket::before {
  content: "\f135"; }

.fa-photo-film::before {
  content: "\f87c"; }

.fa-photo-video::before {
  content: "\f87c"; }

.fa-folder-minus::before {
  content: "\f65d"; }

.fa-store::before {
  content: "\f54e"; }

.fa-arrow-trend-up::before {
  content: "\e098"; }

.fa-plug-circle-minus::before {
  content: "\e55e"; }

.fa-sign-hanging::before {
  content: "\f4d9"; }

.fa-sign::before {
  content: "\f4d9"; }

.fa-bezier-curve::before {
  content: "\f55b"; }

.fa-bell-slash::before {
  content: "\f1f6"; }

.fa-tablet::before {
  content: "\f3fb"; }

.fa-tablet-android::before {
  content: "\f3fb"; }

.fa-school-flag::before {
  content: "\e56e"; }

.fa-fill::before {
  content: "\f575"; }

.fa-angle-up::before {
  content: "\f106"; }

.fa-drumstick-bite::before {
  content: "\f6d7"; }

.fa-holly-berry::before {
  content: "\f7aa"; }

.fa-chevron-left::before {
  content: "\f053"; }

.fa-bacteria::before {
  content: "\e059"; }

.fa-hand-lizard::before {
  content: "\f258"; }

.fa-notdef::before {
  content: "\e1fe"; }

.fa-disease::before {
  content: "\f7fa"; }

.fa-briefcase-medical::before {
  content: "\f469"; }

.fa-genderless::before {
  content: "\f22d"; }

.fa-chevron-right::before {
  content: "\f054"; }

.fa-retweet::before {
  content: "\f079"; }

.fa-car-rear::before {
  content: "\f5de"; }

.fa-car-alt::before {
  content: "\f5de"; }

.fa-pump-soap::before {
  content: "\e06b"; }

.fa-video-slash::before {
  content: "\f4e2"; }

.fa-battery-quarter::before {
  content: "\f243"; }

.fa-battery-2::before {
  content: "\f243"; }

.fa-radio::before {
  content: "\f8d7"; }

.fa-baby-carriage::before {
  content: "\f77d"; }

.fa-carriage-baby::before {
  content: "\f77d"; }

.fa-traffic-light::before {
  content: "\f637"; }

.fa-thermometer::before {
  content: "\f491"; }

.fa-vr-cardboard::before {
  content: "\f729"; }

.fa-hand-middle-finger::before {
  content: "\f806"; }

.fa-percent::before {
  content: "\25"; }

.fa-percentage::before {
  content: "\25"; }

.fa-truck-moving::before {
  content: "\f4df"; }

.fa-glass-water-droplet::before {
  content: "\e4f5"; }

.fa-display::before {
  content: "\e163"; }

.fa-face-smile::before {
  content: "\f118"; }

.fa-smile::before {
  content: "\f118"; }

.fa-thumbtack::before {
  content: "\f08d"; }

.fa-thumb-tack::before {
  content: "\f08d"; }

.fa-trophy::before {
  content: "\f091"; }

.fa-person-praying::before {
  content: "\f683"; }

.fa-pray::before {
  content: "\f683"; }

.fa-hammer::before {
  content: "\f6e3"; }

.fa-hand-peace::before {
  content: "\f25b"; }

.fa-rotate::before {
  content: "\f2f1"; }

.fa-sync-alt::before {
  content: "\f2f1"; }

.fa-spinner::before {
  content: "\f110"; }

.fa-robot::before {
  content: "\f544"; }

.fa-peace::before {
  content: "\f67c"; }

.fa-gears::before {
  content: "\f085"; }

.fa-cogs::before {
  content: "\f085"; }

.fa-warehouse::before {
  content: "\f494"; }

.fa-arrow-up-right-dots::before {
  content: "\e4b7"; }

.fa-splotch::before {
  content: "\f5bc"; }

.fa-face-grin-hearts::before {
  content: "\f584"; }

.fa-grin-hearts::before {
  content: "\f584"; }

.fa-dice-four::before {
  content: "\f524"; }

.fa-sim-card::before {
  content: "\f7c4"; }

.fa-transgender::before {
  content: "\f225"; }

.fa-transgender-alt::before {
  content: "\f225"; }

.fa-mercury::before {
  content: "\f223"; }

.fa-arrow-turn-down::before {
  content: "\f149"; }

.fa-level-down::before {
  content: "\f149"; }

.fa-person-falling-burst::before {
  content: "\e547"; }

.fa-award::before {
  content: "\f559"; }

.fa-ticket-simple::before {
  content: "\f3ff"; }

.fa-ticket-alt::before {
  content: "\f3ff"; }

.fa-building::before {
  content: "\f1ad"; }

.fa-angles-left::before {
  content: "\f100"; }

.fa-angle-double-left::before {
  content: "\f100"; }

.fa-qrcode::before {
  content: "\f029"; }

.fa-clock-rotate-left::before {
  content: "\f1da"; }

.fa-history::before {
  content: "\f1da"; }

.fa-face-grin-beam-sweat::before {
  content: "\f583"; }

.fa-grin-beam-sweat::before {
  content: "\f583"; }

.fa-file-export::before {
  content: "\f56e"; }

.fa-arrow-right-from-file::before {
  content: "\f56e"; }

.fa-shield::before {
  content: "\f132"; }

.fa-shield-blank::before {
  content: "\f132"; }

.fa-arrow-up-short-wide::before {
  content: "\f885"; }

.fa-sort-amount-up-alt::before {
  content: "\f885"; }

.fa-house-medical::before {
  content: "\e3b2"; }

.fa-golf-ball-tee::before {
  content: "\f450"; }

.fa-golf-ball::before {
  content: "\f450"; }

.fa-circle-chevron-left::before {
  content: "\f137"; }

.fa-chevron-circle-left::before {
  content: "\f137"; }

.fa-house-chimney-window::before {
  content: "\e00d"; }

.fa-pen-nib::before {
  content: "\f5ad"; }

.fa-tent-arrow-turn-left::before {
  content: "\e580"; }

.fa-tents::before {
  content: "\e582"; }

.fa-wand-magic::before {
  content: "\f0d0"; }

.fa-magic::before {
  content: "\f0d0"; }

.fa-dog::before {
  content: "\f6d3"; }

.fa-carrot::before {
  content: "\f787"; }

.fa-moon::before {
  content: "\f186"; }

.fa-wine-glass-empty::before {
  content: "\f5ce"; }

.fa-wine-glass-alt::before {
  content: "\f5ce"; }

.fa-cheese::before {
  content: "\f7ef"; }

.fa-yin-yang::before {
  content: "\f6ad"; }

.fa-music::before {
  content: "\f001"; }

.fa-code-commit::before {
  content: "\f386"; }

.fa-temperature-low::before {
  content: "\f76b"; }

.fa-person-biking::before {
  content: "\f84a"; }

.fa-biking::before {
  content: "\f84a"; }

.fa-broom::before {
  content: "\f51a"; }

.fa-shield-heart::before {
  content: "\e574"; }

.fa-gopuram::before {
  content: "\f664"; }

.fa-earth-oceania::before {
  content: "\e47b"; }

.fa-globe-oceania::before {
  content: "\e47b"; }

.fa-square-xmark::before {
  content: "\f2d3"; }

.fa-times-square::before {
  content: "\f2d3"; }

.fa-xmark-square::before {
  content: "\f2d3"; }

.fa-hashtag::before {
  content: "\23"; }

.fa-up-right-and-down-left-from-center::before {
  content: "\f424"; }

.fa-expand-alt::before {
  content: "\f424"; }

.fa-oil-can::before {
  content: "\f613"; }

.fa-t::before {
  content: "\54"; }

.fa-hippo::before {
  content: "\f6ed"; }

.fa-chart-column::before {
  content: "\e0e3"; }

.fa-infinity::before {
  content: "\f534"; }

.fa-vial-circle-check::before {
  content: "\e596"; }

.fa-person-arrow-down-to-line::before {
  content: "\e538"; }

.fa-voicemail::before {
  content: "\f897"; }

.fa-fan::before {
  content: "\f863"; }

.fa-person-walking-luggage::before {
  content: "\e554"; }

.fa-up-down::before {
  content: "\f338"; }

.fa-arrows-alt-v::before {
  content: "\f338"; }

.fa-cloud-moon-rain::before {
  content: "\f73c"; }

.fa-calendar::before {
  content: "\f133"; }

.fa-trailer::before {
  content: "\e041"; }

.fa-bahai::before {
  content: "\f666"; }

.fa-haykal::before {
  content: "\f666"; }

.fa-sd-card::before {
  content: "\f7c2"; }

.fa-dragon::before {
  content: "\f6d5"; }

.fa-shoe-prints::before {
  content: "\f54b"; }

.fa-circle-plus::before {
  content: "\f055"; }

.fa-plus-circle::before {
  content: "\f055"; }

.fa-face-grin-tongue-wink::before {
  content: "\f58b"; }

.fa-grin-tongue-wink::before {
  content: "\f58b"; }

.fa-hand-holding::before {
  content: "\f4bd"; }

.fa-plug-circle-exclamation::before {
  content: "\e55d"; }

.fa-link-slash::before {
  content: "\f127"; }

.fa-chain-broken::before {
  content: "\f127"; }

.fa-chain-slash::before {
  content: "\f127"; }

.fa-unlink::before {
  content: "\f127"; }

.fa-clone::before {
  content: "\f24d"; }

.fa-person-walking-arrow-loop-left::before {
  content: "\e551"; }

.fa-arrow-up-z-a::before {
  content: "\f882"; }

.fa-sort-alpha-up-alt::before {
  content: "\f882"; }

.fa-fire-flame-curved::before {
  content: "\f7e4"; }

.fa-fire-alt::before {
  content: "\f7e4"; }

.fa-tornado::before {
  content: "\f76f"; }

.fa-file-circle-plus::before {
  content: "\e494"; }

.fa-book-quran::before {
  content: "\f687"; }

.fa-quran::before {
  content: "\f687"; }

.fa-anchor::before {
  content: "\f13d"; }

.fa-border-all::before {
  content: "\f84c"; }

.fa-face-angry::before {
  content: "\f556"; }

.fa-angry::before {
  content: "\f556"; }

.fa-cookie-bite::before {
  content: "\f564"; }

.fa-arrow-trend-down::before {
  content: "\e097"; }

.fa-rss::before {
  content: "\f09e"; }

.fa-feed::before {
  content: "\f09e"; }

.fa-draw-polygon::before {
  content: "\f5ee"; }

.fa-scale-balanced::before {
  content: "\f24e"; }

.fa-balance-scale::before {
  content: "\f24e"; }

.fa-gauge-simple-high::before {
  content: "\f62a"; }

.fa-tachometer::before {
  content: "\f62a"; }

.fa-tachometer-fast::before {
  content: "\f62a"; }

.fa-shower::before {
  content: "\f2cc"; }

.fa-desktop::before {
  content: "\f390"; }

.fa-desktop-alt::before {
  content: "\f390"; }

.fa-m::before {
  content: "\4d"; }

.fa-table-list::before {
  content: "\f00b"; }

.fa-th-list::before {
  content: "\f00b"; }

.fa-comment-sms::before {
  content: "\f7cd"; }

.fa-sms::before {
  content: "\f7cd"; }

.fa-book::before {
  content: "\f02d"; }

.fa-user-plus::before {
  content: "\f234"; }

.fa-check::before {
  content: "\f00c"; }

.fa-battery-three-quarters::before {
  content: "\f241"; }

.fa-battery-4::before {
  content: "\f241"; }

.fa-house-circle-check::before {
  content: "\e509"; }

.fa-angle-left::before {
  content: "\f104"; }

.fa-diagram-successor::before {
  content: "\e47a"; }

.fa-truck-arrow-right::before {
  content: "\e58b"; }

.fa-arrows-split-up-and-left::before {
  content: "\e4bc"; }

.fa-hand-fist::before {
  content: "\f6de"; }

.fa-fist-raised::before {
  content: "\f6de"; }

.fa-cloud-moon::before {
  content: "\f6c3"; }

.fa-briefcase::before {
  content: "\f0b1"; }

.fa-person-falling::before {
  content: "\e546"; }

.fa-image-portrait::before {
  content: "\f3e0"; }

.fa-portrait::before {
  content: "\f3e0"; }

.fa-user-tag::before {
  content: "\f507"; }

.fa-rug::before {
  content: "\e569"; }

.fa-earth-europe::before {
  content: "\f7a2"; }

.fa-globe-europe::before {
  content: "\f7a2"; }

.fa-cart-flatbed-suitcase::before {
  content: "\f59d"; }

.fa-luggage-cart::before {
  content: "\f59d"; }

.fa-rectangle-xmark::before {
  content: "\f410"; }

.fa-rectangle-times::before {
  content: "\f410"; }

.fa-times-rectangle::before {
  content: "\f410"; }

.fa-window-close::before {
  content: "\f410"; }

.fa-baht-sign::before {
  content: "\e0ac"; }

.fa-book-open::before {
  content: "\f518"; }

.fa-book-journal-whills::before {
  content: "\f66a"; }

.fa-journal-whills::before {
  content: "\f66a"; }

.fa-handcuffs::before {
  content: "\e4f8"; }

.fa-triangle-exclamation::before {
  content: "\f071"; }

.fa-exclamation-triangle::before {
  content: "\f071"; }

.fa-warning::before {
  content: "\f071"; }

.fa-database::before {
  content: "\f1c0"; }

.fa-share::before {
  content: "\f064"; }

.fa-arrow-turn-right::before {
  content: "\f064"; }

.fa-mail-forward::before {
  content: "\f064"; }

.fa-bottle-droplet::before {
  content: "\e4c4"; }

.fa-mask-face::before {
  content: "\e1d7"; }

.fa-hill-rockslide::before {
  content: "\e508"; }

.fa-right-left::before {
  content: "\f362"; }

.fa-exchange-alt::before {
  content: "\f362"; }

.fa-paper-plane::before {
  content: "\f1d8"; }

.fa-road-circle-exclamation::before {
  content: "\e565"; }

.fa-dungeon::before {
  content: "\f6d9"; }

.fa-align-right::before {
  content: "\f038"; }

.fa-money-bill-1-wave::before {
  content: "\f53b"; }

.fa-money-bill-wave-alt::before {
  content: "\f53b"; }

.fa-life-ring::before {
  content: "\f1cd"; }

.fa-hands::before {
  content: "\f2a7"; }

.fa-sign-language::before {
  content: "\f2a7"; }

.fa-signing::before {
  content: "\f2a7"; }

.fa-calendar-day::before {
  content: "\f783"; }

.fa-water-ladder::before {
  content: "\f5c5"; }

.fa-ladder-water::before {
  content: "\f5c5"; }

.fa-swimming-pool::before {
  content: "\f5c5"; }

.fa-arrows-up-down::before {
  content: "\f07d"; }

.fa-arrows-v::before {
  content: "\f07d"; }

.fa-face-grimace::before {
  content: "\f57f"; }

.fa-grimace::before {
  content: "\f57f"; }

.fa-wheelchair-move::before {
  content: "\e2ce"; }

.fa-wheelchair-alt::before {
  content: "\e2ce"; }

.fa-turn-down::before {
  content: "\f3be"; }

.fa-level-down-alt::before {
  content: "\f3be"; }

.fa-person-walking-arrow-right::before {
  content: "\e552"; }

.fa-square-envelope::before {
  content: "\f199"; }

.fa-envelope-square::before {
  content: "\f199"; }

.fa-dice::before {
  content: "\f522"; }

.fa-bowling-ball::before {
  content: "\f436"; }

.fa-brain::before {
  content: "\f5dc"; }

.fa-bandage::before {
  content: "\f462"; }

.fa-band-aid::before {
  content: "\f462"; }

.fa-calendar-minus::before {
  content: "\f272"; }

.fa-circle-xmark::before {
  content: "\f057"; }

.fa-times-circle::before {
  content: "\f057"; }

.fa-xmark-circle::before {
  content: "\f057"; }

.fa-gifts::before {
  content: "\f79c"; }

.fa-hotel::before {
  content: "\f594"; }

.fa-earth-asia::before {
  content: "\f57e"; }

.fa-globe-asia::before {
  content: "\f57e"; }

.fa-id-card-clip::before {
  content: "\f47f"; }

.fa-id-card-alt::before {
  content: "\f47f"; }

.fa-magnifying-glass-plus::before {
  content: "\f00e"; }

.fa-search-plus::before {
  content: "\f00e"; }

.fa-thumbs-up::before {
  content: "\f164"; }

.fa-user-clock::before {
  content: "\f4fd"; }

.fa-hand-dots::before {
  content: "\f461"; }

.fa-allergies::before {
  content: "\f461"; }

.fa-file-invoice::before {
  content: "\f570"; }

.fa-window-minimize::before {
  content: "\f2d1"; }

.fa-mug-saucer::before {
  content: "\f0f4"; }

.fa-coffee::before {
  content: "\f0f4"; }

.fa-brush::before {
  content: "\f55d"; }

.fa-mask::before {
  content: "\f6fa"; }

.fa-magnifying-glass-minus::before {
  content: "\f010"; }

.fa-search-minus::before {
  content: "\f010"; }

.fa-ruler-vertical::before {
  content: "\f548"; }

.fa-user-large::before {
  content: "\f406"; }

.fa-user-alt::before {
  content: "\f406"; }

.fa-train-tram::before {
  content: "\e5b4"; }

.fa-user-nurse::before {
  content: "\f82f"; }

.fa-syringe::before {
  content: "\f48e"; }

.fa-cloud-sun::before {
  content: "\f6c4"; }

.fa-stopwatch-20::before {
  content: "\e06f"; }

.fa-square-full::before {
  content: "\f45c"; }

.fa-magnet::before {
  content: "\f076"; }

.fa-jar::before {
  content: "\e516"; }

.fa-note-sticky::before {
  content: "\f249"; }

.fa-sticky-note::before {
  content: "\f249"; }

.fa-bug-slash::before {
  content: "\e490"; }

.fa-arrow-up-from-water-pump::before {
  content: "\e4b6"; }

.fa-bone::before {
  content: "\f5d7"; }

.fa-user-injured::before {
  content: "\f728"; }

.fa-face-sad-tear::before {
  content: "\f5b4"; }

.fa-sad-tear::before {
  content: "\f5b4"; }

.fa-plane::before {
  content: "\f072"; }

.fa-tent-arrows-down::before {
  content: "\e581"; }

.fa-exclamation::before {
  content: "\21"; }

.fa-arrows-spin::before {
  content: "\e4bb"; }

.fa-print::before {
  content: "\f02f"; }

.fa-turkish-lira-sign::before {
  content: "\e2bb"; }

.fa-try::before {
  content: "\e2bb"; }

.fa-turkish-lira::before {
  content: "\e2bb"; }

.fa-dollar-sign::before {
  content: "\24"; }

.fa-dollar::before {
  content: "\24"; }

.fa-usd::before {
  content: "\24"; }

.fa-x::before {
  content: "\58"; }

.fa-magnifying-glass-dollar::before {
  content: "\f688"; }

.fa-search-dollar::before {
  content: "\f688"; }

.fa-users-gear::before {
  content: "\f509"; }

.fa-users-cog::before {
  content: "\f509"; }

.fa-person-military-pointing::before {
  content: "\e54a"; }

.fa-building-columns::before {
  content: "\f19c"; }

.fa-bank::before {
  content: "\f19c"; }

.fa-institution::before {
  content: "\f19c"; }

.fa-museum::before {
  content: "\f19c"; }

.fa-university::before {
  content: "\f19c"; }

.fa-umbrella::before {
  content: "\f0e9"; }

.fa-trowel::before {
  content: "\e589"; }

.fa-d::before {
  content: "\44"; }

.fa-stapler::before {
  content: "\e5af"; }

.fa-masks-theater::before {
  content: "\f630"; }

.fa-theater-masks::before {
  content: "\f630"; }

.fa-kip-sign::before {
  content: "\e1c4"; }

.fa-hand-point-left::before {
  content: "\f0a5"; }

.fa-handshake-simple::before {
  content: "\f4c6"; }

.fa-handshake-alt::before {
  content: "\f4c6"; }

.fa-jet-fighter::before {
  content: "\f0fb"; }

.fa-fighter-jet::before {
  content: "\f0fb"; }

.fa-square-share-nodes::before {
  content: "\f1e1"; }

.fa-share-alt-square::before {
  content: "\f1e1"; }

.fa-barcode::before {
  content: "\f02a"; }

.fa-plus-minus::before {
  content: "\e43c"; }

.fa-video::before {
  content: "\f03d"; }

.fa-video-camera::before {
  content: "\f03d"; }

.fa-graduation-cap::before {
  content: "\f19d"; }

.fa-mortar-board::before {
  content: "\f19d"; }

.fa-hand-holding-medical::before {
  content: "\e05c"; }

.fa-person-circle-check::before {
  content: "\e53e"; }

.fa-turn-up::before {
  content: "\f3bf"; }

.fa-level-up-alt::before {
  content: "\f3bf"; }

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0; }

/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-regular-400.woff2") format("woff2"), url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-regular-400.ttf") format("truetype"); }

.far,
.fa-regular {
  font-weight: 400; }

/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-classic: 'Font Awesome 6 Free';
  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-solid-900.woff2") format("woff2"), url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-solid-900.ttf") format("truetype"); }

.fas,
.fa-solid {
  font-weight: 900; }

/*!
 * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2023 Fonticons, Inc.
 */
:root, :host {
  --fa-style-family-brands: 'Font Awesome 6 Brands';
  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands'; }

@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-brands-400.woff2") format("woff2"), url("/ecommerce/vendors/core2/_fontawesome-free-6.4.2-web/webfonts/fa-brands-400.ttf") format("truetype"); }

.fab,
.fa-brands {
  font-weight: 400; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-aws:before {
  content: "\f375"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-cloudflare:before {
  content: "\e07d"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-modx:before {
  content: "\f285"; }

.fa-guilded:before {
  content: "\e07e"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-square-js:before {
  content: "\f3b9"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-orcid:before {
  content: "\f8d2"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-unity:before {
  content: "\e049"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-vk:before {
  content: "\f189"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-square-reddit:before {
  content: "\f1a2"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-square-font-awesome:before {
  content: "\e5ad"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-square-instagram:before {
  content: "\e055"; }

.fa-instagram-square:before {
  content: "\e055"; }

.fa-battle-net:before {
  content: "\f835"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-square-hacker-news:before {
  content: "\f3af"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-edge:before {
  content: "\f282"; }

.fa-threads:before {
  content: "\e618"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-square-snapchat:before {
  content: "\f2ad"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-safari:before {
  content: "\f267"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-square-font-awesome-stroke:before {
  content: "\f35c"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-chromecast:before {
  content: "\f838"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-watchman-monitoring:before {
  content: "\e087"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-git-alt:before {
  content: "\f841"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-square-viadeo:before {
  content: "\f2aa"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-centos:before {
  content: "\f789"; }

.fa-adn:before {
  content: "\f170"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-square-dribbble:before {
  content: "\f397"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-node:before {
  content: "\f419"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-debian:before {
  content: "\e60b"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-instalod:before {
  content: "\e081"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-square-twitter:before {
  content: "\f081"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-golang:before {
  content: "\e40f"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-uncharted:before {
  content: "\e084"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-square-youtube:before {
  content: "\f431"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-rendact:before {
  content: "\f3e4"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-nfc-directional:before {
  content: "\e530"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-meta:before {
  content: "\e49b"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-hips:before {
  content: "\f452"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-discord:before {
  content: "\f392"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-mdb:before {
  content: "\f8ca"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-unsplash:before {
  content: "\e07c"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-square-steam:before {
  content: "\f1b7"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-500px:before {
  content: "\f26e"; }

.fa-square-vimeo:before {
  content: "\f194"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-flag:before {
  content: "\f2b4"; }

.fa-font-awesome-logo-full:before {
  content: "\f2b4"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-apple:before {
  content: "\f179"; }

.fa-hive:before {
  content: "\e07f"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-padlet:before {
  content: "\e4a0"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-square-github:before {
  content: "\f092"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-shopify:before {
  content: "\e057"; }

.fa-neos:before {
  content: "\f612"; }

.fa-square-threads:before {
  content: "\e619"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-swift:before {
  content: "\f8e1"; }

.fa-angular:before {
  content: "\f420"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envira:before {
  content: "\f299"; }

.fa-square-gitlab:before {
  content: "\e5ae"; }

.fa-gitlab-square:before {
  content: "\e5ae"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-square-odnoklassniki:before {
  content: "\f264"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-sith:before {
  content: "\f512"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-hashnode:before {
  content: "\e499"; }

.fa-react:before {
  content: "\f41b"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-umbraco:before {
  content: "\f8e8"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-gg:before {
  content: "\f260"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-square-pinterest:before {
  content: "\f0d3"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-xing:before {
  content: "\f168"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-less:before {
  content: "\f41d"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-dailymotion:before {
  content: "\e052"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-nfc-symbol:before {
  content: "\e531"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-square-google-plus:before {
  content: "\f0d4"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-square-xing:before {
  content: "\f169"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-fly:before {
  content: "\f417"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-viber:before {
  content: "\f409"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-audible:before {
  content: "\f373"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-bilibili:before {
  content: "\e3d9"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-x-twitter:before {
  content: "\e61b"; }

.fa-cotton-bureau:before {
  content: "\f89e"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-42-group:before {
  content: "\e080"; }

.fa-innosoft:before {
  content: "\e080"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-square-pied-piper:before {
  content: "\e01e"; }

.fa-pied-piper-square:before {
  content: "\e01e"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-tiktok:before {
  content: "\e07b"; }

.fa-square-facebook:before {
  content: "\f082"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-mixer:before {
  content: "\e056"; }

.fa-square-lastfm:before {
  content: "\f203"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-figma:before {
  content: "\f799"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-cmplid:before {
  content: "\e360"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-deezer:before {
  content: "\e077"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-docker:before {
  content: "\f395"; }

.fa-screenpal:before {
  content: "\e570"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-microblog:before {
  content: "\e01a"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-wirsindhandwerk:before {
  content: "\e2d0"; }

.fa-wsh:before {
  content: "\e2d0"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-octopus-deploy:before {
  content: "\e082"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-apper:before {
  content: "\f371"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ab"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-rust:before {
  content: "\e07a"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-square-behance:before {
  content: "\f1b5"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-space-awesome:before {
  content: "\e5ac"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-square-git:before {
  content: "\f1d2"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-square-tumblr:before {
  content: "\f174"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-trello:before {
  content: "\f181"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-perbyte:before {
  content: "\e083"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-android:before {
  content: "\f17b"; }

.fa-bots:before {
  content: "\e340"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-ideal:before {
  content: "\e013"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-uber:before {
  content: "\f402"; }

.fa-github:before {
  content: "\f09b"; }

.fa-php:before {
  content: "\f457"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-firefox-browser:before {
  content: "\e007"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-buffer:before {
  content: "\f837"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-yammer:before {
  content: "\f840"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-stubber:before {
  content: "\e5c7"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f2c6"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-odysee:before {
  content: "\e5c6"; }

.fa-square-whatsapp:before {
  content: "\f40c"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-edge-legacy:before {
  content: "\e078"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f198"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-usb:before {
  content: "\f287"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-square-x-twitter:before {
  content: "\e61a"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f23a"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-sitrox:before {
  content: "\e44a"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-buy-n-large:before {
  content: "\f8a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-strava:before {
  content: "\f428"; }

.fa-ember:before {
  content: "\f423"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-wodu:before {
  content: "\e088"; }

.fa-google-pay:before {
  content: "\e079"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-zhihu:before {
  content: "\f63f"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-pix:before {
  content: "\e43a"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    display: block;
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  position: absolute;
  top: 46%;
  width: 100%;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #000000;
    font-size: 20px;
    margin: 5px;
    padding: 4px 7px;
    background: #000;
    display: inline-block;
    cursor: pointer; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #000000;
      color: #fff;
      text-decoration: none; }
  .owl-theme .owl-nav .owl-prev {
    float: left; }
  .owl-theme .owl-nav .owl-next {
    float: right; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #000;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot.ec-flexbox-selected span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #000000; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  width: 24px;
  height: 24px;
  border: 5px solid #FFF;
  border-bottom-color: black;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("/Ecommerce/Vendors/core2/_slick-1.8.1/slick/fonts/slick.eot");
  src: url("/Ecommerce/Vendors/core2/_slick-1.8.1/slick/fonts/slick.eot?#iefix") format("embedded-opentype"), url("/Ecommerce/Vendors/core2/_slick-1.8.1/slick/fonts/slick.woff") format("woff"), url("/Ecommerce/Vendors/core2/_slick-1.8.1/slick/fonts/slick.ttf") format("truetype"), url("/Ecommerce/Vendors/core2/_slick-1.8.1/slick/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.cms-sidebar {
  background: #333;
  color: #333;
  display: block;
  float: left;
  width: 20%;
  height: 1080px;
  font-size: 0.875rem;
  padding: 0.625rem; }
  .cms-sidebar__container {
    border: 0.0625rem solid #ddd;
    background: #fff; }
  .cms-sidebar__title {
    font-size: 1.0625rem;
    border-bottom: 0.0625rem solid #eee;
    margin-bottom: 1.875rem;
    color: #004e8e; }
  .cms-sidebar .menu__item, .cms-sidebar .menu__text {
    vertical-align: middle; }
  .cms-sidebar .menu__item {
    width: 100%;
    padding: 0.9375rem;
    border: 1px solid #eee;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15); }
    .cms-sidebar .menu__item:not(.is-locked) {
      cursor: pointer; }
    .cms-sidebar .menu__item--subitem {
      margin-left: 1.875rem; }
    .cms-sidebar .menu__item--btn {
      border: 1px dashed #005580; }
      .cms-sidebar .menu__item--btn .menu__button {
        width: 100%;
        color: #005580; }
        .cms-sidebar .menu__item--btn .menu__button:hover {
          color: #0088cd; }
    .cms-sidebar .menu__item--sectionhidden {
      color: #ddd; }
      .cms-sidebar .menu__item--sectionhidden .fa {
        color: #ddd; }
    .cms-sidebar .menu__item--ui-state-highlight {
      padding: 0.9375rem;
      border: 1px dashed #ffeeba;
      background: #fff3cd;
      width: 100%;
      height: 52px;
      margin: 0.25rem; }
  .cms-sidebar .menu__text {
    flex-grow: 1; }
  .cms-sidebar .menu__button {
    border: 0;
    background: transparent; }
  .cms-sidebar .menu__icon--options {
    justify-content: flex-end; }
    .cms-sidebar .menu__icon--options:last-child {
      margin-right: 0; }

.cms-modal .modal-dialog {
  max-width: 75% !important; }

.cms-modal .modal-title {
  font-size: 1.0625rem;
  color: #004e8e; }

.cms-container {
  float: left;
  width: 80%; }

.cms-hover {
  border: 2px dotted #005580;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }

.widget-list__item {
  width: 25%;
  margin: 0.625rem;
  float: left;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }

.widget-list .fa,
.widget-list .fas {
  color: #005580;
  margin-top: 1.25rem; }

.widget-list .card {
  text-align: center; }
  .widget-list .card-title {
    font-weight: bold; }
  .widget-list .card-text {
    color: #999; }

/*
* Custom file from k-eCommerce
* Original: jquery.flexbox.css
*
* Date: 2019-09-04
* Added: button and input are set next to each other (we removed the default FlexBox classes)
* Added: fixed width to the button so the width of the input can be used with a calc()
* Added: position of the dropdown with results because we removed the default FlexBox class
*/
/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
  float: left;
  color: #000;
  /* must specify along with watermark color */
  height: 16px;
  /* required for webkit browsers (Safari, Chrome) */ }

/* Color of watermark, if present */
.ffb-input.watermark {
  /* added and removed dynamically */
  color: #888;
  /* must specify along with input color */ }

/* Drop-down arrow, with sprited image */
.ffb-arrow {
  float: left;
  width: 17px;
  height: 22px;
  background-image: url(../img/sel_win7.gif); }

.ffb-arrow.out {
  /* css sprite technique */
  background-position: 0; }

.ffb-arrow.over {
  /* css sprite technique */
  background-position: -17px 0; }

.ffb-arrow.active, .ffb-arrow.ec-flexbox-selected {
  /* css sprite technique */
  background-position: -34px 0; }

.ffb-no-results {
  padding: 2px;
  color: #888;
  font-style: italic;
  border-bottom: 1px solid #828790; }

/* Container for dropdown contents */
.ffb {
  position: absolute;
  /* this guy's parent div is hard-coded to position:relative */
  overflow: hidden;
  border-left: 1px solid #828790;
  /* #7B9EBD for Vista */
  border-right: 1px solid #828790;
  background-color: #fff;
  /* Give it a background-color, so it's not transparent */ }

/* Inner div for dropdown */
.ffb .content {
  overflow: auto; }

.ffb .content .fb-row {
  border-bottom: 1px solid #828790;
  color: #000;
  height: 20px;
  clear: both; }

.ffb-sel {
  cursor: pointer;
  cursor: hand;
  color: #fff !important;
  background-color: #39f; }

.ffb-match {
  font-weight: bold;
  color: #000; }

/* Paging */
.ffb .paging {
  vertical-align: middle;
  border-bottom: 1px solid #828790; }

.ffb .page, .ffb a.page {
  font-size: 85%;
  padding: 2px;
  border: solid 1px #339;
  background-color: #eef;
  margin: 2px; }

.ffb .box {
  width: 22px;
  margin: 2px; }

.ffb .summary {
  font-size: 85%; }

.form__input--flexbox {
  width: 100% !important; }

.ec-flexbox-results {
  left: auto !important;
  top: 100% !important;
  width: 100% !important; }

/*!
 * Bootstrap Icons v1.10.5 (https://icons.getbootstrap.com/)
 * Copyright 2019-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("/ecommerce/vendors/core2/_bootstrap-icons-1.10.5/font/fonts/bootstrap-icons.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("/ecommerce/vendors/core2/_bootstrap-icons-1.10.5/font/fonts/bootstrap-icons.woff?24e3eb84d0bcaf83d77f904c78ac1f47") 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: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.bi-123::before {
  content: ""; }

.bi-alarm-fill::before {
  content: ""; }

.bi-alarm::before {
  content: ""; }

.bi-align-bottom::before {
  content: ""; }

.bi-align-center::before {
  content: ""; }

.bi-align-end::before {
  content: ""; }

.bi-align-middle::before {
  content: ""; }

.bi-align-start::before {
  content: ""; }

.bi-align-top::before {
  content: ""; }

.bi-alt::before {
  content: ""; }

.bi-app-indicator::before {
  content: ""; }

.bi-app::before {
  content: ""; }

.bi-archive-fill::before {
  content: ""; }

.bi-archive::before {
  content: ""; }

.bi-arrow-90deg-down::before {
  content: ""; }

.bi-arrow-90deg-left::before {
  content: ""; }

.bi-arrow-90deg-right::before {
  content: ""; }

.bi-arrow-90deg-up::before {
  content: ""; }

.bi-arrow-bar-down::before {
  content: ""; }

.bi-arrow-bar-left::before {
  content: ""; }

.bi-arrow-bar-right::before {
  content: ""; }

.bi-arrow-bar-up::before {
  content: ""; }

.bi-arrow-clockwise::before {
  content: ""; }

.bi-arrow-counterclockwise::before {
  content: ""; }

.bi-arrow-down-circle-fill::before {
  content: ""; }

.bi-arrow-down-circle::before {
  content: ""; }

.bi-arrow-down-left-circle-fill::before {
  content: ""; }

.bi-arrow-down-left-circle::before {
  content: ""; }

.bi-arrow-down-left-square-fill::before {
  content: ""; }

.bi-arrow-down-left-square::before {
  content: ""; }

.bi-arrow-down-left::before {
  content: ""; }

.bi-arrow-down-right-circle-fill::before {
  content: ""; }

.bi-arrow-down-right-circle::before {
  content: ""; }

.bi-arrow-down-right-square-fill::before {
  content: ""; }

.bi-arrow-down-right-square::before {
  content: ""; }

.bi-arrow-down-right::before {
  content: ""; }

.bi-arrow-down-short::before {
  content: ""; }

.bi-arrow-down-square-fill::before {
  content: ""; }

.bi-arrow-down-square::before {
  content: ""; }

.bi-arrow-down-up::before {
  content: ""; }

.bi-arrow-down::before {
  content: ""; }

.bi-arrow-left-circle-fill::before {
  content: ""; }

.bi-arrow-left-circle::before {
  content: ""; }

.bi-arrow-left-right::before {
  content: ""; }

.bi-arrow-left-short::before {
  content: ""; }

.bi-arrow-left-square-fill::before {
  content: ""; }

.bi-arrow-left-square::before {
  content: ""; }

.bi-arrow-left::before {
  content: ""; }

.bi-arrow-repeat::before {
  content: ""; }

.bi-arrow-return-left::before {
  content: ""; }

.bi-arrow-return-right::before {
  content: ""; }

.bi-arrow-right-circle-fill::before {
  content: ""; }

.bi-arrow-right-circle::before {
  content: ""; }

.bi-arrow-right-short::before {
  content: ""; }

.bi-arrow-right-square-fill::before {
  content: ""; }

.bi-arrow-right-square::before {
  content: ""; }

.bi-arrow-right::before {
  content: ""; }

.bi-arrow-up-circle-fill::before {
  content: ""; }

.bi-arrow-up-circle::before {
  content: ""; }

.bi-arrow-up-left-circle-fill::before {
  content: ""; }

.bi-arrow-up-left-circle::before {
  content: ""; }

.bi-arrow-up-left-square-fill::before {
  content: ""; }

.bi-arrow-up-left-square::before {
  content: ""; }

.bi-arrow-up-left::before {
  content: ""; }

.bi-arrow-up-right-circle-fill::before {
  content: ""; }

.bi-arrow-up-right-circle::before {
  content: ""; }

.bi-arrow-up-right-square-fill::before {
  content: ""; }

.bi-arrow-up-right-square::before {
  content: ""; }

.bi-arrow-up-right::before {
  content: ""; }

.bi-arrow-up-short::before {
  content: ""; }

.bi-arrow-up-square-fill::before {
  content: ""; }

.bi-arrow-up-square::before {
  content: ""; }

.bi-arrow-up::before {
  content: ""; }

.bi-arrows-angle-contract::before {
  content: ""; }

.bi-arrows-angle-expand::before {
  content: ""; }

.bi-arrows-collapse::before {
  content: ""; }

.bi-arrows-expand::before {
  content: ""; }

.bi-arrows-fullscreen::before {
  content: ""; }

.bi-arrows-move::before {
  content: ""; }

.bi-aspect-ratio-fill::before {
  content: ""; }

.bi-aspect-ratio::before {
  content: ""; }

.bi-asterisk::before {
  content: ""; }

.bi-at::before {
  content: ""; }

.bi-award-fill::before {
  content: ""; }

.bi-award::before {
  content: ""; }

.bi-back::before {
  content: ""; }

.bi-backspace-fill::before {
  content: ""; }

.bi-backspace-reverse-fill::before {
  content: ""; }

.bi-backspace-reverse::before {
  content: ""; }

.bi-backspace::before {
  content: ""; }

.bi-badge-3d-fill::before {
  content: ""; }

.bi-badge-3d::before {
  content: ""; }

.bi-badge-4k-fill::before {
  content: ""; }

.bi-badge-4k::before {
  content: ""; }

.bi-badge-8k-fill::before {
  content: ""; }

.bi-badge-8k::before {
  content: ""; }

.bi-badge-ad-fill::before {
  content: ""; }

.bi-badge-ad::before {
  content: ""; }

.bi-badge-ar-fill::before {
  content: ""; }

.bi-badge-ar::before {
  content: ""; }

.bi-badge-cc-fill::before {
  content: ""; }

.bi-badge-cc::before {
  content: ""; }

.bi-badge-hd-fill::before {
  content: ""; }

.bi-badge-hd::before {
  content: ""; }

.bi-badge-tm-fill::before {
  content: ""; }

.bi-badge-tm::before {
  content: ""; }

.bi-badge-vo-fill::before {
  content: ""; }

.bi-badge-vo::before {
  content: ""; }

.bi-badge-vr-fill::before {
  content: ""; }

.bi-badge-vr::before {
  content: ""; }

.bi-badge-wc-fill::before {
  content: ""; }

.bi-badge-wc::before {
  content: ""; }

.bi-bag-check-fill::before {
  content: ""; }

.bi-bag-check::before {
  content: ""; }

.bi-bag-dash-fill::before {
  content: ""; }

.bi-bag-dash::before {
  content: ""; }

.bi-bag-fill::before {
  content: ""; }

.bi-bag-plus-fill::before {
  content: ""; }

.bi-bag-plus::before {
  content: ""; }

.bi-bag-x-fill::before {
  content: ""; }

.bi-bag-x::before {
  content: ""; }

.bi-bag::before {
  content: ""; }

.bi-bar-chart-fill::before {
  content: ""; }

.bi-bar-chart-line-fill::before {
  content: ""; }

.bi-bar-chart-line::before {
  content: ""; }

.bi-bar-chart-steps::before {
  content: ""; }

.bi-bar-chart::before {
  content: ""; }

.bi-basket-fill::before {
  content: ""; }

.bi-basket::before {
  content: ""; }

.bi-basket2-fill::before {
  content: ""; }

.bi-basket2::before {
  content: ""; }

.bi-basket3-fill::before {
  content: ""; }

.bi-basket3::before {
  content: ""; }

.bi-battery-charging::before {
  content: ""; }

.bi-battery-full::before {
  content: ""; }

.bi-battery-half::before {
  content: ""; }

.bi-battery::before {
  content: ""; }

.bi-bell-fill::before {
  content: ""; }

.bi-bell::before {
  content: ""; }

.bi-bezier::before {
  content: ""; }

.bi-bezier2::before {
  content: ""; }

.bi-bicycle::before {
  content: ""; }

.bi-binoculars-fill::before {
  content: ""; }

.bi-binoculars::before {
  content: ""; }

.bi-blockquote-left::before {
  content: ""; }

.bi-blockquote-right::before {
  content: ""; }

.bi-book-fill::before {
  content: ""; }

.bi-book-half::before {
  content: ""; }

.bi-book::before {
  content: ""; }

.bi-bookmark-check-fill::before {
  content: ""; }

.bi-bookmark-check::before {
  content: ""; }

.bi-bookmark-dash-fill::before {
  content: ""; }

.bi-bookmark-dash::before {
  content: ""; }

.bi-bookmark-fill::before {
  content: ""; }

.bi-bookmark-heart-fill::before {
  content: ""; }

.bi-bookmark-heart::before {
  content: ""; }

.bi-bookmark-plus-fill::before {
  content: ""; }

.bi-bookmark-plus::before {
  content: ""; }

.bi-bookmark-star-fill::before {
  content: ""; }

.bi-bookmark-star::before {
  content: ""; }

.bi-bookmark-x-fill::before {
  content: ""; }

.bi-bookmark-x::before {
  content: ""; }

.bi-bookmark::before {
  content: ""; }

.bi-bookmarks-fill::before {
  content: ""; }

.bi-bookmarks::before {
  content: ""; }

.bi-bookshelf::before {
  content: ""; }

.bi-bootstrap-fill::before {
  content: ""; }

.bi-bootstrap-reboot::before {
  content: ""; }

.bi-bootstrap::before {
  content: ""; }

.bi-border-all::before {
  content: ""; }

.bi-border-bottom::before {
  content: ""; }

.bi-border-center::before {
  content: ""; }

.bi-border-inner::before {
  content: ""; }

.bi-border-left::before {
  content: ""; }

.bi-border-middle::before {
  content: ""; }

.bi-border-outer::before {
  content: ""; }

.bi-border-right::before {
  content: ""; }

.bi-border-style::before {
  content: ""; }

.bi-border-top::before {
  content: ""; }

.bi-border-width::before {
  content: ""; }

.bi-border::before {
  content: ""; }

.bi-bounding-box-circles::before {
  content: ""; }

.bi-bounding-box::before {
  content: ""; }

.bi-box-arrow-down-left::before {
  content: ""; }

.bi-box-arrow-down-right::before {
  content: ""; }

.bi-box-arrow-down::before {
  content: ""; }

.bi-box-arrow-in-down-left::before {
  content: ""; }

.bi-box-arrow-in-down-right::before {
  content: ""; }

.bi-box-arrow-in-down::before {
  content: ""; }

.bi-box-arrow-in-left::before {
  content: ""; }

.bi-box-arrow-in-right::before {
  content: ""; }

.bi-box-arrow-in-up-left::before {
  content: ""; }

.bi-box-arrow-in-up-right::before {
  content: ""; }

.bi-box-arrow-in-up::before {
  content: ""; }

.bi-box-arrow-left::before {
  content: ""; }

.bi-box-arrow-right::before {
  content: ""; }

.bi-box-arrow-up-left::before {
  content: ""; }

.bi-box-arrow-up-right::before {
  content: ""; }

.bi-box-arrow-up::before {
  content: ""; }

.bi-box-seam::before {
  content: ""; }

.bi-box::before {
  content: ""; }

.bi-braces::before {
  content: ""; }

.bi-bricks::before {
  content: ""; }

.bi-briefcase-fill::before {
  content: ""; }

.bi-briefcase::before {
  content: ""; }

.bi-brightness-alt-high-fill::before {
  content: ""; }

.bi-brightness-alt-high::before {
  content: ""; }

.bi-brightness-alt-low-fill::before {
  content: ""; }

.bi-brightness-alt-low::before {
  content: ""; }

.bi-brightness-high-fill::before {
  content: ""; }

.bi-brightness-high::before {
  content: ""; }

.bi-brightness-low-fill::before {
  content: ""; }

.bi-brightness-low::before {
  content: ""; }

.bi-broadcast-pin::before {
  content: ""; }

.bi-broadcast::before {
  content: ""; }

.bi-brush-fill::before {
  content: ""; }

.bi-brush::before {
  content: ""; }

.bi-bucket-fill::before {
  content: ""; }

.bi-bucket::before {
  content: ""; }

.bi-bug-fill::before {
  content: ""; }

.bi-bug::before {
  content: ""; }

.bi-building::before {
  content: ""; }

.bi-bullseye::before {
  content: ""; }

.bi-calculator-fill::before {
  content: ""; }

.bi-calculator::before {
  content: ""; }

.bi-calendar-check-fill::before {
  content: ""; }

.bi-calendar-check::before {
  content: ""; }

.bi-calendar-date-fill::before {
  content: ""; }

.bi-calendar-date::before {
  content: ""; }

.bi-calendar-day-fill::before {
  content: ""; }

.bi-calendar-day::before {
  content: ""; }

.bi-calendar-event-fill::before {
  content: ""; }

.bi-calendar-event::before {
  content: ""; }

.bi-calendar-fill::before {
  content: ""; }

.bi-calendar-minus-fill::before {
  content: ""; }

.bi-calendar-minus::before {
  content: ""; }

.bi-calendar-month-fill::before {
  content: ""; }

.bi-calendar-month::before {
  content: ""; }

.bi-calendar-plus-fill::before {
  content: ""; }

.bi-calendar-plus::before {
  content: ""; }

.bi-calendar-range-fill::before {
  content: ""; }

.bi-calendar-range::before {
  content: ""; }

.bi-calendar-week-fill::before {
  content: ""; }

.bi-calendar-week::before {
  content: ""; }

.bi-calendar-x-fill::before {
  content: ""; }

.bi-calendar-x::before {
  content: ""; }

.bi-calendar::before {
  content: ""; }

.bi-calendar2-check-fill::before {
  content: ""; }

.bi-calendar2-check::before {
  content: ""; }

.bi-calendar2-date-fill::before {
  content: ""; }

.bi-calendar2-date::before {
  content: ""; }

.bi-calendar2-day-fill::before {
  content: ""; }

.bi-calendar2-day::before {
  content: ""; }

.bi-calendar2-event-fill::before {
  content: ""; }

.bi-calendar2-event::before {
  content: ""; }

.bi-calendar2-fill::before {
  content: ""; }

.bi-calendar2-minus-fill::before {
  content: ""; }

.bi-calendar2-minus::before {
  content: ""; }

.bi-calendar2-month-fill::before {
  content: ""; }

.bi-calendar2-month::before {
  content: ""; }

.bi-calendar2-plus-fill::before {
  content: ""; }

.bi-calendar2-plus::before {
  content: ""; }

.bi-calendar2-range-fill::before {
  content: ""; }

.bi-calendar2-range::before {
  content: ""; }

.bi-calendar2-week-fill::before {
  content: ""; }

.bi-calendar2-week::before {
  content: ""; }

.bi-calendar2-x-fill::before {
  content: ""; }

.bi-calendar2-x::before {
  content: ""; }

.bi-calendar2::before {
  content: ""; }

.bi-calendar3-event-fill::before {
  content: ""; }

.bi-calendar3-event::before {
  content: ""; }

.bi-calendar3-fill::before {
  content: ""; }

.bi-calendar3-range-fill::before {
  content: ""; }

.bi-calendar3-range::before {
  content: ""; }

.bi-calendar3-week-fill::before {
  content: ""; }

.bi-calendar3-week::before {
  content: ""; }

.bi-calendar3::before {
  content: ""; }

.bi-calendar4-event::before {
  content: ""; }

.bi-calendar4-range::before {
  content: ""; }

.bi-calendar4-week::before {
  content: ""; }

.bi-calendar4::before {
  content: ""; }

.bi-camera-fill::before {
  content: ""; }

.bi-camera-reels-fill::before {
  content: ""; }

.bi-camera-reels::before {
  content: ""; }

.bi-camera-video-fill::before {
  content: ""; }

.bi-camera-video-off-fill::before {
  content: ""; }

.bi-camera-video-off::before {
  content: ""; }

.bi-camera-video::before {
  content: ""; }

.bi-camera::before {
  content: ""; }

.bi-camera2::before {
  content: ""; }

.bi-capslock-fill::before {
  content: ""; }

.bi-capslock::before {
  content: ""; }

.bi-card-checklist::before {
  content: ""; }

.bi-card-heading::before {
  content: ""; }

.bi-card-image::before {
  content: ""; }

.bi-card-list::before {
  content: ""; }

.bi-card-text::before {
  content: ""; }

.bi-caret-down-fill::before {
  content: ""; }

.bi-caret-down-square-fill::before {
  content: ""; }

.bi-caret-down-square::before {
  content: ""; }

.bi-caret-down::before {
  content: ""; }

.bi-caret-left-fill::before {
  content: ""; }

.bi-caret-left-square-fill::before {
  content: ""; }

.bi-caret-left-square::before {
  content: ""; }

.bi-caret-left::before {
  content: ""; }

.bi-caret-right-fill::before {
  content: ""; }

.bi-caret-right-square-fill::before {
  content: ""; }

.bi-caret-right-square::before {
  content: ""; }

.bi-caret-right::before {
  content: ""; }

.bi-caret-up-fill::before {
  content: ""; }

.bi-caret-up-square-fill::before {
  content: ""; }

.bi-caret-up-square::before {
  content: ""; }

.bi-caret-up::before {
  content: ""; }

.bi-cart-check-fill::before {
  content: ""; }

.bi-cart-check::before {
  content: ""; }

.bi-cart-dash-fill::before {
  content: ""; }

.bi-cart-dash::before {
  content: ""; }

.bi-cart-fill::before {
  content: ""; }

.bi-cart-plus-fill::before {
  content: ""; }

.bi-cart-plus::before {
  content: ""; }

.bi-cart-x-fill::before {
  content: ""; }

.bi-cart-x::before {
  content: ""; }

.bi-cart::before {
  content: ""; }

.bi-cart2::before {
  content: ""; }

.bi-cart3::before {
  content: ""; }

.bi-cart4::before {
  content: ""; }

.bi-cash-stack::before {
  content: ""; }

.bi-cash::before {
  content: ""; }

.bi-cast::before {
  content: ""; }

.bi-chat-dots-fill::before {
  content: ""; }

.bi-chat-dots::before {
  content: ""; }

.bi-chat-fill::before {
  content: ""; }

.bi-chat-left-dots-fill::before {
  content: ""; }

.bi-chat-left-dots::before {
  content: ""; }

.bi-chat-left-fill::before {
  content: ""; }

.bi-chat-left-quote-fill::before {
  content: ""; }

.bi-chat-left-quote::before {
  content: ""; }

.bi-chat-left-text-fill::before {
  content: ""; }

.bi-chat-left-text::before {
  content: ""; }

.bi-chat-left::before {
  content: ""; }

.bi-chat-quote-fill::before {
  content: ""; }

.bi-chat-quote::before {
  content: ""; }

.bi-chat-right-dots-fill::before {
  content: ""; }

.bi-chat-right-dots::before {
  content: ""; }

.bi-chat-right-fill::before {
  content: ""; }

.bi-chat-right-quote-fill::before {
  content: ""; }

.bi-chat-right-quote::before {
  content: ""; }

.bi-chat-right-text-fill::before {
  content: ""; }

.bi-chat-right-text::before {
  content: ""; }

.bi-chat-right::before {
  content: ""; }

.bi-chat-square-dots-fill::before {
  content: ""; }

.bi-chat-square-dots::before {
  content: ""; }

.bi-chat-square-fill::before {
  content: ""; }

.bi-chat-square-quote-fill::before {
  content: ""; }

.bi-chat-square-quote::before {
  content: ""; }

.bi-chat-square-text-fill::before {
  content: ""; }

.bi-chat-square-text::before {
  content: ""; }

.bi-chat-square::before {
  content: ""; }

.bi-chat-text-fill::before {
  content: ""; }

.bi-chat-text::before {
  content: ""; }

.bi-chat::before {
  content: ""; }

.bi-check-all::before {
  content: ""; }

.bi-check-circle-fill::before {
  content: ""; }

.bi-check-circle::before {
  content: ""; }

.bi-check-square-fill::before {
  content: ""; }

.bi-check-square::before {
  content: ""; }

.bi-check::before {
  content: ""; }

.bi-check2-all::before {
  content: ""; }

.bi-check2-circle::before {
  content: ""; }

.bi-check2-square::before {
  content: ""; }

.bi-check2::before {
  content: ""; }

.bi-chevron-bar-contract::before {
  content: ""; }

.bi-chevron-bar-down::before {
  content: ""; }

.bi-chevron-bar-expand::before {
  content: ""; }

.bi-chevron-bar-left::before {
  content: ""; }

.bi-chevron-bar-right::before {
  content: ""; }

.bi-chevron-bar-up::before {
  content: ""; }

.bi-chevron-compact-down::before {
  content: ""; }

.bi-chevron-compact-left::before {
  content: ""; }

.bi-chevron-compact-right::before {
  content: ""; }

.bi-chevron-compact-up::before {
  content: ""; }

.bi-chevron-contract::before {
  content: ""; }

.bi-chevron-double-down::before {
  content: ""; }

.bi-chevron-double-left::before {
  content: ""; }

.bi-chevron-double-right::before {
  content: ""; }

.bi-chevron-double-up::before {
  content: ""; }

.bi-chevron-down::before {
  content: ""; }

.bi-chevron-expand::before {
  content: ""; }

.bi-chevron-left::before {
  content: ""; }

.bi-chevron-right::before {
  content: ""; }

.bi-chevron-up::before {
  content: ""; }

.bi-circle-fill::before {
  content: ""; }

.bi-circle-half::before {
  content: ""; }

.bi-circle-square::before {
  content: ""; }

.bi-circle::before {
  content: ""; }

.bi-clipboard-check::before {
  content: ""; }

.bi-clipboard-data::before {
  content: ""; }

.bi-clipboard-minus::before {
  content: ""; }

.bi-clipboard-plus::before {
  content: ""; }

.bi-clipboard-x::before {
  content: ""; }

.bi-clipboard::before {
  content: ""; }

.bi-clock-fill::before {
  content: ""; }

.bi-clock-history::before {
  content: ""; }

.bi-clock::before {
  content: ""; }

.bi-cloud-arrow-down-fill::before {
  content: ""; }

.bi-cloud-arrow-down::before {
  content: ""; }

.bi-cloud-arrow-up-fill::before {
  content: ""; }

.bi-cloud-arrow-up::before {
  content: ""; }

.bi-cloud-check-fill::before {
  content: ""; }

.bi-cloud-check::before {
  content: ""; }

.bi-cloud-download-fill::before {
  content: ""; }

.bi-cloud-download::before {
  content: ""; }

.bi-cloud-drizzle-fill::before {
  content: ""; }

.bi-cloud-drizzle::before {
  content: ""; }

.bi-cloud-fill::before {
  content: ""; }

.bi-cloud-fog-fill::before {
  content: ""; }

.bi-cloud-fog::before {
  content: ""; }

.bi-cloud-fog2-fill::before {
  content: ""; }

.bi-cloud-fog2::before {
  content: ""; }

.bi-cloud-hail-fill::before {
  content: ""; }

.bi-cloud-hail::before {
  content: ""; }

.bi-cloud-haze-fill::before {
  content: ""; }

.bi-cloud-haze::before {
  content: ""; }

.bi-cloud-haze2-fill::before {
  content: ""; }

.bi-cloud-lightning-fill::before {
  content: ""; }

.bi-cloud-lightning-rain-fill::before {
  content: ""; }

.bi-cloud-lightning-rain::before {
  content: ""; }

.bi-cloud-lightning::before {
  content: ""; }

.bi-cloud-minus-fill::before {
  content: ""; }

.bi-cloud-minus::before {
  content: ""; }

.bi-cloud-moon-fill::before {
  content: ""; }

.bi-cloud-moon::before {
  content: ""; }

.bi-cloud-plus-fill::before {
  content: ""; }

.bi-cloud-plus::before {
  content: ""; }

.bi-cloud-rain-fill::before {
  content: ""; }

.bi-cloud-rain-heavy-fill::before {
  content: ""; }

.bi-cloud-rain-heavy::before {
  content: ""; }

.bi-cloud-rain::before {
  content: ""; }

.bi-cloud-slash-fill::before {
  content: ""; }

.bi-cloud-slash::before {
  content: ""; }

.bi-cloud-sleet-fill::before {
  content: ""; }

.bi-cloud-sleet::before {
  content: ""; }

.bi-cloud-snow-fill::before {
  content: ""; }

.bi-cloud-snow::before {
  content: ""; }

.bi-cloud-sun-fill::before {
  content: ""; }

.bi-cloud-sun::before {
  content: ""; }

.bi-cloud-upload-fill::before {
  content: ""; }

.bi-cloud-upload::before {
  content: ""; }

.bi-cloud::before {
  content: ""; }

.bi-clouds-fill::before {
  content: ""; }

.bi-clouds::before {
  content: ""; }

.bi-cloudy-fill::before {
  content: ""; }

.bi-cloudy::before {
  content: ""; }

.bi-code-slash::before {
  content: ""; }

.bi-code-square::before {
  content: ""; }

.bi-code::before {
  content: ""; }

.bi-collection-fill::before {
  content: ""; }

.bi-collection-play-fill::before {
  content: ""; }

.bi-collection-play::before {
  content: ""; }

.bi-collection::before {
  content: ""; }

.bi-columns-gap::before {
  content: ""; }

.bi-columns::before {
  content: ""; }

.bi-command::before {
  content: ""; }

.bi-compass-fill::before {
  content: ""; }

.bi-compass::before {
  content: ""; }

.bi-cone-striped::before {
  content: ""; }

.bi-cone::before {
  content: ""; }

.bi-controller::before {
  content: ""; }

.bi-cpu-fill::before {
  content: ""; }

.bi-cpu::before {
  content: ""; }

.bi-credit-card-2-back-fill::before {
  content: ""; }

.bi-credit-card-2-back::before {
  content: ""; }

.bi-credit-card-2-front-fill::before {
  content: ""; }

.bi-credit-card-2-front::before {
  content: ""; }

.bi-credit-card-fill::before {
  content: ""; }

.bi-credit-card::before {
  content: ""; }

.bi-crop::before {
  content: ""; }

.bi-cup-fill::before {
  content: ""; }

.bi-cup-straw::before {
  content: ""; }

.bi-cup::before {
  content: ""; }

.bi-cursor-fill::before {
  content: ""; }

.bi-cursor-text::before {
  content: ""; }

.bi-cursor::before {
  content: ""; }

.bi-dash-circle-dotted::before {
  content: ""; }

.bi-dash-circle-fill::before {
  content: ""; }

.bi-dash-circle::before {
  content: ""; }

.bi-dash-square-dotted::before {
  content: ""; }

.bi-dash-square-fill::before {
  content: ""; }

.bi-dash-square::before {
  content: ""; }

.bi-dash::before {
  content: ""; }

.bi-diagram-2-fill::before {
  content: ""; }

.bi-diagram-2::before {
  content: ""; }

.bi-diagram-3-fill::before {
  content: ""; }

.bi-diagram-3::before {
  content: ""; }

.bi-diamond-fill::before {
  content: ""; }

.bi-diamond-half::before {
  content: ""; }

.bi-diamond::before {
  content: ""; }

.bi-dice-1-fill::before {
  content: ""; }

.bi-dice-1::before {
  content: ""; }

.bi-dice-2-fill::before {
  content: ""; }

.bi-dice-2::before {
  content: ""; }

.bi-dice-3-fill::before {
  content: ""; }

.bi-dice-3::before {
  content: ""; }

.bi-dice-4-fill::before {
  content: ""; }

.bi-dice-4::before {
  content: ""; }

.bi-dice-5-fill::before {
  content: ""; }

.bi-dice-5::before {
  content: ""; }

.bi-dice-6-fill::before {
  content: ""; }

.bi-dice-6::before {
  content: ""; }

.bi-disc-fill::before {
  content: ""; }

.bi-disc::before {
  content: ""; }

.bi-discord::before {
  content: ""; }

.bi-display-fill::before {
  content: ""; }

.bi-display::before {
  content: ""; }

.bi-distribute-horizontal::before {
  content: ""; }

.bi-distribute-vertical::before {
  content: ""; }

.bi-door-closed-fill::before {
  content: ""; }

.bi-door-closed::before {
  content: ""; }

.bi-door-open-fill::before {
  content: ""; }

.bi-door-open::before {
  content: ""; }

.bi-dot::before {
  content: ""; }

.bi-download::before {
  content: ""; }

.bi-droplet-fill::before {
  content: ""; }

.bi-droplet-half::before {
  content: ""; }

.bi-droplet::before {
  content: ""; }

.bi-earbuds::before {
  content: ""; }

.bi-easel-fill::before {
  content: ""; }

.bi-easel::before {
  content: ""; }

.bi-egg-fill::before {
  content: ""; }

.bi-egg-fried::before {
  content: ""; }

.bi-egg::before {
  content: ""; }

.bi-eject-fill::before {
  content: ""; }

.bi-eject::before {
  content: ""; }

.bi-emoji-angry-fill::before {
  content: ""; }

.bi-emoji-angry::before {
  content: ""; }

.bi-emoji-dizzy-fill::before {
  content: ""; }

.bi-emoji-dizzy::before {
  content: ""; }

.bi-emoji-expressionless-fill::before {
  content: ""; }

.bi-emoji-expressionless::before {
  content: ""; }

.bi-emoji-frown-fill::before {
  content: ""; }

.bi-emoji-frown::before {
  content: ""; }

.bi-emoji-heart-eyes-fill::before {
  content: ""; }

.bi-emoji-heart-eyes::before {
  content: ""; }

.bi-emoji-laughing-fill::before {
  content: ""; }

.bi-emoji-laughing::before {
  content: ""; }

.bi-emoji-neutral-fill::before {
  content: ""; }

.bi-emoji-neutral::before {
  content: ""; }

.bi-emoji-smile-fill::before {
  content: ""; }

.bi-emoji-smile-upside-down-fill::before {
  content: ""; }

.bi-emoji-smile-upside-down::before {
  content: ""; }

.bi-emoji-smile::before {
  content: ""; }

.bi-emoji-sunglasses-fill::before {
  content: ""; }

.bi-emoji-sunglasses::before {
  content: ""; }

.bi-emoji-wink-fill::before {
  content: ""; }

.bi-emoji-wink::before {
  content: ""; }

.bi-envelope-fill::before {
  content: ""; }

.bi-envelope-open-fill::before {
  content: ""; }

.bi-envelope-open::before {
  content: ""; }

.bi-envelope::before {
  content: ""; }

.bi-eraser-fill::before {
  content: ""; }

.bi-eraser::before {
  content: ""; }

.bi-exclamation-circle-fill::before {
  content: ""; }

.bi-exclamation-circle::before {
  content: ""; }

.bi-exclamation-diamond-fill::before {
  content: ""; }

.bi-exclamation-diamond::before {
  content: ""; }

.bi-exclamation-octagon-fill::before {
  content: ""; }

.bi-exclamation-octagon::before {
  content: ""; }

.bi-exclamation-square-fill::before {
  content: ""; }

.bi-exclamation-square::before {
  content: ""; }

.bi-exclamation-triangle-fill::before {
  content: ""; }

.bi-exclamation-triangle::before {
  content: ""; }

.bi-exclamation::before {
  content: ""; }

.bi-exclude::before {
  content: ""; }

.bi-eye-fill::before {
  content: ""; }

.bi-eye-slash-fill::before {
  content: ""; }

.bi-eye-slash::before {
  content: ""; }

.bi-eye::before {
  content: ""; }

.bi-eyedropper::before {
  content: ""; }

.bi-eyeglasses::before {
  content: ""; }

.bi-facebook::before {
  content: ""; }

.bi-file-arrow-down-fill::before {
  content: ""; }

.bi-file-arrow-down::before {
  content: ""; }

.bi-file-arrow-up-fill::before {
  content: ""; }

.bi-file-arrow-up::before {
  content: ""; }

.bi-file-bar-graph-fill::before {
  content: ""; }

.bi-file-bar-graph::before {
  content: ""; }

.bi-file-binary-fill::before {
  content: ""; }

.bi-file-binary::before {
  content: ""; }

.bi-file-break-fill::before {
  content: ""; }

.bi-file-break::before {
  content: ""; }

.bi-file-check-fill::before {
  content: ""; }

.bi-file-check::before {
  content: ""; }

.bi-file-code-fill::before {
  content: ""; }

.bi-file-code::before {
  content: ""; }

.bi-file-diff-fill::before {
  content: ""; }

.bi-file-diff::before {
  content: ""; }

.bi-file-earmark-arrow-down-fill::before {
  content: ""; }

.bi-file-earmark-arrow-down::before {
  content: ""; }

.bi-file-earmark-arrow-up-fill::before {
  content: ""; }

.bi-file-earmark-arrow-up::before {
  content: ""; }

.bi-file-earmark-bar-graph-fill::before {
  content: ""; }

.bi-file-earmark-bar-graph::before {
  content: ""; }

.bi-file-earmark-binary-fill::before {
  content: ""; }

.bi-file-earmark-binary::before {
  content: ""; }

.bi-file-earmark-break-fill::before {
  content: ""; }

.bi-file-earmark-break::before {
  content: ""; }

.bi-file-earmark-check-fill::before {
  content: ""; }

.bi-file-earmark-check::before {
  content: ""; }

.bi-file-earmark-code-fill::before {
  content: ""; }

.bi-file-earmark-code::before {
  content: ""; }

.bi-file-earmark-diff-fill::before {
  content: ""; }

.bi-file-earmark-diff::before {
  content: ""; }

.bi-file-earmark-easel-fill::before {
  content: ""; }

.bi-file-earmark-easel::before {
  content: ""; }

.bi-file-earmark-excel-fill::before {
  content: ""; }

.bi-file-earmark-excel::before {
  content: ""; }

.bi-file-earmark-fill::before {
  content: ""; }

.bi-file-earmark-font-fill::before {
  content: ""; }

.bi-file-earmark-font::before {
  content: ""; }

.bi-file-earmark-image-fill::before {
  content: ""; }

.bi-file-earmark-image::before {
  content: ""; }

.bi-file-earmark-lock-fill::before {
  content: ""; }

.bi-file-earmark-lock::before {
  content: ""; }

.bi-file-earmark-lock2-fill::before {
  content: ""; }

.bi-file-earmark-lock2::before {
  content: ""; }

.bi-file-earmark-medical-fill::before {
  content: ""; }

.bi-file-earmark-medical::before {
  content: ""; }

.bi-file-earmark-minus-fill::before {
  content: ""; }

.bi-file-earmark-minus::before {
  content: ""; }

.bi-file-earmark-music-fill::before {
  content: ""; }

.bi-file-earmark-music::before {
  content: ""; }

.bi-file-earmark-person-fill::before {
  content: ""; }

.bi-file-earmark-person::before {
  content: ""; }

.bi-file-earmark-play-fill::before {
  content: ""; }

.bi-file-earmark-play::before {
  content: ""; }

.bi-file-earmark-plus-fill::before {
  content: ""; }

.bi-file-earmark-plus::before {
  content: ""; }

.bi-file-earmark-post-fill::before {
  content: ""; }

.bi-file-earmark-post::before {
  content: ""; }

.bi-file-earmark-ppt-fill::before {
  content: ""; }

.bi-file-earmark-ppt::before {
  content: ""; }

.bi-file-earmark-richtext-fill::before {
  content: ""; }

.bi-file-earmark-richtext::before {
  content: ""; }

.bi-file-earmark-ruled-fill::before {
  content: ""; }

.bi-file-earmark-ruled::before {
  content: ""; }

.bi-file-earmark-slides-fill::before {
  content: ""; }

.bi-file-earmark-slides::before {
  content: ""; }

.bi-file-earmark-spreadsheet-fill::before {
  content: ""; }

.bi-file-earmark-spreadsheet::before {
  content: ""; }

.bi-file-earmark-text-fill::before {
  content: ""; }

.bi-file-earmark-text::before {
  content: ""; }

.bi-file-earmark-word-fill::before {
  content: ""; }

.bi-file-earmark-word::before {
  content: ""; }

.bi-file-earmark-x-fill::before {
  content: ""; }

.bi-file-earmark-x::before {
  content: ""; }

.bi-file-earmark-zip-fill::before {
  content: ""; }

.bi-file-earmark-zip::before {
  content: ""; }

.bi-file-earmark::before {
  content: ""; }

.bi-file-easel-fill::before {
  content: ""; }

.bi-file-easel::before {
  content: ""; }

.bi-file-excel-fill::before {
  content: ""; }

.bi-file-excel::before {
  content: ""; }

.bi-file-fill::before {
  content: ""; }

.bi-file-font-fill::before {
  content: ""; }

.bi-file-font::before {
  content: ""; }

.bi-file-image-fill::before {
  content: ""; }

.bi-file-image::before {
  content: ""; }

.bi-file-lock-fill::before {
  content: ""; }

.bi-file-lock::before {
  content: ""; }

.bi-file-lock2-fill::before {
  content: ""; }

.bi-file-lock2::before {
  content: ""; }

.bi-file-medical-fill::before {
  content: ""; }

.bi-file-medical::before {
  content: ""; }

.bi-file-minus-fill::before {
  content: ""; }

.bi-file-minus::before {
  content: ""; }

.bi-file-music-fill::before {
  content: ""; }

.bi-file-music::before {
  content: ""; }

.bi-file-person-fill::before {
  content: ""; }

.bi-file-person::before {
  content: ""; }

.bi-file-play-fill::before {
  content: ""; }

.bi-file-play::before {
  content: ""; }

.bi-file-plus-fill::before {
  content: ""; }

.bi-file-plus::before {
  content: ""; }

.bi-file-post-fill::before {
  content: ""; }

.bi-file-post::before {
  content: ""; }

.bi-file-ppt-fill::before {
  content: ""; }

.bi-file-ppt::before {
  content: ""; }

.bi-file-richtext-fill::before {
  content: ""; }

.bi-file-richtext::before {
  content: ""; }

.bi-file-ruled-fill::before {
  content: ""; }

.bi-file-ruled::before {
  content: ""; }

.bi-file-slides-fill::before {
  content: ""; }

.bi-file-slides::before {
  content: ""; }

.bi-file-spreadsheet-fill::before {
  content: ""; }

.bi-file-spreadsheet::before {
  content: ""; }

.bi-file-text-fill::before {
  content: ""; }

.bi-file-text::before {
  content: ""; }

.bi-file-word-fill::before {
  content: ""; }

.bi-file-word::before {
  content: ""; }

.bi-file-x-fill::before {
  content: ""; }

.bi-file-x::before {
  content: ""; }

.bi-file-zip-fill::before {
  content: ""; }

.bi-file-zip::before {
  content: ""; }

.bi-file::before {
  content: ""; }

.bi-files-alt::before {
  content: ""; }

.bi-files::before {
  content: ""; }

.bi-film::before {
  content: ""; }

.bi-filter-circle-fill::before {
  content: ""; }

.bi-filter-circle::before {
  content: ""; }

.bi-filter-left::before {
  content: ""; }

.bi-filter-right::before {
  content: ""; }

.bi-filter-square-fill::before {
  content: ""; }

.bi-filter-square::before {
  content: ""; }

.bi-filter::before {
  content: ""; }

.bi-flag-fill::before {
  content: ""; }

.bi-flag::before {
  content: ""; }

.bi-flower1::before {
  content: ""; }

.bi-flower2::before {
  content: ""; }

.bi-flower3::before {
  content: ""; }

.bi-folder-check::before {
  content: ""; }

.bi-folder-fill::before {
  content: ""; }

.bi-folder-minus::before {
  content: ""; }

.bi-folder-plus::before {
  content: ""; }

.bi-folder-symlink-fill::before {
  content: ""; }

.bi-folder-symlink::before {
  content: ""; }

.bi-folder-x::before {
  content: ""; }

.bi-folder::before {
  content: ""; }

.bi-folder2-open::before {
  content: ""; }

.bi-folder2::before {
  content: ""; }

.bi-fonts::before {
  content: ""; }

.bi-forward-fill::before {
  content: ""; }

.bi-forward::before {
  content: ""; }

.bi-front::before {
  content: ""; }

.bi-fullscreen-exit::before {
  content: ""; }

.bi-fullscreen::before {
  content: ""; }

.bi-funnel-fill::before {
  content: ""; }

.bi-funnel::before {
  content: ""; }

.bi-gear-fill::before {
  content: ""; }

.bi-gear-wide-connected::before {
  content: ""; }

.bi-gear-wide::before {
  content: ""; }

.bi-gear::before {
  content: ""; }

.bi-gem::before {
  content: ""; }

.bi-geo-alt-fill::before {
  content: ""; }

.bi-geo-alt::before {
  content: ""; }

.bi-geo-fill::before {
  content: ""; }

.bi-geo::before {
  content: ""; }

.bi-gift-fill::before {
  content: ""; }

.bi-gift::before {
  content: ""; }

.bi-github::before {
  content: ""; }

.bi-globe::before {
  content: ""; }

.bi-globe2::before {
  content: ""; }

.bi-google::before {
  content: ""; }

.bi-graph-down::before {
  content: ""; }

.bi-graph-up::before {
  content: ""; }

.bi-grid-1x2-fill::before {
  content: ""; }

.bi-grid-1x2::before {
  content: ""; }

.bi-grid-3x2-gap-fill::before {
  content: ""; }

.bi-grid-3x2-gap::before {
  content: ""; }

.bi-grid-3x2::before {
  content: ""; }

.bi-grid-3x3-gap-fill::before {
  content: ""; }

.bi-grid-3x3-gap::before {
  content: ""; }

.bi-grid-3x3::before {
  content: ""; }

.bi-grid-fill::before {
  content: ""; }

.bi-grid::before {
  content: ""; }

.bi-grip-horizontal::before {
  content: ""; }

.bi-grip-vertical::before {
  content: ""; }

.bi-hammer::before {
  content: ""; }

.bi-hand-index-fill::before {
  content: ""; }

.bi-hand-index-thumb-fill::before {
  content: ""; }

.bi-hand-index-thumb::before {
  content: ""; }

.bi-hand-index::before {
  content: ""; }

.bi-hand-thumbs-down-fill::before {
  content: ""; }

.bi-hand-thumbs-down::before {
  content: ""; }

.bi-hand-thumbs-up-fill::before {
  content: ""; }

.bi-hand-thumbs-up::before {
  content: ""; }

.bi-handbag-fill::before {
  content: ""; }

.bi-handbag::before {
  content: ""; }

.bi-hash::before {
  content: ""; }

.bi-hdd-fill::before {
  content: ""; }

.bi-hdd-network-fill::before {
  content: ""; }

.bi-hdd-network::before {
  content: ""; }

.bi-hdd-rack-fill::before {
  content: ""; }

.bi-hdd-rack::before {
  content: ""; }

.bi-hdd-stack-fill::before {
  content: ""; }

.bi-hdd-stack::before {
  content: ""; }

.bi-hdd::before {
  content: ""; }

.bi-headphones::before {
  content: ""; }

.bi-headset::before {
  content: ""; }

.bi-heart-fill::before {
  content: ""; }

.bi-heart-half::before {
  content: ""; }

.bi-heart::before {
  content: ""; }

.bi-heptagon-fill::before {
  content: ""; }

.bi-heptagon-half::before {
  content: ""; }

.bi-heptagon::before {
  content: ""; }

.bi-hexagon-fill::before {
  content: ""; }

.bi-hexagon-half::before {
  content: ""; }

.bi-hexagon::before {
  content: ""; }

.bi-hourglass-bottom::before {
  content: ""; }

.bi-hourglass-split::before {
  content: ""; }

.bi-hourglass-top::before {
  content: ""; }

.bi-hourglass::before {
  content: ""; }

.bi-house-door-fill::before {
  content: ""; }

.bi-house-door::before {
  content: ""; }

.bi-house-fill::before {
  content: ""; }

.bi-house::before {
  content: ""; }

.bi-hr::before {
  content: ""; }

.bi-hurricane::before {
  content: ""; }

.bi-image-alt::before {
  content: ""; }

.bi-image-fill::before {
  content: ""; }

.bi-image::before {
  content: ""; }

.bi-images::before {
  content: ""; }

.bi-inbox-fill::before {
  content: ""; }

.bi-inbox::before {
  content: ""; }

.bi-inboxes-fill::before {
  content: ""; }

.bi-inboxes::before {
  content: ""; }

.bi-info-circle-fill::before {
  content: ""; }

.bi-info-circle::before {
  content: ""; }

.bi-info-square-fill::before {
  content: ""; }

.bi-info-square::before {
  content: ""; }

.bi-info::before {
  content: ""; }

.bi-input-cursor-text::before {
  content: ""; }

.bi-input-cursor::before {
  content: ""; }

.bi-instagram::before {
  content: ""; }

.bi-intersect::before {
  content: ""; }

.bi-journal-album::before {
  content: ""; }

.bi-journal-arrow-down::before {
  content: ""; }

.bi-journal-arrow-up::before {
  content: ""; }

.bi-journal-bookmark-fill::before {
  content: ""; }

.bi-journal-bookmark::before {
  content: ""; }

.bi-journal-check::before {
  content: ""; }

.bi-journal-code::before {
  content: ""; }

.bi-journal-medical::before {
  content: ""; }

.bi-journal-minus::before {
  content: ""; }

.bi-journal-plus::before {
  content: ""; }

.bi-journal-richtext::before {
  content: ""; }

.bi-journal-text::before {
  content: ""; }

.bi-journal-x::before {
  content: ""; }

.bi-journal::before {
  content: ""; }

.bi-journals::before {
  content: ""; }

.bi-joystick::before {
  content: ""; }

.bi-justify-left::before {
  content: ""; }

.bi-justify-right::before {
  content: ""; }

.bi-justify::before {
  content: ""; }

.bi-kanban-fill::before {
  content: ""; }

.bi-kanban::before {
  content: ""; }

.bi-key-fill::before {
  content: ""; }

.bi-key::before {
  content: ""; }

.bi-keyboard-fill::before {
  content: ""; }

.bi-keyboard::before {
  content: ""; }

.bi-ladder::before {
  content: ""; }

.bi-lamp-fill::before {
  content: ""; }

.bi-lamp::before {
  content: ""; }

.bi-laptop-fill::before {
  content: ""; }

.bi-laptop::before {
  content: ""; }

.bi-layer-backward::before {
  content: ""; }

.bi-layer-forward::before {
  content: ""; }

.bi-layers-fill::before {
  content: ""; }

.bi-layers-half::before {
  content: ""; }

.bi-layers::before {
  content: ""; }

.bi-layout-sidebar-inset-reverse::before {
  content: ""; }

.bi-layout-sidebar-inset::before {
  content: ""; }

.bi-layout-sidebar-reverse::before {
  content: ""; }

.bi-layout-sidebar::before {
  content: ""; }

.bi-layout-split::before {
  content: ""; }

.bi-layout-text-sidebar-reverse::before {
  content: ""; }

.bi-layout-text-sidebar::before {
  content: ""; }

.bi-layout-text-window-reverse::before {
  content: ""; }

.bi-layout-text-window::before {
  content: ""; }

.bi-layout-three-columns::before {
  content: ""; }

.bi-layout-wtf::before {
  content: ""; }

.bi-life-preserver::before {
  content: ""; }

.bi-lightbulb-fill::before {
  content: ""; }

.bi-lightbulb-off-fill::before {
  content: ""; }

.bi-lightbulb-off::before {
  content: ""; }

.bi-lightbulb::before {
  content: ""; }

.bi-lightning-charge-fill::before {
  content: ""; }

.bi-lightning-charge::before {
  content: ""; }

.bi-lightning-fill::before {
  content: ""; }

.bi-lightning::before {
  content: ""; }

.bi-link-45deg::before {
  content: ""; }

.bi-link::before {
  content: ""; }

.bi-linkedin::before {
  content: ""; }

.bi-list-check::before {
  content: ""; }

.bi-list-nested::before {
  content: ""; }

.bi-list-ol::before {
  content: ""; }

.bi-list-stars::before {
  content: ""; }

.bi-list-task::before {
  content: ""; }

.bi-list-ul::before {
  content: ""; }

.bi-list::before {
  content: ""; }

.bi-lock-fill::before {
  content: ""; }

.bi-lock::before {
  content: ""; }

.bi-mailbox::before {
  content: ""; }

.bi-mailbox2::before {
  content: ""; }

.bi-map-fill::before {
  content: ""; }

.bi-map::before {
  content: ""; }

.bi-markdown-fill::before {
  content: ""; }

.bi-markdown::before {
  content: ""; }

.bi-mask::before {
  content: ""; }

.bi-megaphone-fill::before {
  content: ""; }

.bi-megaphone::before {
  content: ""; }

.bi-menu-app-fill::before {
  content: ""; }

.bi-menu-app::before {
  content: ""; }

.bi-menu-button-fill::before {
  content: ""; }

.bi-menu-button-wide-fill::before {
  content: ""; }

.bi-menu-button-wide::before {
  content: ""; }

.bi-menu-button::before {
  content: ""; }

.bi-menu-down::before {
  content: ""; }

.bi-menu-up::before {
  content: ""; }

.bi-mic-fill::before {
  content: ""; }

.bi-mic-mute-fill::before {
  content: ""; }

.bi-mic-mute::before {
  content: ""; }

.bi-mic::before {
  content: ""; }

.bi-minecart-loaded::before {
  content: ""; }

.bi-minecart::before {
  content: ""; }

.bi-moisture::before {
  content: ""; }

.bi-moon-fill::before {
  content: ""; }

.bi-moon-stars-fill::before {
  content: ""; }

.bi-moon-stars::before {
  content: ""; }

.bi-moon::before {
  content: ""; }

.bi-mouse-fill::before {
  content: ""; }

.bi-mouse::before {
  content: ""; }

.bi-mouse2-fill::before {
  content: ""; }

.bi-mouse2::before {
  content: ""; }

.bi-mouse3-fill::before {
  content: ""; }

.bi-mouse3::before {
  content: ""; }

.bi-music-note-beamed::before {
  content: ""; }

.bi-music-note-list::before {
  content: ""; }

.bi-music-note::before {
  content: ""; }

.bi-music-player-fill::before {
  content: ""; }

.bi-music-player::before {
  content: ""; }

.bi-newspaper::before {
  content: ""; }

.bi-node-minus-fill::before {
  content: ""; }

.bi-node-minus::before {
  content: ""; }

.bi-node-plus-fill::before {
  content: ""; }

.bi-node-plus::before {
  content: ""; }

.bi-nut-fill::before {
  content: ""; }

.bi-nut::before {
  content: ""; }

.bi-octagon-fill::before {
  content: ""; }

.bi-octagon-half::before {
  content: ""; }

.bi-octagon::before {
  content: ""; }

.bi-option::before {
  content: ""; }

.bi-outlet::before {
  content: ""; }

.bi-paint-bucket::before {
  content: ""; }

.bi-palette-fill::before {
  content: ""; }

.bi-palette::before {
  content: ""; }

.bi-palette2::before {
  content: ""; }

.bi-paperclip::before {
  content: ""; }

.bi-paragraph::before {
  content: ""; }

.bi-patch-check-fill::before {
  content: ""; }

.bi-patch-check::before {
  content: ""; }

.bi-patch-exclamation-fill::before {
  content: ""; }

.bi-patch-exclamation::before {
  content: ""; }

.bi-patch-minus-fill::before {
  content: ""; }

.bi-patch-minus::before {
  content: ""; }

.bi-patch-plus-fill::before {
  content: ""; }

.bi-patch-plus::before {
  content: ""; }

.bi-patch-question-fill::before {
  content: ""; }

.bi-patch-question::before {
  content: ""; }

.bi-pause-btn-fill::before {
  content: ""; }

.bi-pause-btn::before {
  content: ""; }

.bi-pause-circle-fill::before {
  content: ""; }

.bi-pause-circle::before {
  content: ""; }

.bi-pause-fill::before {
  content: ""; }

.bi-pause::before {
  content: ""; }

.bi-peace-fill::before {
  content: ""; }

.bi-peace::before {
  content: ""; }

.bi-pen-fill::before {
  content: ""; }

.bi-pen::before {
  content: ""; }

.bi-pencil-fill::before {
  content: ""; }

.bi-pencil-square::before {
  content: ""; }

.bi-pencil::before {
  content: ""; }

.bi-pentagon-fill::before {
  content: ""; }

.bi-pentagon-half::before {
  content: ""; }

.bi-pentagon::before {
  content: ""; }

.bi-people-fill::before {
  content: ""; }

.bi-people::before {
  content: ""; }

.bi-percent::before {
  content: ""; }

.bi-person-badge-fill::before {
  content: ""; }

.bi-person-badge::before {
  content: ""; }

.bi-person-bounding-box::before {
  content: ""; }

.bi-person-check-fill::before {
  content: ""; }

.bi-person-check::before {
  content: ""; }

.bi-person-circle::before {
  content: ""; }

.bi-person-dash-fill::before {
  content: ""; }

.bi-person-dash::before {
  content: ""; }

.bi-person-fill::before {
  content: ""; }

.bi-person-lines-fill::before {
  content: ""; }

.bi-person-plus-fill::before {
  content: ""; }

.bi-person-plus::before {
  content: ""; }

.bi-person-square::before {
  content: ""; }

.bi-person-x-fill::before {
  content: ""; }

.bi-person-x::before {
  content: ""; }

.bi-person::before {
  content: ""; }

.bi-phone-fill::before {
  content: ""; }

.bi-phone-landscape-fill::before {
  content: ""; }

.bi-phone-landscape::before {
  content: ""; }

.bi-phone-vibrate-fill::before {
  content: ""; }

.bi-phone-vibrate::before {
  content: ""; }

.bi-phone::before {
  content: ""; }

.bi-pie-chart-fill::before {
  content: ""; }

.bi-pie-chart::before {
  content: ""; }

.bi-pin-angle-fill::before {
  content: ""; }

.bi-pin-angle::before {
  content: ""; }

.bi-pin-fill::before {
  content: ""; }

.bi-pin::before {
  content: ""; }

.bi-pip-fill::before {
  content: ""; }

.bi-pip::before {
  content: ""; }

.bi-play-btn-fill::before {
  content: ""; }

.bi-play-btn::before {
  content: ""; }

.bi-play-circle-fill::before {
  content: ""; }

.bi-play-circle::before {
  content: ""; }

.bi-play-fill::before {
  content: ""; }

.bi-play::before {
  content: ""; }

.bi-plug-fill::before {
  content: ""; }

.bi-plug::before {
  content: ""; }

.bi-plus-circle-dotted::before {
  content: ""; }

.bi-plus-circle-fill::before {
  content: ""; }

.bi-plus-circle::before {
  content: ""; }

.bi-plus-square-dotted::before {
  content: ""; }

.bi-plus-square-fill::before {
  content: ""; }

.bi-plus-square::before {
  content: ""; }

.bi-plus::before {
  content: ""; }

.bi-power::before {
  content: ""; }

.bi-printer-fill::before {
  content: ""; }

.bi-printer::before {
  content: ""; }

.bi-puzzle-fill::before {
  content: ""; }

.bi-puzzle::before {
  content: ""; }

.bi-question-circle-fill::before {
  content: ""; }

.bi-question-circle::before {
  content: ""; }

.bi-question-diamond-fill::before {
  content: ""; }

.bi-question-diamond::before {
  content: ""; }

.bi-question-octagon-fill::before {
  content: ""; }

.bi-question-octagon::before {
  content: ""; }

.bi-question-square-fill::before {
  content: ""; }

.bi-question-square::before {
  content: ""; }

.bi-question::before {
  content: ""; }

.bi-rainbow::before {
  content: ""; }

.bi-receipt-cutoff::before {
  content: ""; }

.bi-receipt::before {
  content: ""; }

.bi-reception-0::before {
  content: ""; }

.bi-reception-1::before {
  content: ""; }

.bi-reception-2::before {
  content: ""; }

.bi-reception-3::before {
  content: ""; }

.bi-reception-4::before {
  content: ""; }

.bi-record-btn-fill::before {
  content: ""; }

.bi-record-btn::before {
  content: ""; }

.bi-record-circle-fill::before {
  content: ""; }

.bi-record-circle::before {
  content: ""; }

.bi-record-fill::before {
  content: ""; }

.bi-record::before {
  content: ""; }

.bi-record2-fill::before {
  content: ""; }

.bi-record2::before {
  content: ""; }

.bi-reply-all-fill::before {
  content: ""; }

.bi-reply-all::before {
  content: ""; }

.bi-reply-fill::before {
  content: ""; }

.bi-reply::before {
  content: ""; }

.bi-rss-fill::before {
  content: ""; }

.bi-rss::before {
  content: ""; }

.bi-rulers::before {
  content: ""; }

.bi-save-fill::before {
  content: ""; }

.bi-save::before {
  content: ""; }

.bi-save2-fill::before {
  content: ""; }

.bi-save2::before {
  content: ""; }

.bi-scissors::before {
  content: ""; }

.bi-screwdriver::before {
  content: ""; }

.bi-search::before {
  content: ""; }

.bi-segmented-nav::before {
  content: ""; }

.bi-server::before {
  content: ""; }

.bi-share-fill::before {
  content: ""; }

.bi-share::before {
  content: ""; }

.bi-shield-check::before {
  content: ""; }

.bi-shield-exclamation::before {
  content: ""; }

.bi-shield-fill-check::before {
  content: ""; }

.bi-shield-fill-exclamation::before {
  content: ""; }

.bi-shield-fill-minus::before {
  content: ""; }

.bi-shield-fill-plus::before {
  content: ""; }

.bi-shield-fill-x::before {
  content: ""; }

.bi-shield-fill::before {
  content: ""; }

.bi-shield-lock-fill::before {
  content: ""; }

.bi-shield-lock::before {
  content: ""; }

.bi-shield-minus::before {
  content: ""; }

.bi-shield-plus::before {
  content: ""; }

.bi-shield-shaded::before {
  content: ""; }

.bi-shield-slash-fill::before {
  content: ""; }

.bi-shield-slash::before {
  content: ""; }

.bi-shield-x::before {
  content: ""; }

.bi-shield::before {
  content: ""; }

.bi-shift-fill::before {
  content: ""; }

.bi-shift::before {
  content: ""; }

.bi-shop-window::before {
  content: ""; }

.bi-shop::before {
  content: ""; }

.bi-shuffle::before {
  content: ""; }

.bi-signpost-2-fill::before {
  content: ""; }

.bi-signpost-2::before {
  content: ""; }

.bi-signpost-fill::before {
  content: ""; }

.bi-signpost-split-fill::before {
  content: ""; }

.bi-signpost-split::before {
  content: ""; }

.bi-signpost::before {
  content: ""; }

.bi-sim-fill::before {
  content: ""; }

.bi-sim::before {
  content: ""; }

.bi-skip-backward-btn-fill::before {
  content: ""; }

.bi-skip-backward-btn::before {
  content: ""; }

.bi-skip-backward-circle-fill::before {
  content: ""; }

.bi-skip-backward-circle::before {
  content: ""; }

.bi-skip-backward-fill::before {
  content: ""; }

.bi-skip-backward::before {
  content: ""; }

.bi-skip-end-btn-fill::before {
  content: ""; }

.bi-skip-end-btn::before {
  content: ""; }

.bi-skip-end-circle-fill::before {
  content: ""; }

.bi-skip-end-circle::before {
  content: ""; }

.bi-skip-end-fill::before {
  content: ""; }

.bi-skip-end::before {
  content: ""; }

.bi-skip-forward-btn-fill::before {
  content: ""; }

.bi-skip-forward-btn::before {
  content: ""; }

.bi-skip-forward-circle-fill::before {
  content: ""; }

.bi-skip-forward-circle::before {
  content: ""; }

.bi-skip-forward-fill::before {
  content: ""; }

.bi-skip-forward::before {
  content: ""; }

.bi-skip-start-btn-fill::before {
  content: ""; }

.bi-skip-start-btn::before {
  content: ""; }

.bi-skip-start-circle-fill::before {
  content: ""; }

.bi-skip-start-circle::before {
  content: ""; }

.bi-skip-start-fill::before {
  content: ""; }

.bi-skip-start::before {
  content: ""; }

.bi-slack::before {
  content: ""; }

.bi-slash-circle-fill::before {
  content: ""; }

.bi-slash-circle::before {
  content: ""; }

.bi-slash-square-fill::before {
  content: ""; }

.bi-slash-square::before {
  content: ""; }

.bi-slash::before {
  content: ""; }

.bi-sliders::before {
  content: ""; }

.bi-smartwatch::before {
  content: ""; }

.bi-snow::before {
  content: ""; }

.bi-snow2::before {
  content: ""; }

.bi-snow3::before {
  content: ""; }

.bi-sort-alpha-down-alt::before {
  content: ""; }

.bi-sort-alpha-down::before {
  content: ""; }

.bi-sort-alpha-up-alt::before {
  content: ""; }

.bi-sort-alpha-up::before {
  content: ""; }

.bi-sort-down-alt::before {
  content: ""; }

.bi-sort-down::before {
  content: ""; }

.bi-sort-numeric-down-alt::before {
  content: ""; }

.bi-sort-numeric-down::before {
  content: ""; }

.bi-sort-numeric-up-alt::before {
  content: ""; }

.bi-sort-numeric-up::before {
  content: ""; }

.bi-sort-up-alt::before {
  content: ""; }

.bi-sort-up::before {
  content: ""; }

.bi-soundwave::before {
  content: ""; }

.bi-speaker-fill::before {
  content: ""; }

.bi-speaker::before {
  content: ""; }

.bi-speedometer::before {
  content: ""; }

.bi-speedometer2::before {
  content: ""; }

.bi-spellcheck::before {
  content: ""; }

.bi-square-fill::before {
  content: ""; }

.bi-square-half::before {
  content: ""; }

.bi-square::before {
  content: ""; }

.bi-stack::before {
  content: ""; }

.bi-star-fill::before {
  content: ""; }

.bi-star-half::before {
  content: ""; }

.bi-star::before {
  content: ""; }

.bi-stars::before {
  content: ""; }

.bi-stickies-fill::before {
  content: ""; }

.bi-stickies::before {
  content: ""; }

.bi-sticky-fill::before {
  content: ""; }

.bi-sticky::before {
  content: ""; }

.bi-stop-btn-fill::before {
  content: ""; }

.bi-stop-btn::before {
  content: ""; }

.bi-stop-circle-fill::before {
  content: ""; }

.bi-stop-circle::before {
  content: ""; }

.bi-stop-fill::before {
  content: ""; }

.bi-stop::before {
  content: ""; }

.bi-stoplights-fill::before {
  content: ""; }

.bi-stoplights::before {
  content: ""; }

.bi-stopwatch-fill::before {
  content: ""; }

.bi-stopwatch::before {
  content: ""; }

.bi-subtract::before {
  content: ""; }

.bi-suit-club-fill::before {
  content: ""; }

.bi-suit-club::before {
  content: ""; }

.bi-suit-diamond-fill::before {
  content: ""; }

.bi-suit-diamond::before {
  content: ""; }

.bi-suit-heart-fill::before {
  content: ""; }

.bi-suit-heart::before {
  content: ""; }

.bi-suit-spade-fill::before {
  content: ""; }

.bi-suit-spade::before {
  content: ""; }

.bi-sun-fill::before {
  content: ""; }

.bi-sun::before {
  content: ""; }

.bi-sunglasses::before {
  content: ""; }

.bi-sunrise-fill::before {
  content: ""; }

.bi-sunrise::before {
  content: ""; }

.bi-sunset-fill::before {
  content: ""; }

.bi-sunset::before {
  content: ""; }

.bi-symmetry-horizontal::before {
  content: ""; }

.bi-symmetry-vertical::before {
  content: ""; }

.bi-table::before {
  content: ""; }

.bi-tablet-fill::before {
  content: ""; }

.bi-tablet-landscape-fill::before {
  content: ""; }

.bi-tablet-landscape::before {
  content: ""; }

.bi-tablet::before {
  content: ""; }

.bi-tag-fill::before {
  content: ""; }

.bi-tag::before {
  content: ""; }

.bi-tags-fill::before {
  content: ""; }

.bi-tags::before {
  content: ""; }

.bi-telegram::before {
  content: ""; }

.bi-telephone-fill::before {
  content: ""; }

.bi-telephone-forward-fill::before {
  content: ""; }

.bi-telephone-forward::before {
  content: ""; }

.bi-telephone-inbound-fill::before {
  content: ""; }

.bi-telephone-inbound::before {
  content: ""; }

.bi-telephone-minus-fill::before {
  content: ""; }

.bi-telephone-minus::before {
  content: ""; }

.bi-telephone-outbound-fill::before {
  content: ""; }

.bi-telephone-outbound::before {
  content: ""; }

.bi-telephone-plus-fill::before {
  content: ""; }

.bi-telephone-plus::before {
  content: ""; }

.bi-telephone-x-fill::before {
  content: ""; }

.bi-telephone-x::before {
  content: ""; }

.bi-telephone::before {
  content: ""; }

.bi-terminal-fill::before {
  content: ""; }

.bi-terminal::before {
  content: ""; }

.bi-text-center::before {
  content: ""; }

.bi-text-indent-left::before {
  content: ""; }

.bi-text-indent-right::before {
  content: ""; }

.bi-text-left::before {
  content: ""; }

.bi-text-paragraph::before {
  content: ""; }

.bi-text-right::before {
  content: ""; }

.bi-textarea-resize::before {
  content: ""; }

.bi-textarea-t::before {
  content: ""; }

.bi-textarea::before {
  content: ""; }

.bi-thermometer-half::before {
  content: ""; }

.bi-thermometer-high::before {
  content: ""; }

.bi-thermometer-low::before {
  content: ""; }

.bi-thermometer-snow::before {
  content: ""; }

.bi-thermometer-sun::before {
  content: ""; }

.bi-thermometer::before {
  content: ""; }

.bi-three-dots-vertical::before {
  content: ""; }

.bi-three-dots::before {
  content: ""; }

.bi-toggle-off::before {
  content: ""; }

.bi-toggle-on::before {
  content: ""; }

.bi-toggle2-off::before {
  content: ""; }

.bi-toggle2-on::before {
  content: ""; }

.bi-toggles::before {
  content: ""; }

.bi-toggles2::before {
  content: ""; }

.bi-tools::before {
  content: ""; }

.bi-tornado::before {
  content: ""; }

.bi-trash-fill::before {
  content: ""; }

.bi-trash::before {
  content: ""; }

.bi-trash2-fill::before {
  content: ""; }

.bi-trash2::before {
  content: ""; }

.bi-tree-fill::before {
  content: ""; }

.bi-tree::before {
  content: ""; }

.bi-triangle-fill::before {
  content: ""; }

.bi-triangle-half::before {
  content: ""; }

.bi-triangle::before {
  content: ""; }

.bi-trophy-fill::before {
  content: ""; }

.bi-trophy::before {
  content: ""; }

.bi-tropical-storm::before {
  content: ""; }

.bi-truck-flatbed::before {
  content: ""; }

.bi-truck::before {
  content: ""; }

.bi-tsunami::before {
  content: ""; }

.bi-tv-fill::before {
  content: ""; }

.bi-tv::before {
  content: ""; }

.bi-twitch::before {
  content: ""; }

.bi-twitter::before {
  content: ""; }

.bi-type-bold::before {
  content: ""; }

.bi-type-h1::before {
  content: ""; }

.bi-type-h2::before {
  content: ""; }

.bi-type-h3::before {
  content: ""; }

.bi-type-italic::before {
  content: ""; }

.bi-type-strikethrough::before {
  content: ""; }

.bi-type-underline::before {
  content: ""; }

.bi-type::before {
  content: ""; }

.bi-ui-checks-grid::before {
  content: ""; }

.bi-ui-checks::before {
  content: ""; }

.bi-ui-radios-grid::before {
  content: ""; }

.bi-ui-radios::before {
  content: ""; }

.bi-umbrella-fill::before {
  content: ""; }

.bi-umbrella::before {
  content: ""; }

.bi-union::before {
  content: ""; }

.bi-unlock-fill::before {
  content: ""; }

.bi-unlock::before {
  content: ""; }

.bi-upc-scan::before {
  content: ""; }

.bi-upc::before {
  content: ""; }

.bi-upload::before {
  content: ""; }

.bi-vector-pen::before {
  content: ""; }

.bi-view-list::before {
  content: ""; }

.bi-view-stacked::before {
  content: ""; }

.bi-vinyl-fill::before {
  content: ""; }

.bi-vinyl::before {
  content: ""; }

.bi-voicemail::before {
  content: ""; }

.bi-volume-down-fill::before {
  content: ""; }

.bi-volume-down::before {
  content: ""; }

.bi-volume-mute-fill::before {
  content: ""; }

.bi-volume-mute::before {
  content: ""; }

.bi-volume-off-fill::before {
  content: ""; }

.bi-volume-off::before {
  content: ""; }

.bi-volume-up-fill::before {
  content: ""; }

.bi-volume-up::before {
  content: ""; }

.bi-vr::before {
  content: ""; }

.bi-wallet-fill::before {
  content: ""; }

.bi-wallet::before {
  content: ""; }

.bi-wallet2::before {
  content: ""; }

.bi-watch::before {
  content: ""; }

.bi-water::before {
  content: ""; }

.bi-whatsapp::before {
  content: ""; }

.bi-wifi-1::before {
  content: ""; }

.bi-wifi-2::before {
  content: ""; }

.bi-wifi-off::before {
  content: ""; }

.bi-wifi::before {
  content: ""; }

.bi-wind::before {
  content: ""; }

.bi-window-dock::before {
  content: ""; }

.bi-window-sidebar::before {
  content: ""; }

.bi-window::before {
  content: ""; }

.bi-wrench::before {
  content: ""; }

.bi-x-circle-fill::before {
  content: ""; }

.bi-x-circle::before {
  content: ""; }

.bi-x-diamond-fill::before {
  content: ""; }

.bi-x-diamond::before {
  content: ""; }

.bi-x-octagon-fill::before {
  content: ""; }

.bi-x-octagon::before {
  content: ""; }

.bi-x-square-fill::before {
  content: ""; }

.bi-x-square::before {
  content: ""; }

.bi-x::before {
  content: ""; }

.bi-youtube::before {
  content: ""; }

.bi-zoom-in::before {
  content: ""; }

.bi-zoom-out::before {
  content: ""; }

.bi-bank::before {
  content: ""; }

.bi-bank2::before {
  content: ""; }

.bi-bell-slash-fill::before {
  content: ""; }

.bi-bell-slash::before {
  content: ""; }

.bi-cash-coin::before {
  content: ""; }

.bi-check-lg::before {
  content: ""; }

.bi-coin::before {
  content: ""; }

.bi-currency-bitcoin::before {
  content: ""; }

.bi-currency-dollar::before {
  content: ""; }

.bi-currency-euro::before {
  content: ""; }

.bi-currency-exchange::before {
  content: ""; }

.bi-currency-pound::before {
  content: ""; }

.bi-currency-yen::before {
  content: ""; }

.bi-dash-lg::before {
  content: ""; }

.bi-exclamation-lg::before {
  content: ""; }

.bi-file-earmark-pdf-fill::before {
  content: ""; }

.bi-file-earmark-pdf::before {
  content: ""; }

.bi-file-pdf-fill::before {
  content: ""; }

.bi-file-pdf::before {
  content: ""; }

.bi-gender-ambiguous::before {
  content: ""; }

.bi-gender-female::before {
  content: ""; }

.bi-gender-male::before {
  content: ""; }

.bi-gender-trans::before {
  content: ""; }

.bi-headset-vr::before {
  content: ""; }

.bi-info-lg::before {
  content: ""; }

.bi-mastodon::before {
  content: ""; }

.bi-messenger::before {
  content: ""; }

.bi-piggy-bank-fill::before {
  content: ""; }

.bi-piggy-bank::before {
  content: ""; }

.bi-pin-map-fill::before {
  content: ""; }

.bi-pin-map::before {
  content: ""; }

.bi-plus-lg::before {
  content: ""; }

.bi-question-lg::before {
  content: ""; }

.bi-recycle::before {
  content: ""; }

.bi-reddit::before {
  content: ""; }

.bi-safe-fill::before {
  content: ""; }

.bi-safe2-fill::before {
  content: ""; }

.bi-safe2::before {
  content: ""; }

.bi-sd-card-fill::before {
  content: ""; }

.bi-sd-card::before {
  content: ""; }

.bi-skype::before {
  content: ""; }

.bi-slash-lg::before {
  content: ""; }

.bi-translate::before {
  content: ""; }

.bi-x-lg::before {
  content: ""; }

.bi-safe::before {
  content: ""; }

.bi-apple::before {
  content: ""; }

.bi-microsoft::before {
  content: ""; }

.bi-windows::before {
  content: ""; }

.bi-behance::before {
  content: ""; }

.bi-dribbble::before {
  content: ""; }

.bi-line::before {
  content: ""; }

.bi-medium::before {
  content: ""; }

.bi-paypal::before {
  content: ""; }

.bi-pinterest::before {
  content: ""; }

.bi-signal::before {
  content: ""; }

.bi-snapchat::before {
  content: ""; }

.bi-spotify::before {
  content: ""; }

.bi-stack-overflow::before {
  content: ""; }

.bi-strava::before {
  content: ""; }

.bi-wordpress::before {
  content: ""; }

.bi-vimeo::before {
  content: ""; }

.bi-activity::before {
  content: ""; }

.bi-easel2-fill::before {
  content: ""; }

.bi-easel2::before {
  content: ""; }

.bi-easel3-fill::before {
  content: ""; }

.bi-easel3::before {
  content: ""; }

.bi-fan::before {
  content: ""; }

.bi-fingerprint::before {
  content: ""; }

.bi-graph-down-arrow::before {
  content: ""; }

.bi-graph-up-arrow::before {
  content: ""; }

.bi-hypnotize::before {
  content: ""; }

.bi-magic::before {
  content: ""; }

.bi-person-rolodex::before {
  content: ""; }

.bi-person-video::before {
  content: ""; }

.bi-person-video2::before {
  content: ""; }

.bi-person-video3::before {
  content: ""; }

.bi-person-workspace::before {
  content: ""; }

.bi-radioactive::before {
  content: ""; }

.bi-webcam-fill::before {
  content: ""; }

.bi-webcam::before {
  content: ""; }

.bi-yin-yang::before {
  content: ""; }

.bi-bandaid-fill::before {
  content: ""; }

.bi-bandaid::before {
  content: ""; }

.bi-bluetooth::before {
  content: ""; }

.bi-body-text::before {
  content: ""; }

.bi-boombox::before {
  content: ""; }

.bi-boxes::before {
  content: ""; }

.bi-dpad-fill::before {
  content: ""; }

.bi-dpad::before {
  content: ""; }

.bi-ear-fill::before {
  content: ""; }

.bi-ear::before {
  content: ""; }

.bi-envelope-check-fill::before {
  content: ""; }

.bi-envelope-check::before {
  content: ""; }

.bi-envelope-dash-fill::before {
  content: ""; }

.bi-envelope-dash::before {
  content: ""; }

.bi-envelope-exclamation-fill::before {
  content: ""; }

.bi-envelope-exclamation::before {
  content: ""; }

.bi-envelope-plus-fill::before {
  content: ""; }

.bi-envelope-plus::before {
  content: ""; }

.bi-envelope-slash-fill::before {
  content: ""; }

.bi-envelope-slash::before {
  content: ""; }

.bi-envelope-x-fill::before {
  content: ""; }

.bi-envelope-x::before {
  content: ""; }

.bi-explicit-fill::before {
  content: ""; }

.bi-explicit::before {
  content: ""; }

.bi-git::before {
  content: ""; }

.bi-infinity::before {
  content: ""; }

.bi-list-columns-reverse::before {
  content: ""; }

.bi-list-columns::before {
  content: ""; }

.bi-meta::before {
  content: ""; }

.bi-nintendo-switch::before {
  content: ""; }

.bi-pc-display-horizontal::before {
  content: ""; }

.bi-pc-display::before {
  content: ""; }

.bi-pc-horizontal::before {
  content: ""; }

.bi-pc::before {
  content: ""; }

.bi-playstation::before {
  content: ""; }

.bi-plus-slash-minus::before {
  content: ""; }

.bi-projector-fill::before {
  content: ""; }

.bi-projector::before {
  content: ""; }

.bi-qr-code-scan::before {
  content: ""; }

.bi-qr-code::before {
  content: ""; }

.bi-quora::before {
  content: ""; }

.bi-quote::before {
  content: ""; }

.bi-robot::before {
  content: ""; }

.bi-send-check-fill::before {
  content: ""; }

.bi-send-check::before {
  content: ""; }

.bi-send-dash-fill::before {
  content: ""; }

.bi-send-dash::before {
  content: ""; }

.bi-send-exclamation-fill::before {
  content: ""; }

.bi-send-exclamation::before {
  content: ""; }

.bi-send-fill::before {
  content: ""; }

.bi-send-plus-fill::before {
  content: ""; }

.bi-send-plus::before {
  content: ""; }

.bi-send-slash-fill::before {
  content: ""; }

.bi-send-slash::before {
  content: ""; }

.bi-send-x-fill::before {
  content: ""; }

.bi-send-x::before {
  content: ""; }

.bi-send::before {
  content: ""; }

.bi-steam::before {
  content: ""; }

.bi-terminal-dash::before {
  content: ""; }

.bi-terminal-plus::before {
  content: ""; }

.bi-terminal-split::before {
  content: ""; }

.bi-ticket-detailed-fill::before {
  content: ""; }

.bi-ticket-detailed::before {
  content: ""; }

.bi-ticket-fill::before {
  content: ""; }

.bi-ticket-perforated-fill::before {
  content: ""; }

.bi-ticket-perforated::before {
  content: ""; }

.bi-ticket::before {
  content: ""; }

.bi-tiktok::before {
  content: ""; }

.bi-window-dash::before {
  content: ""; }

.bi-window-desktop::before {
  content: ""; }

.bi-window-fullscreen::before {
  content: ""; }

.bi-window-plus::before {
  content: ""; }

.bi-window-split::before {
  content: ""; }

.bi-window-stack::before {
  content: ""; }

.bi-window-x::before {
  content: ""; }

.bi-xbox::before {
  content: ""; }

.bi-ethernet::before {
  content: ""; }

.bi-hdmi-fill::before {
  content: ""; }

.bi-hdmi::before {
  content: ""; }

.bi-usb-c-fill::before {
  content: ""; }

.bi-usb-c::before {
  content: ""; }

.bi-usb-fill::before {
  content: ""; }

.bi-usb-plug-fill::before {
  content: ""; }

.bi-usb-plug::before {
  content: ""; }

.bi-usb-symbol::before {
  content: ""; }

.bi-usb::before {
  content: ""; }

.bi-boombox-fill::before {
  content: ""; }

.bi-displayport::before {
  content: ""; }

.bi-gpu-card::before {
  content: ""; }

.bi-memory::before {
  content: ""; }

.bi-modem-fill::before {
  content: ""; }

.bi-modem::before {
  content: ""; }

.bi-motherboard-fill::before {
  content: ""; }

.bi-motherboard::before {
  content: ""; }

.bi-optical-audio-fill::before {
  content: ""; }

.bi-optical-audio::before {
  content: ""; }

.bi-pci-card::before {
  content: ""; }

.bi-router-fill::before {
  content: ""; }

.bi-router::before {
  content: ""; }

.bi-thunderbolt-fill::before {
  content: ""; }

.bi-thunderbolt::before {
  content: ""; }

.bi-usb-drive-fill::before {
  content: ""; }

.bi-usb-drive::before {
  content: ""; }

.bi-usb-micro-fill::before {
  content: ""; }

.bi-usb-micro::before {
  content: ""; }

.bi-usb-mini-fill::before {
  content: ""; }

.bi-usb-mini::before {
  content: ""; }

.bi-cloud-haze2::before {
  content: ""; }

.bi-device-hdd-fill::before {
  content: ""; }

.bi-device-hdd::before {
  content: ""; }

.bi-device-ssd-fill::before {
  content: ""; }

.bi-device-ssd::before {
  content: ""; }

.bi-displayport-fill::before {
  content: ""; }

.bi-mortarboard-fill::before {
  content: ""; }

.bi-mortarboard::before {
  content: ""; }

.bi-terminal-x::before {
  content: ""; }

.bi-arrow-through-heart-fill::before {
  content: ""; }

.bi-arrow-through-heart::before {
  content: ""; }

.bi-badge-sd-fill::before {
  content: ""; }

.bi-badge-sd::before {
  content: ""; }

.bi-bag-heart-fill::before {
  content: ""; }

.bi-bag-heart::before {
  content: ""; }

.bi-balloon-fill::before {
  content: ""; }

.bi-balloon-heart-fill::before {
  content: ""; }

.bi-balloon-heart::before {
  content: ""; }

.bi-balloon::before {
  content: ""; }

.bi-box2-fill::before {
  content: ""; }

.bi-box2-heart-fill::before {
  content: ""; }

.bi-box2-heart::before {
  content: ""; }

.bi-box2::before {
  content: ""; }

.bi-braces-asterisk::before {
  content: ""; }

.bi-calendar-heart-fill::before {
  content: ""; }

.bi-calendar-heart::before {
  content: ""; }

.bi-calendar2-heart-fill::before {
  content: ""; }

.bi-calendar2-heart::before {
  content: ""; }

.bi-chat-heart-fill::before {
  content: ""; }

.bi-chat-heart::before {
  content: ""; }

.bi-chat-left-heart-fill::before {
  content: ""; }

.bi-chat-left-heart::before {
  content: ""; }

.bi-chat-right-heart-fill::before {
  content: ""; }

.bi-chat-right-heart::before {
  content: ""; }

.bi-chat-square-heart-fill::before {
  content: ""; }

.bi-chat-square-heart::before {
  content: ""; }

.bi-clipboard-check-fill::before {
  content: ""; }

.bi-clipboard-data-fill::before {
  content: ""; }

.bi-clipboard-fill::before {
  content: ""; }

.bi-clipboard-heart-fill::before {
  content: ""; }

.bi-clipboard-heart::before {
  content: ""; }

.bi-clipboard-minus-fill::before {
  content: ""; }

.bi-clipboard-plus-fill::before {
  content: ""; }

.bi-clipboard-pulse::before {
  content: ""; }

.bi-clipboard-x-fill::before {
  content: ""; }

.bi-clipboard2-check-fill::before {
  content: ""; }

.bi-clipboard2-check::before {
  content: ""; }

.bi-clipboard2-data-fill::before {
  content: ""; }

.bi-clipboard2-data::before {
  content: ""; }

.bi-clipboard2-fill::before {
  content: ""; }

.bi-clipboard2-heart-fill::before {
  content: ""; }

.bi-clipboard2-heart::before {
  content: ""; }

.bi-clipboard2-minus-fill::before {
  content: ""; }

.bi-clipboard2-minus::before {
  content: ""; }

.bi-clipboard2-plus-fill::before {
  content: ""; }

.bi-clipboard2-plus::before {
  content: ""; }

.bi-clipboard2-pulse-fill::before {
  content: ""; }

.bi-clipboard2-pulse::before {
  content: ""; }

.bi-clipboard2-x-fill::before {
  content: ""; }

.bi-clipboard2-x::before {
  content: ""; }

.bi-clipboard2::before {
  content: ""; }

.bi-emoji-kiss-fill::before {
  content: ""; }

.bi-emoji-kiss::before {
  content: ""; }

.bi-envelope-heart-fill::before {
  content: ""; }

.bi-envelope-heart::before {
  content: ""; }

.bi-envelope-open-heart-fill::before {
  content: ""; }

.bi-envelope-open-heart::before {
  content: ""; }

.bi-envelope-paper-fill::before {
  content: ""; }

.bi-envelope-paper-heart-fill::before {
  content: ""; }

.bi-envelope-paper-heart::before {
  content: ""; }

.bi-envelope-paper::before {
  content: ""; }

.bi-filetype-aac::before {
  content: ""; }

.bi-filetype-ai::before {
  content: ""; }

.bi-filetype-bmp::before {
  content: ""; }

.bi-filetype-cs::before {
  content: ""; }

.bi-filetype-css::before {
  content: ""; }

.bi-filetype-csv::before {
  content: ""; }

.bi-filetype-doc::before {
  content: ""; }

.bi-filetype-docx::before {
  content: ""; }

.bi-filetype-exe::before {
  content: ""; }

.bi-filetype-gif::before {
  content: ""; }

.bi-filetype-heic::before {
  content: ""; }

.bi-filetype-html::before {
  content: ""; }

.bi-filetype-java::before {
  content: ""; }

.bi-filetype-jpg::before {
  content: ""; }

.bi-filetype-js::before {
  content: ""; }

.bi-filetype-jsx::before {
  content: ""; }

.bi-filetype-key::before {
  content: ""; }

.bi-filetype-m4p::before {
  content: ""; }

.bi-filetype-md::before {
  content: ""; }

.bi-filetype-mdx::before {
  content: ""; }

.bi-filetype-mov::before {
  content: ""; }

.bi-filetype-mp3::before {
  content: ""; }

.bi-filetype-mp4::before {
  content: ""; }

.bi-filetype-otf::before {
  content: ""; }

.bi-filetype-pdf::before {
  content: ""; }

.bi-filetype-php::before {
  content: ""; }

.bi-filetype-png::before {
  content: ""; }

.bi-filetype-ppt::before {
  content: ""; }

.bi-filetype-psd::before {
  content: ""; }

.bi-filetype-py::before {
  content: ""; }

.bi-filetype-raw::before {
  content: ""; }

.bi-filetype-rb::before {
  content: ""; }

.bi-filetype-sass::before {
  content: ""; }

.bi-filetype-scss::before {
  content: ""; }

.bi-filetype-sh::before {
  content: ""; }

.bi-filetype-svg::before {
  content: ""; }

.bi-filetype-tiff::before {
  content: ""; }

.bi-filetype-tsx::before {
  content: ""; }

.bi-filetype-ttf::before {
  content: ""; }

.bi-filetype-txt::before {
  content: ""; }

.bi-filetype-wav::before {
  content: ""; }

.bi-filetype-woff::before {
  content: ""; }

.bi-filetype-xls::before {
  content: ""; }

.bi-filetype-xml::before {
  content: ""; }

.bi-filetype-yml::before {
  content: ""; }

.bi-heart-arrow::before {
  content: ""; }

.bi-heart-pulse-fill::before {
  content: ""; }

.bi-heart-pulse::before {
  content: ""; }

.bi-heartbreak-fill::before {
  content: ""; }

.bi-heartbreak::before {
  content: ""; }

.bi-hearts::before {
  content: ""; }

.bi-hospital-fill::before {
  content: ""; }

.bi-hospital::before {
  content: ""; }

.bi-house-heart-fill::before {
  content: ""; }

.bi-house-heart::before {
  content: ""; }

.bi-incognito::before {
  content: ""; }

.bi-magnet-fill::before {
  content: ""; }

.bi-magnet::before {
  content: ""; }

.bi-person-heart::before {
  content: ""; }

.bi-person-hearts::before {
  content: ""; }

.bi-phone-flip::before {
  content: ""; }

.bi-plugin::before {
  content: ""; }

.bi-postage-fill::before {
  content: ""; }

.bi-postage-heart-fill::before {
  content: ""; }

.bi-postage-heart::before {
  content: ""; }

.bi-postage::before {
  content: ""; }

.bi-postcard-fill::before {
  content: ""; }

.bi-postcard-heart-fill::before {
  content: ""; }

.bi-postcard-heart::before {
  content: ""; }

.bi-postcard::before {
  content: ""; }

.bi-search-heart-fill::before {
  content: ""; }

.bi-search-heart::before {
  content: ""; }

.bi-sliders2-vertical::before {
  content: ""; }

.bi-sliders2::before {
  content: ""; }

.bi-trash3-fill::before {
  content: ""; }

.bi-trash3::before {
  content: ""; }

.bi-valentine::before {
  content: ""; }

.bi-valentine2::before {
  content: ""; }

.bi-wrench-adjustable-circle-fill::before {
  content: ""; }

.bi-wrench-adjustable-circle::before {
  content: ""; }

.bi-wrench-adjustable::before {
  content: ""; }

.bi-filetype-json::before {
  content: ""; }

.bi-filetype-pptx::before {
  content: ""; }

.bi-filetype-xlsx::before {
  content: ""; }

.bi-1-circle-fill::before {
  content: ""; }

.bi-1-circle::before {
  content: ""; }

.bi-1-square-fill::before {
  content: ""; }

.bi-1-square::before {
  content: ""; }

.bi-2-circle-fill::before {
  content: ""; }

.bi-2-circle::before {
  content: ""; }

.bi-2-square-fill::before {
  content: ""; }

.bi-2-square::before {
  content: ""; }

.bi-3-circle-fill::before {
  content: ""; }

.bi-3-circle::before {
  content: ""; }

.bi-3-square-fill::before {
  content: ""; }

.bi-3-square::before {
  content: ""; }

.bi-4-circle-fill::before {
  content: ""; }

.bi-4-circle::before {
  content: ""; }

.bi-4-square-fill::before {
  content: ""; }

.bi-4-square::before {
  content: ""; }

.bi-5-circle-fill::before {
  content: ""; }

.bi-5-circle::before {
  content: ""; }

.bi-5-square-fill::before {
  content: ""; }

.bi-5-square::before {
  content: ""; }

.bi-6-circle-fill::before {
  content: ""; }

.bi-6-circle::before {
  content: ""; }

.bi-6-square-fill::before {
  content: ""; }

.bi-6-square::before {
  content: ""; }

.bi-7-circle-fill::before {
  content: ""; }

.bi-7-circle::before {
  content: ""; }

.bi-7-square-fill::before {
  content: ""; }

.bi-7-square::before {
  content: ""; }

.bi-8-circle-fill::before {
  content: ""; }

.bi-8-circle::before {
  content: ""; }

.bi-8-square-fill::before {
  content: ""; }

.bi-8-square::before {
  content: ""; }

.bi-9-circle-fill::before {
  content: ""; }

.bi-9-circle::before {
  content: ""; }

.bi-9-square-fill::before {
  content: ""; }

.bi-9-square::before {
  content: ""; }

.bi-airplane-engines-fill::before {
  content: ""; }

.bi-airplane-engines::before {
  content: ""; }

.bi-airplane-fill::before {
  content: ""; }

.bi-airplane::before {
  content: ""; }

.bi-alexa::before {
  content: ""; }

.bi-alipay::before {
  content: ""; }

.bi-android::before {
  content: ""; }

.bi-android2::before {
  content: ""; }

.bi-box-fill::before {
  content: ""; }

.bi-box-seam-fill::before {
  content: ""; }

.bi-browser-chrome::before {
  content: ""; }

.bi-browser-edge::before {
  content: ""; }

.bi-browser-firefox::before {
  content: ""; }

.bi-browser-safari::before {
  content: ""; }

.bi-c-circle-fill::before {
  content: ""; }

.bi-c-circle::before {
  content: ""; }

.bi-c-square-fill::before {
  content: ""; }

.bi-c-square::before {
  content: ""; }

.bi-capsule-pill::before {
  content: ""; }

.bi-capsule::before {
  content: ""; }

.bi-car-front-fill::before {
  content: ""; }

.bi-car-front::before {
  content: ""; }

.bi-cassette-fill::before {
  content: ""; }

.bi-cassette::before {
  content: ""; }

.bi-cc-circle-fill::before {
  content: ""; }

.bi-cc-circle::before {
  content: ""; }

.bi-cc-square-fill::before {
  content: ""; }

.bi-cc-square::before {
  content: ""; }

.bi-cup-hot-fill::before {
  content: ""; }

.bi-cup-hot::before {
  content: ""; }

.bi-currency-rupee::before {
  content: ""; }

.bi-dropbox::before {
  content: ""; }

.bi-escape::before {
  content: ""; }

.bi-fast-forward-btn-fill::before {
  content: ""; }

.bi-fast-forward-btn::before {
  content: ""; }

.bi-fast-forward-circle-fill::before {
  content: ""; }

.bi-fast-forward-circle::before {
  content: ""; }

.bi-fast-forward-fill::before {
  content: ""; }

.bi-fast-forward::before {
  content: ""; }

.bi-filetype-sql::before {
  content: ""; }

.bi-fire::before {
  content: ""; }

.bi-google-play::before {
  content: ""; }

.bi-h-circle-fill::before {
  content: ""; }

.bi-h-circle::before {
  content: ""; }

.bi-h-square-fill::before {
  content: ""; }

.bi-h-square::before {
  content: ""; }

.bi-indent::before {
  content: ""; }

.bi-lungs-fill::before {
  content: ""; }

.bi-lungs::before {
  content: ""; }

.bi-microsoft-teams::before {
  content: ""; }

.bi-p-circle-fill::before {
  content: ""; }

.bi-p-circle::before {
  content: ""; }

.bi-p-square-fill::before {
  content: ""; }

.bi-p-square::before {
  content: ""; }

.bi-pass-fill::before {
  content: ""; }

.bi-pass::before {
  content: ""; }

.bi-prescription::before {
  content: ""; }

.bi-prescription2::before {
  content: ""; }

.bi-r-circle-fill::before {
  content: ""; }

.bi-r-circle::before {
  content: ""; }

.bi-r-square-fill::before {
  content: ""; }

.bi-r-square::before {
  content: ""; }

.bi-repeat-1::before {
  content: ""; }

.bi-repeat::before {
  content: ""; }

.bi-rewind-btn-fill::before {
  content: ""; }

.bi-rewind-btn::before {
  content: ""; }

.bi-rewind-circle-fill::before {
  content: ""; }

.bi-rewind-circle::before {
  content: ""; }

.bi-rewind-fill::before {
  content: ""; }

.bi-rewind::before {
  content: ""; }

.bi-train-freight-front-fill::before {
  content: ""; }

.bi-train-freight-front::before {
  content: ""; }

.bi-train-front-fill::before {
  content: ""; }

.bi-train-front::before {
  content: ""; }

.bi-train-lightrail-front-fill::before {
  content: ""; }

.bi-train-lightrail-front::before {
  content: ""; }

.bi-truck-front-fill::before {
  content: ""; }

.bi-truck-front::before {
  content: ""; }

.bi-ubuntu::before {
  content: ""; }

.bi-unindent::before {
  content: ""; }

.bi-unity::before {
  content: ""; }

.bi-universal-access-circle::before {
  content: ""; }

.bi-universal-access::before {
  content: ""; }

.bi-virus::before {
  content: ""; }

.bi-virus2::before {
  content: ""; }

.bi-wechat::before {
  content: ""; }

.bi-yelp::before {
  content: ""; }

.bi-sign-stop-fill::before {
  content: ""; }

.bi-sign-stop-lights-fill::before {
  content: ""; }

.bi-sign-stop-lights::before {
  content: ""; }

.bi-sign-stop::before {
  content: ""; }

.bi-sign-turn-left-fill::before {
  content: ""; }

.bi-sign-turn-left::before {
  content: ""; }

.bi-sign-turn-right-fill::before {
  content: ""; }

.bi-sign-turn-right::before {
  content: ""; }

.bi-sign-turn-slight-left-fill::before {
  content: ""; }

.bi-sign-turn-slight-left::before {
  content: ""; }

.bi-sign-turn-slight-right-fill::before {
  content: ""; }

.bi-sign-turn-slight-right::before {
  content: ""; }

.bi-sign-yield-fill::before {
  content: ""; }

.bi-sign-yield::before {
  content: ""; }

.bi-ev-station-fill::before {
  content: ""; }

.bi-ev-station::before {
  content: ""; }

.bi-fuel-pump-diesel-fill::before {
  content: ""; }

.bi-fuel-pump-diesel::before {
  content: ""; }

.bi-fuel-pump-fill::before {
  content: ""; }

.bi-fuel-pump::before {
  content: ""; }

.bi-0-circle-fill::before {
  content: ""; }

.bi-0-circle::before {
  content: ""; }

.bi-0-square-fill::before {
  content: ""; }

.bi-0-square::before {
  content: ""; }

.bi-rocket-fill::before {
  content: ""; }

.bi-rocket-takeoff-fill::before {
  content: ""; }

.bi-rocket-takeoff::before {
  content: ""; }

.bi-rocket::before {
  content: ""; }

.bi-stripe::before {
  content: ""; }

.bi-subscript::before {
  content: ""; }

.bi-superscript::before {
  content: ""; }

.bi-trello::before {
  content: ""; }

.bi-envelope-at-fill::before {
  content: ""; }

.bi-envelope-at::before {
  content: ""; }

.bi-regex::before {
  content: ""; }

.bi-text-wrap::before {
  content: ""; }

.bi-sign-dead-end-fill::before {
  content: ""; }

.bi-sign-dead-end::before {
  content: ""; }

.bi-sign-do-not-enter-fill::before {
  content: ""; }

.bi-sign-do-not-enter::before {
  content: ""; }

.bi-sign-intersection-fill::before {
  content: ""; }

.bi-sign-intersection-side-fill::before {
  content: ""; }

.bi-sign-intersection-side::before {
  content: ""; }

.bi-sign-intersection-t-fill::before {
  content: ""; }

.bi-sign-intersection-t::before {
  content: ""; }

.bi-sign-intersection-y-fill::before {
  content: ""; }

.bi-sign-intersection-y::before {
  content: ""; }

.bi-sign-intersection::before {
  content: ""; }

.bi-sign-merge-left-fill::before {
  content: ""; }

.bi-sign-merge-left::before {
  content: ""; }

.bi-sign-merge-right-fill::before {
  content: ""; }

.bi-sign-merge-right::before {
  content: ""; }

.bi-sign-no-left-turn-fill::before {
  content: ""; }

.bi-sign-no-left-turn::before {
  content: ""; }

.bi-sign-no-parking-fill::before {
  content: ""; }

.bi-sign-no-parking::before {
  content: ""; }

.bi-sign-no-right-turn-fill::before {
  content: ""; }

.bi-sign-no-right-turn::before {
  content: ""; }

.bi-sign-railroad-fill::before {
  content: ""; }

.bi-sign-railroad::before {
  content: ""; }

.bi-building-add::before {
  content: ""; }

.bi-building-check::before {
  content: ""; }

.bi-building-dash::before {
  content: ""; }

.bi-building-down::before {
  content: ""; }

.bi-building-exclamation::before {
  content: ""; }

.bi-building-fill-add::before {
  content: ""; }

.bi-building-fill-check::before {
  content: ""; }

.bi-building-fill-dash::before {
  content: ""; }

.bi-building-fill-down::before {
  content: ""; }

.bi-building-fill-exclamation::before {
  content: ""; }

.bi-building-fill-gear::before {
  content: ""; }

.bi-building-fill-lock::before {
  content: ""; }

.bi-building-fill-slash::before {
  content: ""; }

.bi-building-fill-up::before {
  content: ""; }

.bi-building-fill-x::before {
  content: ""; }

.bi-building-fill::before {
  content: ""; }

.bi-building-gear::before {
  content: ""; }

.bi-building-lock::before {
  content: ""; }

.bi-building-slash::before {
  content: ""; }

.bi-building-up::before {
  content: ""; }

.bi-building-x::before {
  content: ""; }

.bi-buildings-fill::before {
  content: ""; }

.bi-buildings::before {
  content: ""; }

.bi-bus-front-fill::before {
  content: ""; }

.bi-bus-front::before {
  content: ""; }

.bi-ev-front-fill::before {
  content: ""; }

.bi-ev-front::before {
  content: ""; }

.bi-globe-americas::before {
  content: ""; }

.bi-globe-asia-australia::before {
  content: ""; }

.bi-globe-central-south-asia::before {
  content: ""; }

.bi-globe-europe-africa::before {
  content: ""; }

.bi-house-add-fill::before {
  content: ""; }

.bi-house-add::before {
  content: ""; }

.bi-house-check-fill::before {
  content: ""; }

.bi-house-check::before {
  content: ""; }

.bi-house-dash-fill::before {
  content: ""; }

.bi-house-dash::before {
  content: ""; }

.bi-house-down-fill::before {
  content: ""; }

.bi-house-down::before {
  content: ""; }

.bi-house-exclamation-fill::before {
  content: ""; }

.bi-house-exclamation::before {
  content: ""; }

.bi-house-gear-fill::before {
  content: ""; }

.bi-house-gear::before {
  content: ""; }

.bi-house-lock-fill::before {
  content: ""; }

.bi-house-lock::before {
  content: ""; }

.bi-house-slash-fill::before {
  content: ""; }

.bi-house-slash::before {
  content: ""; }

.bi-house-up-fill::before {
  content: ""; }

.bi-house-up::before {
  content: ""; }

.bi-house-x-fill::before {
  content: ""; }

.bi-house-x::before {
  content: ""; }

.bi-person-add::before {
  content: ""; }

.bi-person-down::before {
  content: ""; }

.bi-person-exclamation::before {
  content: ""; }

.bi-person-fill-add::before {
  content: ""; }

.bi-person-fill-check::before {
  content: ""; }

.bi-person-fill-dash::before {
  content: ""; }

.bi-person-fill-down::before {
  content: ""; }

.bi-person-fill-exclamation::before {
  content: ""; }

.bi-person-fill-gear::before {
  content: ""; }

.bi-person-fill-lock::before {
  content: ""; }

.bi-person-fill-slash::before {
  content: ""; }

.bi-person-fill-up::before {
  content: ""; }

.bi-person-fill-x::before {
  content: ""; }

.bi-person-gear::before {
  content: ""; }

.bi-person-lock::before {
  content: ""; }

.bi-person-slash::before {
  content: ""; }

.bi-person-up::before {
  content: ""; }

.bi-scooter::before {
  content: ""; }

.bi-taxi-front-fill::before {
  content: ""; }

.bi-taxi-front::before {
  content: ""; }

.bi-amd::before {
  content: ""; }

.bi-database-add::before {
  content: ""; }

.bi-database-check::before {
  content: ""; }

.bi-database-dash::before {
  content: ""; }

.bi-database-down::before {
  content: ""; }

.bi-database-exclamation::before {
  content: ""; }

.bi-database-fill-add::before {
  content: ""; }

.bi-database-fill-check::before {
  content: ""; }

.bi-database-fill-dash::before {
  content: ""; }

.bi-database-fill-down::before {
  content: ""; }

.bi-database-fill-exclamation::before {
  content: ""; }

.bi-database-fill-gear::before {
  content: ""; }

.bi-database-fill-lock::before {
  content: ""; }

.bi-database-fill-slash::before {
  content: ""; }

.bi-database-fill-up::before {
  content: ""; }

.bi-database-fill-x::before {
  content: ""; }

.bi-database-fill::before {
  content: ""; }

.bi-database-gear::before {
  content: ""; }

.bi-database-lock::before {
  content: ""; }

.bi-database-slash::before {
  content: ""; }

.bi-database-up::before {
  content: ""; }

.bi-database-x::before {
  content: ""; }

.bi-database::before {
  content: ""; }

.bi-houses-fill::before {
  content: ""; }

.bi-houses::before {
  content: ""; }

.bi-nvidia::before {
  content: ""; }

.bi-person-vcard-fill::before {
  content: ""; }

.bi-person-vcard::before {
  content: ""; }

.bi-sina-weibo::before {
  content: ""; }

.bi-tencent-qq::before {
  content: ""; }

.bi-wikipedia::before {
  content: ""; }

/*
*   K-ECOMMERCE UTILITIES
*/
/*
* 	UTILITIES: ANIMATIONS
*--------------------------
*	Animation library available to use throught animation within 
*/
/*
* Use same keyframes as bootstrap to spin element
*/
@keyframes fa-spin {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1turn); } }

@keyframes fadeIn {
  0% {
    visibility: hidden;
    display: none;
    opacity: 0; }
  1% {
    visibility: visible;
    display: block;
    opacity: 0; }
  100% {
    visibility: visible;
    display: block;
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    visibility: visible;
    display: block;
    opacity: 1; }
  99% {
    visibility: visible;
    display: block;
    opacity: 0; }
  100% {
    visibility: hidden;
    display: none; } }

/*
* Use same keyframes as to shake
*/
@keyframes shakealert {
  0% {
    transform: rotate(0); }
  5% {
    transform: rotate(5deg); }
  10% {
    transform: rotate(-5deg); }
  15% {
    transform: rotate(4deg); }
  20% {
    transform: rotate(-4deg); }
  25% {
    transform: rotate(0deg); }
  30% {
    transform: rotate(-2deg); }
  35% {
    transform: rotate(1deg); }
  100% {
    transform: rotate(0); } }

/*
* 	UTILITIES: MIXINS
*--------------------------
*	pre-built mixins allowing for different
*	css rendering based on configurations of variables.
*/
/*
*	MIXIN: CARET()
*	PARAMETER (OPTIONAL): the direction of the caret to point to
*	PARAMETER (OPTIONAL): the style of the cret to display
*	This is an override from the caret mixin from bootstrap.
*	Replaces the caret used in bootstrap with Font-Awesome icons
*	By choosing caret (default), angle or chevron, the icon used for all
*	carets will change.
*	DEPENDING ON WEB COMPILING METHOD, USE OF PREFIXER OR CUSTOM MIXIN FOR VENDOR PREFIX
*/
/*
*	MIXIN: SWIPE-ACTION()
*	PARAMETER (OPTIONAL): the direction of the swipe motion
*	This MIXIN is used with the vendors: JQUERY.TOUCHSWIPE to add
*	swipe gesture action to elements.
*/
/*
*	MIXIN: ICON()
*	This MIXIN is used to generate Font Awesome icon on elements
*/
/*
*	MIXIN: FLOATING-PANEL()
*	PARAMETER (OPTIONAL): the direction of the floating panel.
*	This MIXIN is used to take an element and make a floating panel with it.
*	You can define to have the panel on the left or right of the screen.
*	It will be position on top of everything and will be hidden until it
*	is opened, then it will as wide as the screen. Specially use on mobile.
*/
/*
*	MIXIN: A11Y-FOCUS-VISIBLE()
*	WCAG 2.1 - 2.4.7 - Focus Visible - Level AA
*	https://www.w3.org/WAI/WCAG21/quickref/?showtechniques=334%2C247#focus-visible
*	The default native rendering of the focus indicator isn't always highly visible
*	and may even be difficult to see against certain backgrounds.
*/
/*
*	MIXIN BREAKPOINT-PREVIOUS()
*	PARAMETER: the name of the breakpoint.
*	Adding a new mixin to target the name of the previous breakpoint, or null for the first breakpoint based on the
*	Bootstrap grid-breakpoints.
*		breakpoint-previous(xs)
*			null
*		breakpoint-previous(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
*			xs
*		breakpoint-previous(lg, $breakpoint-names: (xs sm md lg xl))
*			md
*/
/*
*	MIXIN FONT-FACE()
*	Create a font face rule. Embedded OpenType, WOFF2, WOFF, TrueType, and SVG files are automatically sourced.
*	@include font-face(Samplinal, fonts/Samplinal, 500, normal, eot woff2 woff);
*	https://gist.github.com/jonathantneal/d0460e5c2d5d7f9bc5e6
*/
/*
*	MIXIN PREFIX()
*	Create vendor prefixes that can be reused over and over without having to type them every time.
*/
/*
*	MIXIN BADGE-VARIANT()
*	Was removed in bootstrap5, but commonly used in our themes
*/
/*
*	MIXIN MOBILE-PRODUCT-DISPLAY-HORIZONTAL-SCROLLING()
*	Enable horizontal scrolling in mobile to save height space
*/
/*
*	MIXIN MOBILE-MIN-HEIGHT()
*	A min-height on elements is a good idea for touch devices to allow tapping with the finger easier.
*	It can be removed on higher resolutions because large screen will most of the time be using a mouse.
*/
/*
*	MIXIN HANDLE-TEXT-CLIPPING()
*	TEXT-TRUNCATE will add text-overflow: ellipsis on long title to avoid page break. This is causin a WCAG error "Text is clipped when resized".
*	Rule SIA-R83 requires text to not be clipped or become illegible when text is resized by browsers to 200%.
* https://help.siteimprove.com/support/solutions/articles/80001015949-the-text-is-clipped-when-resized-issue-explained
*/
/*
*	MIXIN  alert-variant
* Brought back from Boostrap 5.0.1
*	Has been removed in bootstrap 5.3, but we used it all around solution and in our themes.
*
* I kept the bootstrap classes, but added our own related to the widgets it is usually used in.
*/
/*
*	MIXIN HANDLE-TEXT-CLIPPING()
*	TEXT-TRUNCATE will add text-overflow: ellipsis on long title to avoid page break. This is causin a WCAG error "Text is clipped when resized".
*	Rule SIA-R83 requires text to not be clipped or become illegible when text is resized by browsers to 200%.
* https://help.siteimprove.com/support/solutions/articles/80001015949-the-text-is-clipped-when-resized-issue-explained
*/
/*
* 	UTILITIES: RESET
*--------------------------
*	reseting some base css on html or from bootstap's reset css
*/
* {
  /*
	* Provides information to the rendering engine about what to optimize for when rendering text
	*/
  text-rendering: optimizeLegibility; }

html {
  /*
	*	#bootstrap5fix#
	*	known issue that bootstrap modal scrolling has issues on IOS.
	*	https://github.com/twbs/bootstrap/issues/22311
	*/
  -webkit-overflow-scrolling: touch; }

.alert,
p {
  /*
	*	#bootstrap5fix#
	*	the following elements have a default 1rem margin bottom.
	*	changing it to use half of $spacer and removing it on the last-child
	*/
  margin-bottom: 0.9375rem; }
  .alert:last-child,
  p:last-child {
    /*
		*	using last-child instead of not:last-child because in the latter, the
		*	default value from bootstrap would not be overwritten.
		*/
    margin-bottom: 0; }

dl,
ol,
ul,
.list {
  /*
	*	#boostrap5fix#
	*	bootsraps sets by default a margin bottom on the following elements. We want to cancel it on the last childs
	*/ }
  dl:last-child,
  ol:last-child,
  ul:last-child,
  .list:last-child {
    margin-bottom: 0; }

/*
*	#bootstrap5fix#
*	make sure the dropdown-toggle element from Bootstrap has the same default caret.
*/
.dropdown-toggle:after {
  border: 0;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  height: auto;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all linear 0.25s;
  vertical-align: baseline;
  width: auto;
  font-size: 0.82031rem;
  margin-left: 0.3em;
  content: "\f0d7"; }

.dropdown-toggle.dropdown-toggle-split::after {
  /*
		*		The split dropdown button should not have the margin on the icon because it is the only child
		*/
  margin-left: 0; }

a[href] {
  /*
	*	WCAG AA 2.4.7 Focus Visible
	*	With keyboard navigation it's important that the focused component can be visually identified.
	*	If the focused component is not somehow highlighted, the user cannot be sure which component has focus.
	*/ }
  a[href]:focus, a[href].focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  a[href]:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  a[href]:focus-visible, a[href]:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    a[href]:focus-visible[href]:not(.button), a[href]:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

img {
  /*
	*	We do not control what the customer will upload and set in the CMS.
	*	Making sure the image will not break the original container if it's wider
	*	then the available space
	*/ }
  img:not([class]) {
    max-width: 100%; }

/*
* 	UTILITIES: UTILITIES
*--------------------------
*	Generation of CSS block based on configurations or variables,
*	usually in loop based on maps like the different breakpoints
*	or element sizes.
*/
/*
*	This @each goes through each breakpoint (xs, xm, etc.) in the breakpoint map
*/
/*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
.mb-0:last-child {
  margin-bottom: 0 !important; }

.mt-0:first-child {
  margin-top: 0 !important; }

.mb-1small:last-child {
  margin-bottom: 0 !important; }

.mt-1small:first-child {
  margin-top: 0 !important; }

.mb-1:last-child {
  margin-bottom: 0 !important; }

.mt-1:first-child {
  margin-top: 0 !important; }

.mb-2:last-child {
  margin-bottom: 0 !important; }

.mt-2:first-child {
  margin-top: 0 !important; }

.mb-3:last-child {
  margin-bottom: 0 !important; }

.mt-3:first-child {
  margin-top: 0 !important; }

.mb-4:last-child {
  margin-bottom: 0 !important; }

.mt-4:first-child {
  margin-top: 0 !important; }

.mb-5:last-child {
  margin-bottom: 0 !important; }

.mt-5:first-child {
  margin-top: 0 !important; }

.mb-0:last-child {
  margin-bottom: 0 !important; }

.mt-0:first-child {
  margin-top: 0 !important; }

.mb-1small:last-child {
  margin-bottom: 0 !important; }

.mt-1small:first-child {
  margin-top: 0 !important; }

.mb-1:last-child {
  margin-bottom: 0 !important; }

.mt-1:first-child {
  margin-top: 0 !important; }

.mb-2:last-child {
  margin-bottom: 0 !important; }

.mt-2:first-child {
  margin-top: 0 !important; }

.mb-3:last-child {
  margin-bottom: 0 !important; }

.mt-3:first-child {
  margin-top: 0 !important; }

.mb-4:last-child {
  margin-bottom: 0 !important; }

.mt-4:first-child {
  margin-top: 0 !important; }

.mb-5:last-child {
  margin-bottom: 0 !important; }

.mt-5:first-child {
  margin-top: 0 !important; }

.mb-auto:last-child {
  margin-bottom: 0 !important; }

.mt-auto:first-child {
  margin-top: 0 !important; }

@media (min-width: 400px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-xsm-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-0:first-child {
    margin-top: 0 !important; }
  .mb-xsm-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-1small:first-child {
    margin-top: 0 !important; }
  .mb-xsm-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-1:first-child {
    margin-top: 0 !important; }
  .mb-xsm-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-2:first-child {
    margin-top: 0 !important; }
  .mb-xsm-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-3:first-child {
    margin-top: 0 !important; }
  .mb-xsm-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-4:first-child {
    margin-top: 0 !important; }
  .mb-xsm-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-5:first-child {
    margin-top: 0 !important; }
  .mb-xsm-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-0:first-child {
    margin-top: 0 !important; }
  .mb-xsm-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-1small:first-child {
    margin-top: 0 !important; }
  .mb-xsm-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-1:first-child {
    margin-top: 0 !important; }
  .mb-xsm-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-2:first-child {
    margin-top: 0 !important; }
  .mb-xsm-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-3:first-child {
    margin-top: 0 !important; }
  .mb-xsm-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-4:first-child {
    margin-top: 0 !important; }
  .mb-xsm-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-5:first-child {
    margin-top: 0 !important; }
  .mb-xsm-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-xsm-auto:first-child {
    margin-top: 0 !important; } }

@media (min-width: 576px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-sm-0:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-0:first-child {
    margin-top: 0 !important; }
  .mb-sm-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-1small:first-child {
    margin-top: 0 !important; }
  .mb-sm-1:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-1:first-child {
    margin-top: 0 !important; }
  .mb-sm-2:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-2:first-child {
    margin-top: 0 !important; }
  .mb-sm-3:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-3:first-child {
    margin-top: 0 !important; }
  .mb-sm-4:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-4:first-child {
    margin-top: 0 !important; }
  .mb-sm-5:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-5:first-child {
    margin-top: 0 !important; }
  .mb-sm-0:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-0:first-child {
    margin-top: 0 !important; }
  .mb-sm-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-1small:first-child {
    margin-top: 0 !important; }
  .mb-sm-1:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-1:first-child {
    margin-top: 0 !important; }
  .mb-sm-2:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-2:first-child {
    margin-top: 0 !important; }
  .mb-sm-3:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-3:first-child {
    margin-top: 0 !important; }
  .mb-sm-4:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-4:first-child {
    margin-top: 0 !important; }
  .mb-sm-5:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-5:first-child {
    margin-top: 0 !important; }
  .mb-sm-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-sm-auto:first-child {
    margin-top: 0 !important; } }

@media (min-width: 768px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-md-0:last-child {
    margin-bottom: 0 !important; }
  .mt-md-0:first-child {
    margin-top: 0 !important; }
  .mb-md-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-md-1small:first-child {
    margin-top: 0 !important; }
  .mb-md-1:last-child {
    margin-bottom: 0 !important; }
  .mt-md-1:first-child {
    margin-top: 0 !important; }
  .mb-md-2:last-child {
    margin-bottom: 0 !important; }
  .mt-md-2:first-child {
    margin-top: 0 !important; }
  .mb-md-3:last-child {
    margin-bottom: 0 !important; }
  .mt-md-3:first-child {
    margin-top: 0 !important; }
  .mb-md-4:last-child {
    margin-bottom: 0 !important; }
  .mt-md-4:first-child {
    margin-top: 0 !important; }
  .mb-md-5:last-child {
    margin-bottom: 0 !important; }
  .mt-md-5:first-child {
    margin-top: 0 !important; }
  .mb-md-0:last-child {
    margin-bottom: 0 !important; }
  .mt-md-0:first-child {
    margin-top: 0 !important; }
  .mb-md-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-md-1small:first-child {
    margin-top: 0 !important; }
  .mb-md-1:last-child {
    margin-bottom: 0 !important; }
  .mt-md-1:first-child {
    margin-top: 0 !important; }
  .mb-md-2:last-child {
    margin-bottom: 0 !important; }
  .mt-md-2:first-child {
    margin-top: 0 !important; }
  .mb-md-3:last-child {
    margin-bottom: 0 !important; }
  .mt-md-3:first-child {
    margin-top: 0 !important; }
  .mb-md-4:last-child {
    margin-bottom: 0 !important; }
  .mt-md-4:first-child {
    margin-top: 0 !important; }
  .mb-md-5:last-child {
    margin-bottom: 0 !important; }
  .mt-md-5:first-child {
    margin-top: 0 !important; }
  .mb-md-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-md-auto:first-child {
    margin-top: 0 !important; } }

@media (min-width: 992px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-lg-0:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-0:first-child {
    margin-top: 0 !important; }
  .mb-lg-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-1small:first-child {
    margin-top: 0 !important; }
  .mb-lg-1:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-1:first-child {
    margin-top: 0 !important; }
  .mb-lg-2:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-2:first-child {
    margin-top: 0 !important; }
  .mb-lg-3:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-3:first-child {
    margin-top: 0 !important; }
  .mb-lg-4:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-4:first-child {
    margin-top: 0 !important; }
  .mb-lg-5:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-5:first-child {
    margin-top: 0 !important; }
  .mb-lg-0:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-0:first-child {
    margin-top: 0 !important; }
  .mb-lg-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-1small:first-child {
    margin-top: 0 !important; }
  .mb-lg-1:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-1:first-child {
    margin-top: 0 !important; }
  .mb-lg-2:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-2:first-child {
    margin-top: 0 !important; }
  .mb-lg-3:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-3:first-child {
    margin-top: 0 !important; }
  .mb-lg-4:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-4:first-child {
    margin-top: 0 !important; }
  .mb-lg-5:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-5:first-child {
    margin-top: 0 !important; }
  .mb-lg-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-lg-auto:first-child {
    margin-top: 0 !important; } }

@media (min-width: 1200px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-xl-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-0:first-child {
    margin-top: 0 !important; }
  .mb-xl-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-1small:first-child {
    margin-top: 0 !important; }
  .mb-xl-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-1:first-child {
    margin-top: 0 !important; }
  .mb-xl-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-2:first-child {
    margin-top: 0 !important; }
  .mb-xl-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-3:first-child {
    margin-top: 0 !important; }
  .mb-xl-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-4:first-child {
    margin-top: 0 !important; }
  .mb-xl-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-5:first-child {
    margin-top: 0 !important; }
  .mb-xl-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-0:first-child {
    margin-top: 0 !important; }
  .mb-xl-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-1small:first-child {
    margin-top: 0 !important; }
  .mb-xl-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-1:first-child {
    margin-top: 0 !important; }
  .mb-xl-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-2:first-child {
    margin-top: 0 !important; }
  .mb-xl-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-3:first-child {
    margin-top: 0 !important; }
  .mb-xl-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-4:first-child {
    margin-top: 0 !important; }
  .mb-xl-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-5:first-child {
    margin-top: 0 !important; }
  .mb-xl-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-xl-auto:first-child {
    margin-top: 0 !important; } }

@media (min-width: 1500px) {
  /*
		*	#bootstrap5fix#
		*	BASED ON BOOTSTRAP'S MARGIN AND UTILITY
		*	BECAUSE OF LOOP GENERATION OF ELEMENTS, LAST CHILD MUST HAVE ITS MARGIN CANCELED
		*/
  .mb-xxl-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-0:first-child {
    margin-top: 0 !important; }
  .mb-xxl-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-1small:first-child {
    margin-top: 0 !important; }
  .mb-xxl-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-1:first-child {
    margin-top: 0 !important; }
  .mb-xxl-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-2:first-child {
    margin-top: 0 !important; }
  .mb-xxl-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-3:first-child {
    margin-top: 0 !important; }
  .mb-xxl-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-4:first-child {
    margin-top: 0 !important; }
  .mb-xxl-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-5:first-child {
    margin-top: 0 !important; }
  .mb-xxl-0:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-0:first-child {
    margin-top: 0 !important; }
  .mb-xxl-1small:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-1small:first-child {
    margin-top: 0 !important; }
  .mb-xxl-1:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-1:first-child {
    margin-top: 0 !important; }
  .mb-xxl-2:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-2:first-child {
    margin-top: 0 !important; }
  .mb-xxl-3:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-3:first-child {
    margin-top: 0 !important; }
  .mb-xxl-4:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-4:first-child {
    margin-top: 0 !important; }
  .mb-xxl-5:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-5:first-child {
    margin-top: 0 !important; }
  .mb-xxl-auto:last-child {
    margin-bottom: 0 !important; }
  .mt-xxl-auto:first-child {
    margin-top: 0 !important; } }

/*
*	#bootstrap5fix#
*	Position utilities was not responsive originally in bootstrap5
*   Changing the original utility to be responsive
*
*	Align utilities was not responsive originally in bootstrap5
*	This creates a set of classes that can be used with responsive breakpoints
*/
/*
*	Responsive tables Mediaqueries and UP
*	Generate the same classes as the Bootstrap .table-responsive-* classes, but with a --up modifier
*	meaning that it will affect all breakpoints from the chosen one and up, rather than down for the default class.
*	This is useful when a table is flipped on a lower resolution, but to avoid some extreme side scrolling for
*	large tables on higher resolutions.
*	Used a different name because a block is required to have modifiers, but the "responsive-table" is used by bootstrap.
*/
.responsive-table--up {
  display: block;
  position: relative;
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch; }
  .responsive-table--up > .table-bordered {
    border: 0; }

@media (min-width: 400px) {
  .responsive-table-xsm--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-xsm--up > .table-bordered {
      border: 0; } }

@media (min-width: 576px) {
  .responsive-table-sm--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-sm--up > .table-bordered {
      border: 0; } }

@media (min-width: 768px) {
  .responsive-table-md--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-md--up > .table-bordered {
      border: 0; } }

@media (min-width: 992px) {
  .responsive-table-lg--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-lg--up > .table-bordered {
      border: 0; } }

@media (min-width: 1200px) {
  .responsive-table-xl--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-xl--up > .table-bordered {
      border: 0; } }

@media (min-width: 1500px) {
  .responsive-table-xxl--up {
    display: block;
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch; }
    .responsive-table-xxl--up > .table-bordered {
      border: 0; } }

/*
*	Print columns
* generates the same col classes from bootstrap wraped in a media print.
* col-print-1 up to col-print-12
*/
@media print {
  .col-print-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 400px) {
  .col-print-xsm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-xsm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-xsm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-xsm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-xsm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-xsm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-xsm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-xsm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-xsm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-xsm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-xsm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-xsm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 576px) {
  .col-print-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 768px) {
  .col-print-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 992px) {
  .col-print-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 1200px) {
  .col-print-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

@media print and (min-width: 1500px) {
  .col-print-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-print-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-print-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-print-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-print-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-print-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-print-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-print-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-print-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-print-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-print-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-print-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .col-print {
    flex: 1 0 0%; } }

/*
*   K-ECOMMERCE COMPONENTS
*/
/*
* 	CMS COMPONENT: STATUSBAR
*--------------------------
*   statusbar
*   statusbar__backdrop
*   statusbar__body
*   statusbar__wrapper
*   statusbar__inner
*/
.statusbar {
  animation: fadeIn 0.15s ease-in;
  -webkit-animation: fadeIn 0.15s ease-in;
  -moz-animation: fadeIn 0.15s ease-in;
  -o-animation: fadeIn 0.15s ease-in;
  margin: 0;
  max-width: none;
  width: 100vw;
  height: 100vh;
  /*
  * status bar should be above all opened elements
  */
  z-index: 9999; }
  .statusbar.is-closed {
    display: none;
    opacity: 0; }
  .statusbar a,
  .statusbar .statusbar__link {
    color: #fff; }
    .statusbar a:hover, .statusbar a:focus,
    .statusbar .statusbar__link:hover,
    .statusbar .statusbar__link:focus {
      /*
    * Using line from bootstrap helpers/_colored-links.scss to automatically manage hover and focus color based on status bar color
    */
      color: white; }
    .statusbar a:focus, .statusbar a.focus,
    .statusbar .statusbar__link:focus,
    .statusbar .statusbar__link.focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .statusbar a:focus:not(:focus-visible),
    .statusbar .statusbar__link:focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .statusbar a:focus-visible, .statusbar a:focus-within,
    .statusbar .statusbar__link:focus-visible,
    .statusbar .statusbar__link:focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .statusbar a:focus-visible[href]:not(.button), .statusbar a:focus-within[href]:not(.button),
      .statusbar .statusbar__link:focus-visible[href]:not(.button),
      .statusbar .statusbar__link:focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; }

.statusbar__backdrop {
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: 100vh; }
  .statusbar__backdrop.is-closed {
    display: none; }

.statusbar__body {
  background-color: rgba(0, 0, 0, 0.85);
  color: #fff;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  padding: calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    .statusbar__body {
      padding: 1.875rem; } }
  @media (min-width: 768px) {
    .statusbar__body {
      padding: calc(1.40625rem + 1.875vw) calc(1.3125rem + 0.75vw); } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .statusbar__body {
      padding: 2.8125rem 1.875rem; } }
  @media (max-width: 767.98px) {
    .statusbar__body {
      /*
     * setting the display of messages on mobile as fullscreen and center, for easier access with fingers.
    */
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: flex-start;
      overflow-y: auto; } }
  .statusbar__body .button--outline:focus, .statusbar__body .button--outline:focus-within, .statusbar__body .button--outline:focus-visible, .statusbar__body .button--outline:hover {
    /*
      * Taking value from initial bootstrap variable value $input-btn-focus-box-shadow,
      * but changing for statusbar-color to match to have a visible outline
      */
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.6); }

.statusbar__message {
  margin-top: 5vh; }

/*
* 	CMS COMPONENT: TOAST
*--------------------------
*   toast
*     toast--statusbar
*     is-closed
*   toast__body
*   toast__message
*   toast__text
*/
.toast--statusbar:not(.is-closed) {
  animation: fadeInRight 0.5s ease;
  animation-fill-mode: forwards; }

.toast--statusbar.is-closed {
  animation: fadeOutRight 0.5s ease;
  animation-fill-mode: forwards; }

/*
* 	COMPONENTS: ADD-TO-CART
*   --------------------------
*   add-to-cart
*     add-to-cart--bottom
*     add-to-cart--top
*   add-to-cart__inner
*     add-to-cart__inner--input
*     add-to-cart__inner--toggle-container
*     add-to-cart__inner--digital-toggle-container
*   add-to-cart__quantity-box
*   add-to-cart__wrapper
*/
.is-in-cart:not(.is-customizable) .add-to-cart__inner--toggle-container {
  display: none; }

.add-to-cart__inner--digital-toggle-container {
  display: none; }
  .is-in-cart .add-to-cart__inner--digital-toggle-container {
    display: block; }

/*
* 	COMPONENTS: ADDRESS
*   --------------------------
*   address
*       address--billing-address
*       address--shipping-address
*   address__city
*   address__city-province-state
*   address__company 
*   address__country
*   address__description
*   address__fax
*   address__get-direction
*   address__line1
*   address__line2
*   address__line3
*   address__line4
*   address__main-contact 
*   address__phone
*   address__province-state
*   address__zip-postal-code
*/
/*
* 	COMPONENTS: ATTRIBUTE
*	--------------------------
*	attributes
*		attributes--grid
*		attributes--information
*		attributes--configuration
*		attributes--customization
*   attributes--swatches
*	attributes__details
*	attributes__inner
*	attributes__label
* attributes__link
*	attributes__list
*	attributes__others
* attributes__spacer
* attributes__swatch
*   attributes__swatch--badge
*   attributes__swatch--color
*   attributes__swatch--grayed-out
*   attributes__swatch--grayed-out-crossed
*   attributes__swatch--image
*   attributes__swatch--rounded
*   attributes__swatch--small
*   attributes__swatch--squared
* attributs__selected-value
* attributes__unavailable-cross
*   attributes__unavailable-cross--left
*   attributes__unavailable-cross--right
*	attributes__value
*	attributes__wrapper
*/
.attributes .form__form-group:last-child {
  margin-bottom: 0; }

.attributes--configuration,
.attributes--customization {
  /*
	*	Set attribute label and value next to each other
	*/ }
  .attributes--configuration .attributes__list,
  .attributes--customization .attributes__list {
    position: relative;
    overflow: hidden; }
  .attributes--configuration .attributes__label:not(.form__label),
  .attributes--customization .attributes__label:not(.form__label) {
    /*
		*	Targetting only text displayed on page, not from configuration dropdown
		*/
    float: left;
    clear: both; }
  .attributes--configuration .attributes__value:not(.form__select),
  .attributes--customization .attributes__value:not(.form__select) {
    /*
		*	Targetting only text displayed on page, not from configuration dropdown
		*/
    float: left;
    padding-left: 0.23438rem; }
  .table__cell--product-display-attributes-configuration .attributes--configuration, .table__cell--product-display-attributes-configuration .attributes--customization {
    /*
		*	In product page attribute grid, the swatch icon should be vertically aligned with the label in the table
		*/
    display: flex;
    align-items: center; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .attributes--grid {
    /*
		*	Reducing the font-size of the content of the attribute table on specific resolution to avoid
		*	as much as possible the table to break out of the container
		*/
    font-size: 0.82031rem; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .attributes--grid .table__cell {
    /*
			*	Reducing the padding of cells in the attribute table on specific resolution to avoid
			*	as much as possible the table to break out of the container
			*/
    padding: 0.25rem 0.25rem; } }

.attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
  height: 3.125rem;
  width: 3.125rem; }

.attributes__swatch:not(.attributes__swatch--badge).attributes__swatch--rounded,
.attributes__swatch:not(.attributes__swatch--badge).attributes__swatch--rounded .attributes__swatch-button {
  border-radius: 50%; }

.attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
  /*
	  *	Size of the swatches in product listing grid should be smaller on higher resolutions
	  */ }
  .table__cell--product-display-attributes-configuration .attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
    /*
		  *	Size of the swatches in product page attribute grid table should be smaller
		  */
    border: solid 1px #000000;
    height: 1rem;
    position: relative;
    top: 2px;
    width: 1rem; }

@media (min-width: 576px) and (pointer: fine) {
  .product-display--gridview .attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button, .product-display--listview .attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button, .product-display--tableview .attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
    height: 1.5625rem;
    min-height: 0;
    min-width: 0;
    padding: 0;
    width: 1.5625rem; } }

@media (min-width: 576px) and (pointer: fine) {
  .product-display--gridview .attributes__swatch--badge .attributes__swatch-button, .product-display--listview .attributes__swatch--badge .attributes__swatch-button, .product-display--tableview .attributes__swatch--badge .attributes__swatch-button {
    min-height: 0;
    min-width: 0;
    padding: 0 0.5rem; } }

.attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
  align-items: center;
  border: solid 1px #000000;
  display: inline-flex; }
  .powersearch__filter-label .attributes__swatch:not(.attributes__swatch--badge) .attributes__swatch-button {
    height: 1.25rem;
    margin-top: -2px;
    vertical-align: middle;
    width: 1.25rem; }

.attributes__swatch:not(.attributes__swatch--badge).is-selected {
  border: 3px solid #ffffff;
  outline: 3px solid #000000; }

@media (min-width: 576px) and (pointer: fine) {
  .product-display--gridview .attributes__swatch:not(.attributes__swatch--badge).is-selected, .product-display--listview .attributes__swatch:not(.attributes__swatch--badge).is-selected, .product-display--tableview .attributes__swatch:not(.attributes__swatch--badge).is-selected {
    border: 2px solid #ffffff;
    outline: 2px solid #000000; } }

.attributes__swatch--image .attributes__swatch-button {
  padding: 0;
  overflow: hidden; }
  .attributes__swatch--image .attributes__swatch-button .image {
    vertical-align: top; }

.attributes__swatch--grayed-out .attributes__swatch-button,
.attributes__swatch--grayed-out-crossed .attributes__swatch-button {
  opacity: 0.25; }

.attributes__unavailable-cross {
  display: none; }

.attributes__swatch--grayed-out-crossed {
  position: relative;
  overflow: hidden; }
  .attributes__swatch--grayed-out-crossed:not(.attributes__swatch--badge) {
    border: solid 1px #000000; }
  .attributes__swatch--grayed-out-crossed .attributes__unavailable-cross {
    display: block;
    height: 1px;
    background-color: #cccccc;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left; }
  .attributes__swatch--grayed-out-crossed .attributes__unavailable-cross--right {
    transform-origin: top right;
    left: auto;
    right: 0; }

.attributes__swatch--grayed-out .attributes__swatch-button,
.attributes__swatch--grayed-out-crossed .attributes__swatch-button {
  opacity: 0.25; }

.attributes__unavailable-cross {
  display: none; }

.attributes__swatch--grayed-out-crossed {
  position: relative; }
  .attributes__swatch--grayed-out-crossed:not(.attributes__swatch--badge) {
    border: solid 1px #000000;
    border-radius: 50%; }
  .attributes__swatch--grayed-out-crossed .attributes__unavailable-cross {
    display: block;
    height: 1px;
    background-color: #cccccc;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left; }
  .attributes__swatch--grayed-out-crossed .attributes__unavailable-cross--right {
    transform-origin: top right;
    left: auto;
    right: 0; }
  .attributes__swatch--grayed-out-crossed.attributes__swatch--badge {
    border-radius: var(--bs-border-radius);
    overflow: hidden; }

.attributes__spacer {
  display: none; }
  .is-collapsed .attributes__spacer {
    background: #ffffff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 90%);
    display: inline-block;
    width: 1.5625rem; }

.attributes__wrapper {
  margin-bottom: 1.875rem; }
  .attributes__wrapper:last-child {
    margin-bottom: 0; }
  .attributes__wrapper .icon--expand-swatches {
    font-size: 1.25rem; }
    @media (min-width: 576px) {
      .attributes__wrapper .icon--expand-swatches {
        font-size: 1rem; } }
  .attributes__wrapper.is-collapsed {
    flex-wrap: nowrap;
    overflow: hidden;
    padding-bottom: 3px;
    position: relative; }
    .attributes__wrapper.is-collapsed .attributes__inner--expand-button {
      display: flex;
      height: 100%;
      padding: 0;
      position: absolute;
      right: 0;
      top: 0; }
      .attributes__wrapper.is-collapsed .attributes__inner--expand-button.is-hidden {
        display: none; }
      .attributes__wrapper.is-collapsed .attributes__inner--expand-button .panel {
        background-color: #ffffff; }
      .attributes__wrapper.is-collapsed .attributes__inner--expand-button .icon--expand-swatches:before {
        content: "\2b"; }

/*
* 	COMPONENTS: AVAILABILITY
*--------------------------
*   availability
*       is-back-order
*       is-in-stock
*       is-out-of-stock
*       is-preferred-store
*       is-not-available
*   availability__date-from
*   availability__inner
*   availability__label
*   availability__label-availability
*   availability__quantity-on-hand
*   availability__reason
*   availability__reason-description
*   availability__status
*   availability__value
*   availability__warehouse-name
*   availability__wrapper
*/
.attributes .availability:before {
  /*
       *  Separator for the availability displayed in the attributes dropdown
      */
  border: 0;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  height: auto;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all linear 0.25s;
  vertical-align: baseline;
  width: auto;
  content: "\f068"; }

.availability__quantity-by-warehouse {
  /* 
  * Select quantity-by-warehouse that is not descendants of product-display--tableview
  */ }
  .availability__quantity-by-warehouse:not(.product-display--tableview *) {
    /*
    * Website could have multiple warehouse, causing the page to be too long.
    * Limitting the height of warehouses for display purposes.
    */
    max-height: 20vh;
    overflow-y: auto;
    /*
    * WCAG: Element with overflow auto or scroll should be focusable using tabindex="0"
    */ }
    .availability__quantity-by-warehouse:not(.product-display--tableview *):focus, .availability__quantity-by-warehouse:not(.product-display--tableview *).focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .availability__quantity-by-warehouse:not(.product-display--tableview *):focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .availability__quantity-by-warehouse:not(.product-display--tableview *):focus-visible, .availability__quantity-by-warehouse:not(.product-display--tableview *):focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .availability__quantity-by-warehouse:not(.product-display--tableview *):focus-visible[href]:not(.button), .availability__quantity-by-warehouse:not(.product-display--tableview *):focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; }

.availability__label-availability .availability__label {
  /*
    * Preventing the label to be aligned bottom when expending the availability__description.
    */
  vertical-align: top; }

.availability__label-availability .availability__value {
  /*
    * Make sure availability__value can receive focus since it could be toggled to see the availability description
    */ }
  .availability__label-availability .availability__value:focus, .availability__label-availability .availability__value.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .availability__label-availability .availability__value:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .availability__label-availability .availability__value:focus-visible, .availability__label-availability .availability__value:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .availability__label-availability .availability__value:focus-visible[href]:not(.button), .availability__label-availability .availability__value:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .availability__label-availability .availability__value[open] .availability__text::before {
    /*
          * Add custom arrow to replace default browser arrow - Opened
          */
    content: "\f107"; }
  .availability__label-availability .availability__value .availability__text {
    /*
      * Remove default browser arrow used on details>summary
      */
    list-style-type: none; }
    .availability__label-availability .availability__value .availability__text::focus-visible {
      /*
        * Remove default border set on summary since the focus visible is set on the entire details element
        */
      outline: 0; }
    .availability__label-availability .availability__value .availability__text::before {
      /*
        * Add custom arrow to replace default browser arrow - Closed
        */
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      content: "\f105";
      margin-right: 0.46875rem; }
    .availability__label-availability .availability__value .availability__text::marker {
      /*Edge 86-90
        * Firefox 86-93
        * Chrome 86-93 
        * Safari 11.1-14.1
        * Safari iOs 11.3-14.5
        * Opera 72-75 
        * Remove default browser arrow used on details>summary
        */
      display: none; }
    .availability__label-availability .availability__value .availability__text::-moz-list-bullet {
      /*Firefox 86-93
        * Remove default browser arrow used on details>summary
        */
      list-style-type: none; }
    .availability__label-availability .availability__value .availability__text::-webkit-details-marker {
      /*Chrome 86-93 
        * Remove default browser arrow used on details>summary
        */
      display: none; }

.availability__notify-me .form__form-group--check .icon::before {
  /*
         *  Changing the icon from the variable value for theming.
        */
  content: ""; }

.availability__notify-me .form__form-group--check:hover, .availability__notify-me .form__form-group--check:focus {
  /*
       *   Shake icon when hover or focus based on theme configuration
      */ }
  .availability__notify-me .form__form-group--check:hover .icon, .availability__notify-me .form__form-group--check:focus .icon {
    animation: shakealert 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
    backface-visibility: hidden;
    transform-origin: top right; }

/*
*	COMPONENTS: BANK-ACCOUNT
*   --------------------------
*	bank-account
*   bank-account__account-number
*   bank-account__owner
*   bank-account__type
*/
/*
*	COMPONENTS: BRAND
*--------------------------
*	brand
* brand__description
* brand__figure
* brand__image
*	brand__link
* brand__name
*/
.brand__link {
  /*
    *   Allow brand link to have the default button size
    */
  display: inline-block;
  /*
    *   Setting a max-width to the brand link ensure that
    *   if the text is too long to fit within the container, the text
    *   will be forced to break
    */
  max-width: 100%;
  word-wrap: break-word; }
  .brand__link:focus, .brand__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .brand__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .brand__link:focus-visible, .brand__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .brand__link:focus-visible[href]:not(.button), .brand__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

/*
* 	COMPONENTS: BREADCRUMB
*   --------------------------
*	breadcrumb
*	breadcrumb__item
*       is-active
*	breadcrumb__link
*	breadcrumb__text
*/
@media (max-width: 767.98px) {
  .breadcrumb {
    /*
    *   It is bad UX to have a breacrumb on multi-line in mobile.
    *   Make sure the breadcrumb stays in one line and be able to scroll
    *   throught it to reach the last element of the chain
    *   https://baymard.com/blog/implementing-mobile-hierarchy-breadcrumbs
    */
    flex-wrap: nowrap;
    /*
      *  Managing long title causing text clipping
    */
    /*
     *  Managing long title causing text clipping
    */
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .breadcrumb::-webkit-scrollbar {
      display: none; }
    .breadcrumb:focus, .breadcrumb.focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .breadcrumb:focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .breadcrumb:focus-visible, .breadcrumb:focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .breadcrumb:focus-visible[href]:not(.button), .breadcrumb:focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; } }

@media (max-width: 767.98px) {
  .breadcrumb__item + .breadcrumb__item {
    /*
            *   Avoid flex-item to shrink or grow into the container, causing text
            *   to be overlapping other text of the breadcrumb   
            */
    flex: 0 0 auto; } }

@media (max-width: 767.98px) {
  .breadcrumb__item:first-child {
    /*
            *   UX good practice to shorten the breadcrumb in mobile by
            *   hiding the homepage link since clicking the header logo does the same.
            *   We would normally hide the catalog link as well, but since the customer
            *   has control over the URL and the text, we can't assume anything.
            *   Gives a better navigation control to the user who wants to go back.
            *   https://baymard.com/blog/implementing-mobile-hierarchy-breadcrumbs
            */ }
    .breadcrumb__item:first-child .breadcrumb__link[href$="/"] {
      /*
                    *   If first breadcrumb item goes to the homepage
                    */
      display: none; }
  /*
                        *   Since we are hiding the first element, we must remove
                        *   the bootstrap breadcrumb divider of the next element.
                        *   We assume the first-child is the homepage, so the second
                        *   child is the next element.
                        */
      .breadcrumb__item:nth-child(2)::before {
        display: none; }
    .breadcrumb__item:first-child .breadcrumb__link[href$="/fr"] {
      /*
                    *   If first breadcrumb item goes to the homepage
                    */
      display: none; }
  /*
                        *   Since we are hiding the first element, we must remove
                        *   the bootstrap breadcrumb divider of the next element.
                        *   We assume the first-child is the homepage, so the second
                        *   child is the next element.
                        */
      .breadcrumb__item:nth-child(2)::before {
        display: none; }
    .breadcrumb__item:first-child .breadcrumb__link[href$="/en"] {
      /*
                    *   If first breadcrumb item goes to the homepage
                    */
      display: none; }
  /*
                        *   Since we are hiding the first element, we must remove
                        *   the bootstrap breadcrumb divider of the next element.
                        *   We assume the first-child is the homepage, so the second
                        *   child is the next element.
                        */
      .breadcrumb__item:nth-child(2)::before {
        display: none; }
    .breadcrumb__item:first-child .breadcrumb__link[href$="/es"] {
      /*
                    *   If first breadcrumb item goes to the homepage
                    */
      display: none; }
  /*
                        *   Since we are hiding the first element, we must remove
                        *   the bootstrap breadcrumb divider of the next element.
                        *   We assume the first-child is the homepage, so the second
                        *   child is the next element.
                        */
      .breadcrumb__item:nth-child(2)::before {
        display: none; } }

.breadcrumb__link {
  /*
    *   Add focus visible to link
    */ }
  .breadcrumb__link:focus, .breadcrumb__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .breadcrumb__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .breadcrumb__link:focus-visible, .breadcrumb__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .breadcrumb__link:focus-visible[href]:not(.button), .breadcrumb__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

/*
* 	COMPONENTS: BUTTON
*--------------------------
*	button
*		button--add-on
*		button--auto
*   button--cancel
*   button--close
*		button--collapse-toggle
*   button--delete
*		button--dropdown
*   button--flexbox
*   button--inline
*   button--hide-product-filters
*   button--prominent
*   button--large
*		button--link
*   button--no-decoration
*		button--primary
 *  button--px-0
 *  button--py-0
*		button--secondary
*   button--sortable
*      is-sorted-asc
*      is-sorted-desc
*	  button--view-more
*   button--touchspin
*   button--touchspin-down
*   button--touchspin-up
*   button--visible-on-tab
*		button--xs-auto
*		button--sm-auto
*		button--md-auto
*		button--lg-auto
*		button--xl-auto
*		button--xxl-auto
*       -----------------
*       is-loading
*       is-opened
*       is-disabled
*       is-selected
*       has-minimum-value
*	button__text
*   button__text--no-decoration
*		button__text--visually-hidden
*/
.button {
  transition: color 0.1s ease-in, background-color 0.1s ease-in;
  min-width: 3rem;
  width: 100%;
  /* 
    *	Making sure that on tablet and mobile, buttons have a minimum height
    *	so it's easier to tap them with touch devices
    */
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: center; }
  .button:not(.button--dropdown, .button--inline, .button--sortable) {
    /*
        *	Reverting the white space to normal on buttons because we want the text to wrap if needed.
        *	Buttons used in dropdown should keep their white-space to no-wrap.
        */
    white-space: normal; }
    .button:not(.button--dropdown, .button--inline, .button--sortable) + .button:not(.button--dropdown, .button--inline, .button--sortable) {
      /*
      *	Buttons placed one next to the other will be stacked in mobile view.
      *	Make sure to add a space for the next item creating a space between elements.
      */ }
      @media (max-width: 767.98px) {
        .button:not(.button--dropdown, .button--inline, .button--sortable) + .button:not(.button--dropdown, .button--inline, .button--sortable) {
          margin-top: 0.23438rem; } }
  .button.is-loading > :last-child:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: "\f1ce";
    cursor: wait;
    display: inline-block;
    margin-left: 0.23438rem;
    /*
      * Use same animation as from bootstrap "fa-spin"
      */
    -webkit-animation: fa-spin 1.5s linear infinite;
    -apple-animation: fa-spin 1.5s linear infinite;
    -khtml-animation: fa-spin 1.5s linear infinite;
    -moz-animation: fa-spin 1.5s linear infinite;
    -rim-animation: fa-spin 1.5s linear infinite;
    -xv-animation: fa-spin 1.5s linear infinite;
    -ms-animation: fa-spin 1.5s linear infinite;
    -o-animation: fa-spin 1.5s linear infinite;
    animation: fa-spin 1.5s linear infinite; }
  .button.is-disabled, .button[disabled] {
    /*
    * WCAG Level AA  2.1
    * Disabled button does not need to pass color contrast guidelines. https://www.w3.org/TR/WCAG21/#contrast-minimum
    *   The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:
    *     - Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration
    */
    /*
    *	Additional styling for disabled buttons
    */
    cursor: not-allowed;
    opacity: .65; }
    .button.is-disabled:not(.button--link), .button[disabled]:not(.button--link) {
      -webkit-filter: grayscale(1);
      -apple-filter: grayscale(1);
      -khtml-filter: grayscale(1);
      -moz-filter: grayscale(1);
      -rim-filter: grayscale(1);
      -xv-filter: grayscale(1);
      -ms-filter: grayscale(1);
      -o-filter: grayscale(1);
      filter: grayscale(1);
      background-color: gray;
      border-color: gray;
      color: #ffffff; }
    .site-body .button.is-disabled.button--page-builder, .site-body .button[disabled].button--page-builder {
      /*
         *  Canceling the click for buttons from the page builder, but not interfere with base buttons that could have Tooltip on disabled state
         *  <a> are not meant to be disabled, but we replicated the behavior if a customer wants to have that behavior
         *  We keep the pointer events in the page builder to be able to select the button in the canvas
        */
      pointer-events: none; }
  @media (min-width: 992px) {
    .button {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .button {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
  .button:focus, .button.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .button:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .button:focus-visible, .button:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .button:focus-visible[href]:not(.button), .button:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.button--no-decoration {
  /*
    *	Some buttons are used as icons and badges only, and should not have a text-decoration.
    */
  text-decoration: none; }

.button--no-style {
  /*
  * Remove any button visual elements
  */
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  outline: inherit; }

.button--small {
  /*
    *	Using bootstrap's existing font-size variables
    */
  font-size: 0.82031rem;
  padding: calc(0.75rem / 2) calc(0.9375rem / 2); }

.button--large {
  font-size: 1.17188rem;
  padding: 0.75rem 0.9375rem; }

/*
*	View more button
*	button loading more products in any product listing
*/
.button--view-more {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .button--view-more:before, .button--view-more:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: "";
    display: inline-block;
    padding: 0.46875rem; }

/*
 *  Some buttons are used as add-ons to input to make it look like
 *  the button is inside the input
*/
.button--add-on {
  /*
    *   Removing background and border to inherit from input style
    */
  background: none transparent;
  border: 0;
  /*
    *   Making sure icon used in button--add-on are centered
    *   when mobile min-width is used to adjust button width.
    */
  display: flex;
  justify-content: center;
  align-items: center; }
  .button--add-on .is-visible {
    color: black; }

/*
*   Button to hide product filters in desktop mode
*/
.button--hide-product-filters {
  /*
   *  removing the underline between the icon and the number
  */
  text-decoration: none; }
  .button--hide-product-filters .button__text {
    position: relative; }
  .button--hide-product-filters.has-number .button__text--highlight {
    /* Copying Badge style from Bootstrap */
    color: #fff;
    background-color: #000000;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    padding: calc(0.35em / 2) calc(0.65em / 2);
    position: absolute;
    right: 0;
    text-align: center;
    top: -1.25em;
    vertical-align: middle;
    white-space: nowrap; }
    a.button--hide-product-filters.has-number .button__text--highlight:hover, a.button--hide-product-filters.has-number .button__text--highlight:focus {
      color: #fff;
      background-color: black; }
    a.button--hide-product-filters.has-number .button__text--highlight:focus, a.button--hide-product-filters.has-number .button__text--highlight.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .button--hide-product-filters.is-hidden .icon:nth-child(2) {
    /*
      * the icon used to show that the filters are hidden make
      * the first icon move since they have not the same width.
      * Removing the extra pixels to allow the filter icon to stay
      * at the same place between state.
      */
    margin-left: -1.5px; }

.button--orders-to-approve.button--dropdown .button__text--highlight {
  /* Copying Badge style from Bootstrap */
  color: #fff;
  background-color: #000000;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  padding: calc(0.35em / 2) calc(0.65em / 2);
  position: relative;
  text-align: center;
  top: -1px;
  vertical-align: middle;
  white-space: nowrap; }
  a.button--orders-to-approve.button--dropdown .button__text--highlight:hover, a.button--orders-to-approve.button--dropdown .button__text--highlight:focus {
    color: #fff;
    background-color: black; }
  a.button--orders-to-approve.button--dropdown .button__text--highlight:focus, a.button--orders-to-approve.button--dropdown .button__text--highlight.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

/*
 *	Button touchspin
 *	Third party in product page or product listing to manipulate
 *	product quantities in the add to cart section
*/
.button--touchspin {
  border: var(--bs-border-width) solid #000000;
  flex-wrap: nowrap;
  max-width: 3rem;
  width: 3rem;
  white-space: nowrap; }
  .form__form-group--touchspin-horizontal .button--touchspin.button--touchspin-up, .form__form-group--touchspin-horizontal .button--touchspin.button--touchspin-down {
    border-radius: 0; }
  .form__form-group--touchspin-vertical .button--touchspin {
    border-left: 0;
    display: block;
    float: none;
    font-size: 0.75rem;
    height: 50%;
    line-height: 1;
    margin-top: 0;
    max-width: 3rem;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    width: 3rem; }
    .form__form-group--touchspin-vertical .button--touchspin.button--touchspin-up, .form__form-group--touchspin-vertical .button--touchspin.button--touchspin-down {
      border-radius: 0; }
    .form__form-group--touchspin-vertical .button--touchspin.button--touchspin-up {
      border-bottom: 0; }

.button--collapse-toggle {
  /*
        *	Collapse button should use the same caret variable as the default dropdown 
        *	buttons in boostrap
        */
  /*
        *   Align icon vertically centered with text
        */
  align-items: center;
  display: inline-flex;
  justify-content: center; }
  .button--collapse-toggle:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    font-size: 0.82031rem;
    margin-left: 0.3em;
    content: "\f0d7"; }
  .button--collapse-toggle:not(.collapsed, .show):after {
    /*
            *   In webkit-based browsers(Safari and Chrome), -webkit-transform is
            *   ignored on inline elements. Need to set it to inline-block to make
            *   it work.
            */
    display: inline-block;
    /*
            *   Add animation to flip caret when opened
            */
    -webkit-transform: rotate(180deg);
    -apple-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -rim-transform: rotate(180deg);
    -xv-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.button--delete:not(.is-disabled, [disabled]).button--touchspin, .button--delete:not(.is-disabled, [disabled]).button--secondary, .button--delete:not(.is-disabled, [disabled]).button--dropdown, .button--delete:not(.is-disabled, [disabled]).button--link,
.button--statusbar-cancel:not(.is-disabled, [disabled]).button--touchspin,
.button--statusbar-cancel:not(.is-disabled, [disabled]).button--secondary,
.button--statusbar-cancel:not(.is-disabled, [disabled]).button--dropdown,
.button--statusbar-cancel:not(.is-disabled, [disabled]).button--link {
  color: #dc3545;
  font-weight: 700; }
  .button--delete:not(.is-disabled, [disabled]).button--touchspin:hover, .button--delete:not(.is-disabled, [disabled]).button--touchspin:focus, .button--delete:not(.is-disabled, [disabled]).button--touchspin:active, .button--delete:not(.is-disabled, [disabled]).button--secondary:hover, .button--delete:not(.is-disabled, [disabled]).button--secondary:focus, .button--delete:not(.is-disabled, [disabled]).button--secondary:active, .button--delete:not(.is-disabled, [disabled]).button--dropdown:hover, .button--delete:not(.is-disabled, [disabled]).button--dropdown:focus, .button--delete:not(.is-disabled, [disabled]).button--dropdown:active, .button--delete:not(.is-disabled, [disabled]).button--link:hover, .button--delete:not(.is-disabled, [disabled]).button--link:focus, .button--delete:not(.is-disabled, [disabled]).button--link:active,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--touchspin:hover,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--touchspin:focus,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--touchspin:active,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--secondary:hover,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--secondary:focus,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--secondary:active,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--dropdown:hover,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--dropdown:focus,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--dropdown:active,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--link:hover,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--link:focus,
  .button--statusbar-cancel:not(.is-disabled, [disabled]).button--link:active {
    color: #dc3545; }

.button--dropdown {
  /*
  *	Buttons used in dropdown items need to have the button's original padding
  *	to ensure the proper height for touch accessibility.
  */
  padding: 0.75rem 0.9375rem; }
  .button--dropdown.show:after {
    /*
          *   In webkit-based browsers(Safari and Chrome), -webkit-transform is
          *   ignored on inline elements. Need to set it to inline-block to make
          *   it work.
          */
    display: inline-block;
    /*
          *   Add animation to flip caret when opened
          */
    -webkit-transform: rotate(180deg);
    -apple-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -rim-transform: rotate(180deg);
    -xv-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.button--flexbox {
  padding-right: 0; }

.button--primary:not(.button--outline, .is-disabled, [disabled]) {
  color: #ffffff; }

.button--secondary:not(.button--outline, .is-disabled, [disabled]) {
  color: #ffffff; }

.button--prominent:not(.button--outline, .is-disabled, [disabled]) {
  /*
  * Ensure the primary �Add to Cart� button has a unique, high-contrast styling that
  * isn�t reused for other buttons in the interface. Product Details Page Only.
  */ }

.button--sortable {
  /*
    *   Button used in table__cell--header to sort results
    *   There're three states on the table__cell--header:
    *   - none
    *   - is-sorted-asc
    *   - is-sorted-desc
    */
  padding: 0; }
  .button--sortable:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    color: #adb5bd;
    content: "\f0dc";
    display: inline-block;
    padding-left: 0.46875rem; }
    .is-sorted-asc .button--sortable:after {
      color: #000000;
      content: "\f0de"; }
    .is-sorted-desc .button--sortable:after {
      color: #000000;
      content: "\f0dd"; }

.button--back-to-top {
  bottom: 70px;
  position: fixed;
  right: 30px;
  width: 3rem;
  z-index: 1030; }

/* # BUTTON VISIBLE ON TAB */
.button--visible-on-tab {
  overflow: hidden;
  position: absolute;
  top: auto;
  left: -999px;
  width: 1px;
  height: 1px;
  z-index: -999; }
  .button--visible-on-tab:focus, .button--visible-on-tab.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .button--visible-on-tab:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .button--visible-on-tab:focus-visible, .button--visible-on-tab:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .button--visible-on-tab:focus-visible[href]:not(.button), .button--visible-on-tab:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .button--visible-on-tab:focus, .button--visible-on-tab:active {
    font-size: 1.2em;
    background-color: #212529;
    border: var(--bs-border-width) solid transparent;
    color: #fff;
    left: auto;
    margin: 10px 35%;
    overflow: auto;
    padding: 5px;
    text-align: center;
    top: auto;
    width: 30%;
    height: auto;
    z-index: 999; }

.button__tag {
  /*
    tag icon that can be set on button with an icon
  */
  position: absolute;
  top: 0.25em;
  right: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.125rem;
  width: 1.125rem; }

.button__text:not(.button__text--visually-hidden) + .button__text {
  /*
    * Allow spaces between elements
    */
  margin-left: 0.23438rem; }

.button__text--no-decoration {
  text-decoration: none; }

/*
*	Buttons have a 100% width by default
*	button--*-auto can be used to change the width of the button to auto
*	from the specified breakpoint.
*/
.button--auto,
.button--auto {
  width: auto; }

@media (min-width: 400px) {
  .button--auto,
  .button--xsm-auto {
    width: auto; } }

@media (min-width: 576px) {
  .button--auto,
  .button--sm-auto {
    width: auto; } }

@media (min-width: 768px) {
  .button--auto,
  .button--md-auto {
    width: auto; } }

@media (min-width: 992px) {
  .button--auto,
  .button--lg-auto {
    width: auto; } }

@media (min-width: 1200px) {
  .button--auto,
  .button--xl-auto {
    width: auto; } }

@media (min-width: 1500px) {
  .button--auto,
  .button--xxl-auto {
    width: auto; } }

/*
*	Utilities for buttons to remove horizontal and/or vertical padding
*	Responsive breakpoints available .button--*-py-0 or .button--*-px-0
*	or on all resolutions with .button--py-0 and .button--px-0
*/
.button--px-0 {
  padding-left: 0;
  padding-right: 0; }

.button--py-0 {
  padding-top: 0;
  padding-bottom: 0; }

@media (min-width: 400px) {
  .button--xsm-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--xsm-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 576px) {
  .button--sm-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--sm-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 768px) {
  .button--md-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--md-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 992px) {
  .button--lg-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--lg-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 1200px) {
  .button--xl-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--xl-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

@media (min-width: 1500px) {
  .button--xxl-px-0 {
    padding-left: 0;
    padding-right: 0; }
  .button--xxl-py-0 {
    padding-top: 0;
    padding-bottom: 0; } }

/*
*	COMPONENTS: BUTTON-GROUP
*--------------------------
*	button-group
*		button-group--addresses
*		button-group--category-quicksearch
*		button-group--form-select
*		button-group--my-account
*		button-group--cart
*		button-group--select-dropdown
*		button-group--stores
*		button-group__button
*		button-group__button--default-list
*		-------------
*		is-default
*	button-group__dropdown
*		button-group__dropdown--over-sticky
*	button-group__panel
*		button-group__panel--preferred-store
*	button-group__header
*	button-group__divider
*
*	This component initially come from Bootstrap and is used
*	in as a container in combinasion with a button to create a drop-down menu
*	Ex: Multiple purchase list or multiple quote cart
*
*/
@media (max-width: 991.98px) {
  .button-group:not(.button-group--addresses) {
    /*
		*	#bootstrap5fix#
		*	Allowing .btn-group to take 100% of the container space for mobile
		*/
    display: flex;
    flex: 1 1 auto; } }

@media (max-width: 767.98px) {
  .button-group:not(.button-group--addresses):not(.button-group--cart) .button {
    /*
				*	#bootstrap5fix#
				*	Button inside a button group doesn't take a 100% wide space
				*	in mobile. Stretching the button for the remaining space
				*/
    flex: 1 1 auto; } }

.button-group--addresses .button-group__button {
  width: 99.99%; }

.button-group--cart {
  position: static; }

.button-group--category-quicksearch {
  /*
	*	Div with role groupe is used to trigger the dropdown. This element
	*	is selectable with keyboard. Adding focus visible information
	*/ }
  .button-group--category-quicksearch:focus, .button-group--category-quicksearch.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .button-group--category-quicksearch:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .button-group--category-quicksearch:focus-visible, .button-group--category-quicksearch:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .button-group--category-quicksearch:focus-visible[href]:not(.button), .button-group--category-quicksearch:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.button-group--no-results {
  padding: 0.75rem 0.9375rem;
  /*
	* #bootstrap5fix#
	* flexbox pluggin does not remove or hide paging container or add classes that can be used to target.
	*/ }
  .button-group--no-results + .dropdown-menu__flexbox {
    display: none; }

.button-group--form-select {
  /*
	*	#bootstrap5fix#
	*	Remove display inline-flex set on .btn-group
	*/
  display: flex;
  transition: transform 0.25s, padding 0.25s ease-in-out;
  /*
	*	Use this class to mimic a form__select dropdown where a button would be required (submit in form) no button is in the form, but triggers a change on the page
	*	(ex: results per page, filter by, etc.)
	*/ }
  @media (min-width: 768px) {
    .button-group--form-select {
      /*
		*	Prevent button-group to collapse on itself.
		*	Set a min-width so we can see some text to initiate the filter
		*/
      min-width: 9.375rem; } }
  .button-group--form-select > .button-group__button {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
    cursor: default;
    height: 3.03125rem;
    min-height: 3rem;
    padding-right: 0.9375rem;
    position: relative;
    width: 100%; }
    .button-group--form-select > .button-group__button::after {
      /*
			*	Move dropdown icon to fix dropdown
			*/
      right: 0;
      top: 0;
      padding: 0.8125rem 0.9375rem;
      position: absolute;
      /*
			*	#bootstrap5fix#
			*	Fix alignment issue coming from font-size set on .dropdown-toggle :after
			*/
      content: "\f078";
      font-size: 0.82031rem; }
    .button-group--form-select > .button-group__button:hover, .button-group--form-select > .button-group__button:focus {
      background-color: #ffffff;
      border-color: gray; }
    .button-group--form-select > .button-group__button.is-disabled, .button-group--form-select > .button-group__button:disabled, .button-group--form-select > .button-group__button[readonly] {
      /*
			*   Since we are using custom-select for dropdown, we make
			*   sure that they are using the same visual state.
			*/
      background-color: #f2f2f2;
      color: black;
      /*
			*   Required on iOS
			*/
      opacity: 1;
      /* required on iOS */ }
    .button-group--form-select > .button-group__button .button-group__label,
    .button-group--form-select > .button-group__button .button-group__selected-value {
      /*
				*	Mimic floating label syle set on form__label
				*/
      color: #000000;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      /*
				*	 #bootstrap5fix#
				*   Removing default .form-label margin
				*/
      margin-left: var(--bs-border-width);
      overflow: hidden;
      padding: 0.8125rem 0.9375rem;
      padding-bottom: 0;
      text-align: left;
      width: 100%;
      max-width: calc(100% - 0.9375rem);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .button-group--form-select > .button-group__button .button-group__label {
      font-weight: 700;
      opacity: 1;
      transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
      transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      transform-origin: 0 0;
      user-select: none;
      font-size: 0.75rem;
      /*
				*	Prevent WCAG contrast issue warning.
				*	Label should be on top of the selected value
				*   Make sure the label is in front of the input. There's some edge-case
				*   where form__input-group--append would cause the label to be behind a disabled input with a solid background
          		*   Should be higher then 5 since is-valid and is-invalid from bootstrap _forms.scss prevend the label to be displayed
				*/
      z-index: 6; }
    .button-group--form-select > .button-group__button .button-group__selected-value {
      font-weight: 400;
      font-size: 0.9375rem;
      /*
				*   Allow enough place between floating label and starting of text in input
				*/
      padding-top: calc(0.75rem + 0.5rem);
      /*
				*	Prevent WCAG contrast issue warning
				*	Select value should be behind the label
				*/
      z-index: 1; }
  .button-group--form-select .button-group__dropdown .button-group__button.is-active {
    background-color: #000000;
    color: #ffffff;
    /*
				*	WCAG 1.4.3
				*	Providing additional visual cue next to the selected value in the dropdown options
				*	to add informational graphic contrast to help understanding the content
				*	against the adjacent background color for people with low vision or other impairments.
				*/ }
    .button-group--form-select .button-group__dropdown .button-group__button.is-active::after {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      content: "\f058";
      position: absolute;
      right: 0.46875rem; }
  @media (min-width: 992px) {
    .button-group--form-select .button-group__dropdown .button-group__button {
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .button-group--form-select .button-group__dropdown .button-group__button {
      /*
				  * The input mechanism of the device includes an accurate pointing device
				  * -----------------
				  * Set back value for desktop. We don't need as much of
				  * the tapping size in desktop since we are using the mouse which is more
				  * accurate then a thumb.
				  * You should use $button-
				  */
      min-height: 0;
      padding: 0.375rem 0.9375rem;
      padding-right: 1.875rem; } }
.button-group__button:not(.button--dropdown) {
  white-space: normal;
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: center; }
  @media (min-width: 992px) {
    .button-group__button:not(.button--dropdown) {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .button-group__button:not(.button--dropdown) {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
  @media (min-width: 992px) {
    .button-group__button:not(.button--dropdown) {
      /*
			*	Fixing issue where dropdown would be centered in mobile instead of align start
			*	because of min-height-mobile set to centered above
			*/
      justify-content: flex-start; } }
.button-group__button--grayed-out,
.button-group__button--grayed-out-crossed {
  /*
	 *	Bootstrap variable for muted text color
	*/
  color: #262626; }
  .button-group__button--grayed-out.button-group__button--grayed-out-crossed .button__text:not(.button__text--no-decoration),
  .button-group__button--grayed-out-crossed.button-group__button--grayed-out-crossed .button__text:not(.button__text--no-decoration) {
    text-decoration: line-through; }

.button-group__dropdown {
  /*
	*	#bootstrap5fix#
	*	Removing default padding from .dropdown-menu that cause a white
	*	space before button-group__header and after last element
	*	Allowing the dropdown to take 100% of the available space for consistancy
	*/
  padding: 0;
  min-width: 100%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; }
  .button-group__dropdown .button-group__button {
    /*
		*	Fixing issue where dropdown would be centered in mobile instead of align start
		*	because of min-height-mobile set to centered above
		*/
    justify-content: flex-start; }

.button-group__dropdown--bs-reset {
  /*
	*	#bootstrap5fix#
	*	Removing default properties from .dropdown-menu
	*	to allow cart-summary widgets to be stylized and aligned
	*	properly
	*/
  background: none;
  border: 0;
  color: inherit;
  display: none;
  min-width: 0; }

.button-group__dropdown--over-sticky {
  /*
	 * a dropdown will be displayed under a sticky element that has not reached the top of the page yet
	 * this sets the z-index to just higher than the sticky element to the dropdown is displayed above it.
	*/
  z-index: 1021; }

.button-group__dropdown--cart-summary {
  /*
	*	#bootstrap5fix#
	*	Removing default properties from .dropdown-menu
	*	to allow cart-summary widgets to be stylized and aligned
	*	properly
	*/
  background: none; }

/*
* 	COMPONENTS: CAPTION
*--------------------------
*	caption
*		caption--bottom
*		caption--category
*		caption--cms
*		caption--dashboard
*		caption--description
*		caption--fee-list
*       caption--success
*		caption--error
*   caption--information
*		caption--keyword
*   caption--no-result
*   caption--pay-oldest-first
*   caption--too-many-results
*		caption--top
*		caption--warning
*   caption__abbreviation
*   caption__link
*	caption__text
*		caption__text--highlight
*	caption__label
* caption__title
* caption__sub-title
*/
.caption__link:focus, .caption__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.caption__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.caption__link:focus-visible, .caption__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .caption__link:focus-visible[href]:not(.button), .caption__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.caption__text {
  /* Forced long text without space to break, and avoid page overflow */
  word-break: break-word; }

/*
*	Default color value for Purcahse Rule validations messages
*/
.caption--purchase-rule-validation-message {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .caption--purchase-rule-validation-message hr,
  .caption--purchase-rule-validation-message .separator {
    border-top-color: #ecdbab; }
  .caption--purchase-rule-validation-message .alert-link,
  .caption--purchase-rule-validation-message .caption__link {
    color: #7c5e04; }
  .caption--purchase-rule-validation-message:hover, .caption--purchase-rule-validation-message:focus {
    background: #fbf3da; }
  .caption--purchase-rule-validation-message .icon {
    color: #8a6804; }

/*
*	Default color value for caption messages
*/
.caption--information {
  /*
   *  setting a default padding and border for the caption as we are applying color styles like alerts
  */
  padding: 0.46875rem;
  border: var(--bs-border-width) solid #000000; }

.caption--error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7; }
  .caption--error hr,
  .caption--error .separator {
    border-top-color: #e9b8bd; }
  .caption--error .alert-link,
  .caption--error .caption__link {
    color: #771d25; }
  .caption--error .icon {
    color: #842029; }

.caption--success {
  color: #165a25;
  background-color: #d3ead8;
  border-color: #bde0c5; }
  .caption--success hr,
  .caption--success .separator {
    border-top-color: #b4d5bb; }
  .caption--success .alert-link,
  .caption--success .caption__link {
    color: #145121; }
  .caption--success .icon {
    color: #165a25; }

.caption--warning {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .caption--warning hr,
  .caption--warning .separator {
    border-top-color: #ecdbab; }
  .caption--warning .alert-link,
  .caption--warning .caption__link {
    color: #7c5e04; }
  .caption--warning .icon {
    color: #8a6804; }

/*
* 	COMPONENTS: CARD
*	--------------------------
 *	card
*		card--accepted-payements
*		card--address
*		card--address-search
*		card--bank-account
*		card--basket-merge-carts
*		card--basket-merge-items
*		card--basket-merge-options
*		card--billing-address
*		card--billing-information
*		card--captcha
*		card--category-card
*		card--category-filters
*   card--carrier
*		card--cart-summary
*		card--claimed-cards
*		card--coupon
*   card--create-account
*		card--credit-card
*   card--credit-card-address
*   card--credit-card-email
*   card--credit-details
*		card--credit-listing
*		card--customer
*		card--customer-service
*   card--dashboard-latest-order
*   card--dashboard-frequent-products
*   card--default-address
*		card--document-tracking-menu
*		card--document-tracking-results
*		card--document-tracking-search-by
*   card--download-center
*		card--due-listing
*   card--error
*   card--file
*   card--file-list
*   card--file-search
*   card--form-builder
*		card--general-information
*		card--gift-card
*		card--gift-card-information
*		card--gift-card-redeem
*		card--gift-certificate
*   card--guest-order
*   card--invoice-details
*		card--invoice-lines
*		card--invoice-listing
*		card--login
*		card--my-account
*   card--my-profile-menu
*   card--modify-password
*		card--new-password
*		card--newsletter
*		card--order-details
*   card--order-express-grid
*		card--order-information
*		card--order-items
*   card--order-listing
*		card--order-review
*		card--order-search
*		card--order-tracking-information
*		card--packing-slip
*		card--payment-details
*		card--payment-information
*		card--payment-methods
*		card--payment-tracking-results
*		card--period-filters
*		card--powersearch
*		card--price-list
*		card--product-card
*		card--product-tab
*   card--product-tab-pane
*		card--progress
*		card--product-advanced-search
*		card--product-advanced-search-apply-filters"
*		card--product-advanced-search-search-in
*		card--promotion-card
*		card--purchase-list
*		card--purchase-list-options
*		card--purchase-rule
*		card--purchase-rule-approbation
*		card--purchase-rule-validation
*		card--quote-information
*   card--return-details
*   card--return-information
*		card--return-reason
*		card--return-wizard
*		card--sales-conditions
*		card--select-all
*		card--shipping-address
*		card--shipping-information
*		card--shipping-method
*		card--shipping-methods
*		card--shopping-cart
*		card--store
*   card--store-locator-popup
*		card--store-search
*   card--store-search-region
*   card--store-search-region-result
*   card--store-search-result
*		card--store-search-product
*		card--summary-amount
*		card--summary-credits
*		card--summary-last-invoice
*		card--table
*		card--total
*		card--user
*   card--user-search
*		card--validation-summary
*		card--vertical
*     is-selected
*     is-default
*   card__body
*		card__body--flush
*   card__content
*   card__content-description
*   card__content-pricing
*   card__figure
*   card__footer
*   card__footer--sticky
*   card__header
*   card__label
*   card__link
*   card__pane
*   card__subtitle
*   card__text
*      card__text--highlight
*      card__text--visually-hidden
*   card__title
*/
.card {
  /*
    * Add visual identifier when selected or selected has default
    */ }
  .card .card {
    /*
      * Default card background should inherit from the parent when
      * inside another card to avoid different background issue
      */
    background: inherit; }
  .card.is-selected, .card.is-default {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -apple-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -rim-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -xv-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.card--category-card .card__link {
  /*
    * these type of card can have a description under the title. In order to have a margin-bottom
    * applied, then need to be inline-block or block;
    */
  display: inline-block; }

.card--order-express-grid.is-fullscreen {
  height: 100vh;
  padding: 0 0.9375rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1030;
  overflow-y: auto; }
  .site-body.has-options-pinned .card--order-express-grid.is-fullscreen {
    padding-right: 25.9375rem; }
  .card--order-express-grid.is-fullscreen .card__header {
    position: sticky;
    top: 0;
    z-index: 13; }
  .card--order-express-grid.is-fullscreen .card__footer {
    position: sticky;
    bottom: 0;
    z-index: 13; }

.card__body .card--powersearch .card__header, .card__body .card--alternate-design .card__header {
  /*
			*   #bootstrap5fix#
			*   Resetting default padding set on card-header so that the header
			*   style is driven by the button for sub-section
			*/
  padding: 0; }

.card--powersearch .card__title,
.card--alternate-design .card__title {
  /*
		*   #bootstrap5fix#
		*	Resetting default margin set on card-title so that the title
		*	is aligned with the close button.
		*/
  margin: 0; }

.card--powersearch .list__item:not(.list__item--button),
.card--alternate-design .list__item:not(.list__item--button) {
  /*
      *   #bootstrap5fix#
      *   Resetting default padding set on .list-item
      *   to save space on the end result.
      */ }
  @media (max-width: 991.98px) {
    .card--powersearch .list__item:not(.list__item--button),
    .card--alternate-design .list__item:not(.list__item--button) {
      padding-top: 0;
      padding-bottom: 0; } }
.card--powersearch .list__item--button,
.card--alternate-design .list__item--button {
  /*
    *   #bootstrap5fix#
    *   Resetting default padding set on bootstrap .list-group-item
    *   to save space on the end result.
    */
  padding: 0; }

.card--powersearch .button--collapse-toggle,
.card--alternate-design .button--collapse-toggle {
  /*
    *   #bootstrap5fix#
    *   Resetting default text-align set on bootstrap .btn class
    */
  text-align: left;
  display: flex; }
  .card--powersearch .button--collapse-toggle .button__text,
  .card--alternate-design .button--collapse-toggle .button__text {
    /*
      *   Make sure the text in the header button takes all the space
      *   and push the caret to the very right
      */
    flex-grow: 1; }

.card--dashboard-frequent-products,
.card--product-suggestions {
  /*
  *	Enable horizontal scrolling in mobile to save height space
  */ }
  @media screen {
    .card--dashboard-frequent-products,
    .card--product-suggestions {
      /*
			 *	This feature should not apply on print media
			*/ } }
  @media screen and (max-width: 991.98px) {
    .card--dashboard-frequent-products .product-display--gridview,
    .card--product-suggestions .product-display--gridview {
      overflow-x: auto;
      padding-bottom: 0.9375rem; } }
  @media screen and (max-width: 991.98px) {
    .card--dashboard-frequent-products .product-display--gridview .product-display__wrapper,
    .card--product-suggestions .product-display--gridview .product-display__wrapper {
      flex-wrap: nowrap;
      margin-left: 0;
      margin-right: 0;
      scroll-snap-type: x mandatory;
      scroll-padding: 0.9375rem; } }
  @media screen and (max-width: 991.98px) {
    .card--dashboard-frequent-products .product-display--gridview .product-display__item,
    .card--product-suggestions .product-display--gridview .product-display__item {
      scroll-snap-align: start;
      width: 35%; } }
  @media screen and (max-width: 767.98px) {
    .card--dashboard-frequent-products .product-display--gridview .product-display__item,
    .card--product-suggestions .product-display--gridview .product-display__item {
      width: 55%; } }
  @media screen and (max-width: 575.98px) {
    .card--dashboard-frequent-products .product-display--gridview .product-display__item,
    .card--product-suggestions .product-display--gridview .product-display__item {
      width: 85%; } }
.card--purchase-rule-validation,
.card--validation-summary {
  /*
  * Default style value for purchase-rule-validation and validation summary
    This is a core feature that we don't customize often, adding it as default style value.
  */ }
  .card--purchase-rule-validation :not(.table__cell):not(.list__item):not(.popover-body) > .caption--information,
  .card--validation-summary :not(.table__cell):not(.list__item):not(.popover-body) > .caption--information {
    padding: 0.23438rem 0.23438rem; }
  .card--purchase-rule-validation :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error,
  .card--purchase-rule-validation :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error .icon,
  .card--validation-summary :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error,
  .card--validation-summary :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error .icon {
    background: #dc3545;
    color: #fff; }
  .card--purchase-rule-validation > .card__header, .card--purchase-rule-validation > .card__body,
  .card--validation-summary > .card__header,
  .card--validation-summary > .card__body {
    color: #8a6804;
    background-color: #faefcd;
    border-color: #f8e7b4; }
    .card--purchase-rule-validation > .card__header hr,
    .card--purchase-rule-validation > .card__header .separator, .card--purchase-rule-validation > .card__body hr,
    .card--purchase-rule-validation > .card__body .separator,
    .card--validation-summary > .card__header hr,
    .card--validation-summary > .card__header .separator,
    .card--validation-summary > .card__body hr,
    .card--validation-summary > .card__body .separator {
      border-top-color: #ecdbab; }
    .card--purchase-rule-validation > .card__header .alert-link,
    .card--purchase-rule-validation > .card__header .caption__link, .card--purchase-rule-validation > .card__body .alert-link,
    .card--purchase-rule-validation > .card__body .caption__link,
    .card--validation-summary > .card__header .alert-link,
    .card--validation-summary > .card__header .caption__link,
    .card--validation-summary > .card__body .alert-link,
    .card--validation-summary > .card__body .caption__link {
      color: #7c5e04; }
  .card--purchase-rule-validation .caption__text--highlight,
  .card--validation-summary .caption__text--highlight {
    color: #fff;
    background-color: #000000;
    font-weight: 700;
    padding-left: calc(0.65em / 2);
    padding-right: calc(0.65em / 2); }
    a.card--purchase-rule-validation .caption__text--highlight:hover, a.card--purchase-rule-validation .caption__text--highlight:focus, .card--validation-summary .caption__text--highlight:hover, .card--validation-summary .caption__text--highlight:focus {
      color: #fff;
      background-color: black; }
    a.card--purchase-rule-validation .caption__text--highlight:focus, a.card--purchase-rule-validation .caption__text--highlight.focus, .card--validation-summary .caption__text--highlight:focus, .card--validation-summary .caption__text--highlight.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .card--purchase-rule-validation .button__link,
  .card--validation-summary .button__link {
    /*
    * Fixing min-height of label since the button is the entire line.
    * Fixing vertical alignment of "Click here" button in dashboard not properly aligned with previous text.
    */
    min-height: auto;
    vertical-align: baseline; }

.card--reason {
  margin: 0; }

.card--sales-conditions .caption {
  /*
		*	Limit the height of the sales-conditions box in checkout in case
		*	customer put a lot of text which would push the "confirm my order"
		*	button to far.
		*/
  max-height: 9.375rem;
  overflow: scroll;
  overflow-x: hidden; }
  .card--sales-conditions .caption:focus, .card--sales-conditions .caption.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .card--sales-conditions .caption:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .card--sales-conditions .caption:focus-visible, .card--sales-conditions .caption:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .card--sales-conditions .caption:focus-visible[href]:not(.button), .card--sales-conditions .caption:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.card--customer-service {
  border-top: 0;
  border-left: 0;
  border-right: 0; }

.card--sales-conditions .caption--description {
  font-size: 0.82031rem;
  font-style: italic; }

/*
*	updating paddings for rfs value for more accessibility on lower resolution
*/
.card__header,
.card__body,
.card__footer {
  padding: 0.9375rem 0.9375rem; }

.card__body--flush {
  /*
    *	When using list-group-flush, the body must be set to flush to remove
    *	the padding, allowing the list to expand to the entire card.
    */
  padding: 0; }
  .card__body--flush > .caption {
    /*
        *   if a caption is directly used in a card__body--flush, we apply the padding. 
        *   Otherwise, it may be inside another element, like a list__item, so no padding is required.
        */
    padding: 0.9375rem calc(1.3125rem + 0.75vw) 0; }
    @media (min-width: 1200px) {
      .card__body--flush > .caption {
        padding: 0.9375rem 1.875rem 0; } }
.card__figure {
  /*
  * #bootrstrap4fix: _reboot file assigne a margin-bottom to <figure> creating unwanted space
  */
  margin-bottom: 0; }

.card__header .button--link {
  /*
        *   Some screen has a "button" in the right corner of the card__header.
        *   Because we set a min-width to support accessibility suggested width for mobile
        *   this caused the bouton to be to far from the right side. Cancelling the default padding
        *   set on this col by moving the button to the right. 
        *   Using default bootstrap value to match the .col value.
        */
  margin-right: -0.75rem; }

.card__header .form__form-group--switch {
  font-size: 0.9375rem; }
  .card__header .form__form-group--switch .form__label {
    font-size: 0.9375rem;
    font-weight: 400; }

.card__link:focus, .card__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.card__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.card__link:focus-visible, .card__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .card__link:focus-visible[href]:not(.button), .card__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.card__figure .card__link {
  /*
        *   Make sure the link around figure takes all height space
        */
  display: block; }

.card .card .card__footer {
  /*
    * Default card background should inherit from the parent when
    * inside another card to avoid different background issue
    */
  background: inherit; }

.card__footer--sticky,
.card__header--sticky {
  bottom: 0;
  position: sticky;
  /*
  *  Using the same z-index as the product__tags. They are positionned absolute and are displayed above the 
  *  sticky footer if we do not add this z-ind3ex.
  */
  z-index: 50; }

.card__header--sticky {
  bottom: auto;
  top: 0; }

.card--address .card__title,
.card--bank-account .card__title,
.card--credit-card .card__title,
.card--customer .card__title,
.card--gift-card .card__title,
.card--user .card__title {
  /*
     *  Managing long title causing text clipping
     *  Scrollable element must have keyboard focus: tab-index="0" must be added to the DOM element as well
    */
  /*
     *  Managing long title causing text clipping
    */
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%; }
  .card--address .card__title::-webkit-scrollbar,
  .card--bank-account .card__title::-webkit-scrollbar,
  .card--credit-card .card__title::-webkit-scrollbar,
  .card--customer .card__title::-webkit-scrollbar,
  .card--gift-card .card__title::-webkit-scrollbar,
  .card--user .card__title::-webkit-scrollbar {
    display: none; }
  .card--address .card__title:focus, .card--address .card__title.focus,
  .card--bank-account .card__title:focus,
  .card--bank-account .card__title.focus,
  .card--credit-card .card__title:focus,
  .card--credit-card .card__title.focus,
  .card--customer .card__title:focus,
  .card--customer .card__title.focus,
  .card--gift-card .card__title:focus,
  .card--gift-card .card__title.focus,
  .card--user .card__title:focus,
  .card--user .card__title.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .card--address .card__title:focus:not(:focus-visible),
  .card--bank-account .card__title:focus:not(:focus-visible),
  .card--credit-card .card__title:focus:not(:focus-visible),
  .card--customer .card__title:focus:not(:focus-visible),
  .card--gift-card .card__title:focus:not(:focus-visible),
  .card--user .card__title:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .card--address .card__title:focus-visible, .card--address .card__title:focus-within,
  .card--bank-account .card__title:focus-visible,
  .card--bank-account .card__title:focus-within,
  .card--credit-card .card__title:focus-visible,
  .card--credit-card .card__title:focus-within,
  .card--customer .card__title:focus-visible,
  .card--customer .card__title:focus-within,
  .card--gift-card .card__title:focus-visible,
  .card--gift-card .card__title:focus-within,
  .card--user .card__title:focus-visible,
  .card--user .card__title:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .card--address .card__title:focus-visible[href]:not(.button), .card--address .card__title:focus-within[href]:not(.button),
    .card--bank-account .card__title:focus-visible[href]:not(.button),
    .card--bank-account .card__title:focus-within[href]:not(.button),
    .card--credit-card .card__title:focus-visible[href]:not(.button),
    .card--credit-card .card__title:focus-within[href]:not(.button),
    .card--customer .card__title:focus-visible[href]:not(.button),
    .card--customer .card__title:focus-within[href]:not(.button),
    .card--gift-card .card__title:focus-visible[href]:not(.button),
    .card--gift-card .card__title:focus-within[href]:not(.button),
    .card--user .card__title:focus-visible[href]:not(.button),
    .card--user .card__title:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.text-truncate .card__title {
  /*
     *  Managing long title causing text clipping
     *  Scrollable element must have keyboard focus: tab-index="0" must be added to the DOM element as well
    */
  /*
     *  Managing long title causing text clipping
    */
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: calc(100% - 1px); }
  .text-truncate .card__title::-webkit-scrollbar {
    display: none; }
  .text-truncate .card__title:focus, .text-truncate .card__title.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .text-truncate .card__title:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .text-truncate .card__title:focus-visible, .text-truncate .card__title:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .text-truncate .card__title:focus-visible[href]:not(.button), .text-truncate .card__title:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.card__title:last-child {
  /*
		*	Remove margin-bottom from card__title that are :last-child
		*	to prevent undesired spacing
		*/
  margin-bottom: 0; }

/*
*	Default color value for Purcahse Rule validations
*/
.card--purchase-rule-validation :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error,
.card--purchase-rule-validation :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error .icon,
.card--validation-summary :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error,
.card--validation-summary :not(.table__cell):not(.list__item):not(.popover-body) > .caption--error .icon {
  background: #dc3545;
  color: #fff; }

.card--purchase-rule-validation.card--error > .card__header,
.card--validation-summary.card--error > .card__header {
  background: #dc3545;
  color: #fff; }

.card--purchase-rule-validation > .card__header, .card--purchase-rule-validation > .card__body,
.card--validation-summary > .card__header,
.card--validation-summary > .card__body {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .card--purchase-rule-validation > .card__header hr,
  .card--purchase-rule-validation > .card__header .separator, .card--purchase-rule-validation > .card__body hr,
  .card--purchase-rule-validation > .card__body .separator,
  .card--validation-summary > .card__header hr,
  .card--validation-summary > .card__header .separator,
  .card--validation-summary > .card__body hr,
  .card--validation-summary > .card__body .separator {
    border-top-color: #ecdbab; }
  .card--purchase-rule-validation > .card__header .alert-link,
  .card--purchase-rule-validation > .card__header .caption__link, .card--purchase-rule-validation > .card__body .alert-link,
  .card--purchase-rule-validation > .card__body .caption__link,
  .card--validation-summary > .card__header .alert-link,
  .card--validation-summary > .card__header .caption__link,
  .card--validation-summary > .card__body .alert-link,
  .card--validation-summary > .card__body .caption__link {
    color: #7c5e04; }

/*
 *	COMPONENTS: CARRIER
 *	--------------------------
 *	carrier
 *	carrier__link
 * carrier__name
 * carrier__track-order
 * carrier__tracking-number
 * carrier__website-url
 */
.carrier .card__inner--separator:last-child {
  display: none; }

.carrier__link:focus, .carrier__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.carrier__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.carrier__link:focus-visible, .carrier__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .carrier__link:focus-visible[href]:not(.button), .carrier__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

/*
* 	COMPONENTS: CART
*   --------------------------
*	cart
*   is-empty
*	cart__button
*   cart__last-update
*   cart__item-line-subtotal
*	cart__quantity
*   cart__total
*   cart__name
*/
.button-group--cart .cart__total {
  /*
    * Cart total is not shown in mobile in header
    */
  display: none; }
  @media (min-width: 768px) {
    .button-group--cart .cart__total {
      /*
    * Display back cart total in header for desktop
    */
      display: inline-block; } }
/*
*	COMPONENTS: CATEGORY
*--------------------------
*	category
* category__description
* category__image
*	category__link
* category__name
*/
/*
* 	COMPONENTS: CODE
*--------------------------
*	code
*   code__label
*	code__primary
*	code__number
*	code__secondary
*	code__value
*/
/*
* 	COMPONENTS: COMMENT
*   --------------------------
*   comment
*   comment__description
*   comment__label
*   comment__lines
*   comment__line
*   comment__wrapper
*   comment__inner
*/
.comment__line.has-swipe-action .is-hidden {
  width: 0;
  overflow: hidden; }

.comment__line.has-swipe-action .is-active {
  background: red; }

.comment__line.has-swipe-action .is-moving {
  overflow: hidden; }

.comment__line .has-swiped-left {
  transform: translateX(-10vw); }

.comment__line .has-swiped-right {
  transform: translateX(0vw); }

/*
*	COMPONENTS: COPYRIGHT
*   --------------------------
*   copyright
*   copyright__text
*/
/*
 * COMPONENTS: COUPON
 *--------------------------
 * coupon
 * coupon__amount
 * coupon__code
 * coupon__description
 * coupon__details
 * coupon__label
 * coupon__expiration-date
 * coupon__status
 *      is-valid
 *      is-invalid
 * coupon__title
 * coupon__text

 *
 */
.coupon__status.is-valid {
  /*
     *  sets the default color of an applicaple coupon
    */
  color: #24963e; }

.coupon__status.is-invalid {
  /*
     *  sets the default color of an unapplicaple coupon
    */
  color: #dc3545; }

/*
*	WIDGET: CREDIT-CARD
*   --------------------------
*	credit-card
*       has-expired
*	credit-card__expiration-date
*   credit-card__information
*	credit-card__inner
*	credit-card__name-on-card
*       credit-card__number
*       credit-card__status
*               is-valid
                has-expired
*	credit-card__text
*	credit-card__type
*	credit-card__wrapper
*/
.credit-card__status.has-expired {
  /*
     *  default color of credit card expiration that has expired
    */
  color: #dc3545; }

.credit-card__status.is-expiring-soon {
  /*
     *  default color of credit card expiration that is about to expire
    */
  color: #e6ae06; }

/*
*   COMPONENTS: CUSTOMER
*--------------------------
*   customer
*   customer__code
*   customer__name
*   customer__phone
*/
/*
* 	COMPONENTS: DOCUMENT
*   --------------------------
*	document
*   	document--credit
*   	document--invoice
*   	document--order
*   	document--payment
*   	document--quote
*   	document--return
*   	document--subscription
*       document--account-statement
*   document__balance
*   document__billing-address
*   document__code
*   document__code-erp
*   document__code-quote
*   document__code-reference-web
*   document__contact-name
*   document__coupon
*   document__credit-listing
*   document__created-date
*   document__details
*   document__due-date
*   document__estimated-delivery-date
*   document__expiration-date
*   document__fund-transfer-status
*   document__information
*   document__invoice-details
*   document__invoice-listing
*   document__last-invoice-date
*   document__last-payment-date
*   document__last-statement-date
*   document__note
*   document__original-amount
*   document__order-information
*   document__order-items
*   document__order-listing
*   document__payment-amount
*   document__payment-methods
*   document__payment-type
*   document__pickup-option
*   document__product-subtotal
*   document__purchase-order-number
*   document__related-credit-number
*   document__related-invoice-number
*   document__related-order-number
*   document__required-date
*   document__remaining-amount
*   document__return-lines
*   document__return-progress
*   document__return-reason
*   document__return-type
*   document__quantity-back-order
*   document__quantity-invoiced
*   document__quantity-ordered
*   document__quantity-returnable
*   document__quantity-to-return
*   document__quantity-to-ship
*   document__quantity-shipped
*   document__search-by
*   document__shipping-address
*   document__shipping-method
*   document__status
*       is-approved
*       is-cancelled
*       is-pending
*       is-processing
*       is-shipped
*       is-waiting-for-approval
*   document__terms-amount
*   document__total
*   document__total-amount-current-due
*   document__total-amount-due
*   document__total-amout-due-1-30
*   document__total-amout-due-31-60
*   document__total-amout-due-61-90
*   document__total-amout-due-91
*   document__total-credit-available
*   document__tracking-information
*   document__type
*   document__user-group
*   document__write-off
*/
.document__return-reason .button--select-reason {
  display: block; }

.document__return-reason .button--reason-is-selected {
  display: none; }

.document__return-reason.is-selected .button--select-reason {
  display: none; }

.document__return-reason.is-selected .button--reason-is-selected {
  display: block; }

.kpe-kpepaymentsecurelink .document__term-discount {
  font-size: 0.82031rem; }

/*
* 	COMPONENTS: FIELDSET
*--------------------------
*	fieldset
*	fieldset__legend
*		fieldset__legend--visually-hidden
*
*	Fieldset__legend is use for screen ready only to define a caption for the fieldset element.
*/
.fieldset__legend--visually-hidden {
  /*
    *   WCAG fixes. Something, the color is the same as the background and it gives a contrast ratio error.
    *   taking same value has $table-caption-color to have a color ratio value of 8.18
    */
  background: #ffffff;
  color: #495057; }

/*
*   COMPONENTS: FILE
*--------------------------
*   file
*   file__created-date
*   file__folder
*   file__modified-date
*   file__name
*   file__size
*/
/*
*	COMPONENTS: FORM
*--------------------------
*	form
*		form--checkout
*		form--create-account
*		form--inline
*   form--iframe-redirected
*		form--my-profile
*		form--product-advanced-search
*		form--product-customizer
*       form--switch-control
*   form--product-quantity-confirmation
*   form--product-review-modal
*		form--in-stock-notifications
*		form--tell-a-friend
*	form__form-group
*     is-invalid
*		form__form-group--check
*   form__form-group--flexbox
*		form__form-group--floating-labels
*       form__form-group--no-floating
*		form__form-group--radio
*		form__form-group--touchspin-horizontal
*		form__form-group--touchspin-vertical
*		form__form-group--switch
*       form__form-group--label-hidden
*       has-value
*	form__input
*		form__input--check
*		form__input--flexbox
*		form__input--radio
*   form__input--fb-value
*       form__input--no-label
*	form__input-group
*		form__input-group--append
*		form__input-group--prepend
*       form__input-group--table-amount
* form__hidden
*   form__hidden--file
*	form__label
*		form__label--visually-hidden
*	form__option
*	form__select
*	form__text
*       form__text--input
*       form__text--input-disabled
*       form__text--input-qty
*		form__text--visually-hidden
*	form__textarea
*   form__validation
*     is-invalid
*/
.form {
  /*
  *   Form will collapse on itself unless we specify to take all 
  *   the available space. This was causing an issue within modal
  *   where they would not take the available space
  */
  width: 100%; }
  .form .fieldset {
    width: 100%; }

.form__form-group--touchspin-horizontal {
  /*
  * Since we do not control the class generated by Bootstrap Touchspin plugins,
  * Targetting the container to set z-index lower then the input box to fix
  * overlapping borders.
  */
  /*
  *	Set a width for the horizontal touchspin which is:
  *	Width of the two buttons on each side plus 4 times the base font size.
  *	The input naturally takes 100% of the remaining space.
  *	This gives a good layout and size for horizontal touchspin, all which is dynamic based on the website's font size
  *
  *	The min width makes sure that if the text is smaller, the size stays the minimum for touch accessibility
  */ }
  .form__form-group--touchspin-horizontal .form__input {
    /*
      *   Remove default arrow in number field which is replace by
      *   BootstrapSpin vendor script
      */
    -webkit-appearance: textfield;
    -apple-appearance: textfield;
    -khtml-appearance: textfield;
    -moz-appearance: textfield;
    -rim-appearance: textfield;
    -xv-appearance: textfield;
    -ms-appearance: textfield;
    -o-appearance: textfield;
    appearance: textfield;
    /*
      * Using suggested bootstrap range of z-index to manage overlapping borders.
      * Setting input in front of the Bootstrap Touchspin plugins so we can see
      * validation change on border.
      * https://getbootstrap.com/docs/4.0/layout/overview/#z-index
      */
    z-index: 2; }
    .form__form-group--touchspin-horizontal .form__input::-webkit-inner-spin-button, .form__form-group--touchspin-horizontal .form__input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -apple-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      -rim-appearance: none;
      -xv-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      margin: 0; }
  .form__form-group--touchspin-horizontal .input-group-btn {
    z-index: 1; }
  @media (min-width: 768px) {
    .form__form-group--touchspin-horizontal {
      width: calc((0.9375rem * 4) + (3rem * 2));
      min-width: calc(3rem * 3); } }
.form__form-group--touchspin-vertical {
  /*
  * When a touchspin button is disabled, it can't be trigger with keyboard.
  * Surrounding it with an element so we can target it using tab-index.
  */ }
  .form__form-group--touchspin-vertical .input-group {
    /*
      *	Setting a dynamic size for the container of the touchspin in vertical mode
      *	so it stays small to input quantities, but does not take 100% of the available space
      */
    width: calc((0.9375rem * 4) + 3rem); }
  .form__form-group--touchspin-vertical .form__input {
    /*
    *   Remove default arrow in number field which is replace by
    *   BootstrapSpin vendor script
    */
    -webkit-appearance: textfield;
    -apple-appearance: textfield;
    -khtml-appearance: textfield;
    -moz-appearance: textfield;
    -rim-appearance: textfield;
    -xv-appearance: textfield;
    -ms-appearance: textfield;
    -o-appearance: textfield;
    appearance: textfield;
    /*
    *	Setting a dynamic size for the container of the touchspin in vertical mode
    *	so it stays small to input quantities, but does not take 100% of the available space
    */ }
    .form__form-group--touchspin-vertical .form__input::-webkit-inner-spin-button, .form__form-group--touchspin-vertical .form__input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      -apple-appearance: none;
      -khtml-appearance: none;
      -moz-appearance: none;
      -rim-appearance: none;
      -xv-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none;
      margin: 0; }
    @media (min-width: 768px) {
      .form__form-group--touchspin-vertical .form__input {
        max-width: calc(0.9375rem * 4); } }
  .form__form-group--touchspin-vertical .panel--touchspin-button-disabled {
    position: absolute;
    height: 50%;
    right: 0;
    /*
    * #bootstrap5fix# fixing margin-left: -1px set on _input-group.scss causing
    * the button to be offset on screen
    */
    margin-left: -1px; }
    .form__form-group--touchspin-vertical .panel--touchspin-button-disabled .button--touchspin {
      height: 100%; }
  .form__form-group--touchspin-vertical .panel--touchspin-button-up {
    top: 0; }
  .form__form-group--touchspin-vertical .panel--touchspin-button-down {
    bottom: 0; }

.form__form-group--check,
.form__form-group--radio,
.form__form-group--switch {
  /*
  *	Removed margin bottom because we are adding paddings to label and input
  * Overwridding default margin set in bootstrap _form-check.scss .form-check class
  */
  margin-bottom: 0; }
  .form__form-group--check:not(:last-child),
  .form__form-group--radio:not(:last-child),
  .form__form-group--switch:not(:last-child) {
    /*
     * Normalizing group element for spacing in desktop
    */ }
    @media (min-width: 992px) {
      .form__form-group--check:not(:last-child),
      .form__form-group--radio:not(:last-child),
      .form__form-group--switch:not(:last-child) {
        margin-bottom: 0.46875rem; } }
  .form__form-group--check .form__label,
  .form__form-group--radio .form__label,
  .form__form-group--switch .form__label {
    /*
    *	#bootstrap5fix#
    *	Accessibility Tap Size
    *	Min-height of form elements must be a minimum size so it can be easily taped
    *	cannot simply increase the height of it because of design issues
    *	calculating the required padding top and bottom based on the minimum mobile height and the current font-size and line height
    */
    align-items: center;
    display: inline-flex;
    min-height: 3rem;
    justify-content: flex-start;
    padding-top: calc((3rem / 2) - ((0.9375rem * 1.5) / 2));
    padding-bottom: calc((3rem / 2) - ((0.9375rem * 1.5) / 2)); }
    @media (min-width: 992px) {
      .form__form-group--check .form__label,
      .form__form-group--radio .form__label,
      .form__form-group--switch .form__label {
        display: inline-block;
        min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .form__form-group--check .form__label,
    .form__form-group--radio .form__label,
    .form__form-group--switch .form__label {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
@media (min-width: 992px) and (pointer: fine) {
  .form__form-group--check .form__label,
  .form__form-group--radio .form__label,
  .form__form-group--switch .form__label {
    /*
        * The input mechanism of the device includes an accurate pointing device
        * -----------------
        * Set back value for desktop. We don't need as much of
        * the tapping size in desktop since we are using the mouse which is more
        * accurate then a thumb.
        */
    padding-top: inherit;
    padding-bottom: inherit; } }
  .form__form-group--check .form__input:not(.form__input--no-label),
  .form__form-group--radio .form__input:not(.form__input--no-label),
  .form__form-group--switch .form__input:not(.form__input--no-label) {
    /*
    *	#bootstrap5fix#
    *	Accessibility Tap Size
    */
    position: relative;
    top: calc((3rem / 2) - (0.9375rem / 1.8));
    /*
    *	#bootstrap5fix#
    *	default margin top from bootstrap has to be removed because we set the top dynamically
    */
    margin-top: 0; }
    .form__form-group--check .form__input:not(.form__input--no-label).is-valid,
    .form__form-group--radio .form__input:not(.form__input--no-label).is-valid,
    .form__form-group--switch .form__input:not(.form__input--no-label).is-valid {
      /*
      *   #bootstrap5fix#
      *   _form.scss adds a background-color with the "is-valid" class.
      *   _form.scss adds a border-color with the "is-valid" class.
      *   _form.scss adds a text color on label with the "is-valid" class.
      *   Default behavior should be the input default value
      */
      background-color: #ffffff;
      border: 1px solid #000000; }
      .form__form-group--check .form__input:not(.form__input--no-label).is-valid:checked,
      .form__form-group--radio .form__input:not(.form__input--no-label).is-valid:checked,
      .form__form-group--switch .form__input:not(.form__input--no-label).is-valid:checked {
        background-color: #000000;
        border-color: #000000; }
      .form__form-group--check .form__input:not(.form__input--no-label).is-valid ~ .form__label,
      .form__form-group--radio .form__input:not(.form__input--no-label).is-valid ~ .form__label,
      .form__form-group--switch .form__input:not(.form__input--no-label).is-valid ~ .form__label {
        color: #000000; }

@media (min-width: 992px) and (pointer: fine) {
  .form__form-group--check .form__input:not(.form__input--no-label),
  .form__form-group--radio .form__input:not(.form__input--no-label),
  .form__form-group--switch .form__input:not(.form__input--no-label) {
    /*
        * The input mechanism of the device includes an accurate pointing device
        * -----------------
        * Set back value for desktop. We don't need as much of
        * the tapping size in desktop since we are using the mouse which is more
        * accurate then a thumb.
        * Set back initial bootstrap value of margin-top from _form-check.css margin-top
        * to align checkbox with label,
        */
    top: 0.25em; } }

.form__form-group--switch {
  /*
  *   Change visual aspect of toggle switch on mobile to be inline and have the label
  *   align with the left side of the screen and the toggle button right aligned
  *   with the screen for a consistent look
  */
  display: flex;
  justify-content: space-between;
  /*
  *	#bootstrap5fix#
  *   Cancel default padding set on .form-switch
  */
  padding-left: 0;
  /*
  *   Set toggle to the right
  */
  /*
  *   Set label to the left
  */ }
  .form__form-group--switch .form__input {
    /*
    * Animating the on/off switch movement
    */
    transition: all 0.4s ease;
    order: 1;
    /*
    * Default cursor set on checkbox is the default mouse cursor.
    */
    cursor: pointer;
    /*
    *	#bootstrap5fix#
    * Switch form has its border radius controled by the enable-rounded variables in base bootstrap
    * It looks a lot better if the border-radius is always used, as the square version looks weird and out of place.	
    * Since these kind of switches are skeuomorphism, standard rounded corners should be used.
    */
    border-radius: 2em;
    /*
    *	#bootstrap5fix#
    * Switch background-image has a predefined color value. Adjusting the color to match the default body color.
    */
    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='%23000000'/%3e%3c/svg%3e"); }
  .form__form-group--switch .form__input--check:checked {
    /*
      * Switch control checked state
      */
    border-color: #000000;
    background-color: #000000;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23FFFFFF'/></svg>"); }
  .form__form-group--switch .form__label {
    /*
    *	#bootstrap5fix#
    *   Cancel default padding set on .form-check
    */
    padding-left: 0;
    padding-right: calc(2em + 1.25rem);
    order: 0;
    flex: 1; }
    @media (min-width: 992px) {
      .form__form-group--switch .form__label {
        padding-right: 0; } }
  @media (min-width: 992px) {
    .form__form-group--switch {
      display: inline-block;
      /*
    *	#bootstrap5fix#
    *   Reset default padding set on .form-switch
    */
      padding-left: 2.5em; } }
/*
*   Floating Labels for fields
*/
.form__form-group--floating-labels {
  position: relative; }
  .form__form-group--floating-labels .form__input,
  .form__form-group--floating-labels .form__textarea,
  .form__form-group--floating-labels .form__text--input {
    background: none;
    background-color: #ffffff;
    transition: transform 0.25s, padding 0.25s ease-in-out;
    /*
        *   Placeholder selectors must be defined on different line
        *   otherwise it would cause browser to not recognize the
        *   right selector and avoid applying the property.
        */ }
    .form__form-group--floating-labels .form__input::placeholder,
    .form__form-group--floating-labels .form__textarea::placeholder,
    .form__form-group--floating-labels .form__text--input::placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input:-ms-input-placeholder,
    .form__form-group--floating-labels .form__textarea:-ms-input-placeholder,
    .form__form-group--floating-labels .form__text--input:-ms-input-placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input::-webkit-input-placeholder,
    .form__form-group--floating-labels .form__textarea::-webkit-input-placeholder,
    .form__form-group--floating-labels .form__text--input::-webkit-input-placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input::-ms-input-placeholder,
    .form__form-group--floating-labels .form__textarea::-ms-input-placeholder,
    .form__form-group--floating-labels .form__text--input::-ms-input-placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input::-moz-placeholder,
    .form__form-group--floating-labels .form__textarea::-moz-placeholder,
    .form__form-group--floating-labels .form__text--input::-moz-placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input:-moz-placeholder,
    .form__form-group--floating-labels .form__textarea:-moz-placeholder,
    .form__form-group--floating-labels .form__text--input:-moz-placeholder {
      color: transparent; }
    .form__form-group--floating-labels .form__input:-webkit-autofill, .form__form-group--floating-labels .form__input:not(:placeholder-shown),
    .form__form-group--floating-labels .form__textarea:-webkit-autofill,
    .form__form-group--floating-labels .form__textarea:not(:placeholder-shown),
    .form__form-group--floating-labels .form__text--input:-webkit-autofill,
    .form__form-group--floating-labels .form__text--input:not(:placeholder-shown) {
      /*
        * Expose a hook for JavaScript when autofill is shown
        * JavaScript can capture 'animationstart' events
        */
      animation-name: onAutoFillStart;
      animation-duration: 0.001s;
      transition: background-color 50000s ease-in-out 0s;
      -webkit-text-fill-color: #000000 !important; }
    .form__form-group--floating-labels .form__input:not(:-webkit-autofill), .form__form-group--floating-labels .form__input:placeholder-shown,
    .form__form-group--floating-labels .form__textarea:not(:-webkit-autofill),
    .form__form-group--floating-labels .form__textarea:placeholder-shown,
    .form__form-group--floating-labels .form__text--input:not(:-webkit-autofill),
    .form__form-group--floating-labels .form__text--input:placeholder-shown {
      /*
        * Expose a hook for JavaScript when autofill is shown
        * JavaScript can capture 'animationstart' events
        */
      animation-name: onAutoFillCancel;
      animation-duration: 0.001s; }
  .form__form-group--floating-labels.form__form-group .form__label {
    align-items: center;
    display: inline-flex;
    min-height: 3rem;
    justify-content: flex-start;
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
    cursor: text;
    display: flex;
    align-items: center;
    font-weight: 400;
    height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
    /*
        *	  #bootstrap5fix#
        *   Removing default .form-label margin
        */
    margin-bottom: 0;
    opacity: 0.85;
    overflow: hidden;
    pointer-events: none;
    padding: 0.8125rem 0.9375rem;
    text-align: left;
    transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
    transform-origin: 0 0;
    user-select: none;
    width: 100%;
    /*
        *   Make sure the label is in front of the input. There's some edge-case
        *   where form__input-group--append would cause the label to be behind a disabled input with a solid background
        *   Should be higher then 5 since is-valid and is-invalid from bootstrap _forms.scss prevend the label to be displayed
        */
    z-index: 6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    @media (min-width: 992px) {
      .form__form-group--floating-labels.form__form-group .form__label {
        display: inline-block;
        min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .form__form-group--floating-labels.form__form-group .form__label {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
  .form__form-group--floating-labels.form__form-group.form__form-group--touchspin-horizontal .form__label {
    /*
           *   Qty box for touchspin horizontal should be centered
           */
    align-items: center;
    justify-content: center; }
  .form__form-group--floating-labels.form__form-group--touchspin-horizontal .form__label {
    /*
        *   Reposition the floating label when the horizontal touchspin is activated
        */
    left: 3rem;
    /*
          *	  Aligning the label in the quantity input when the touchspin is activated 
          *	  and the horizontal mode is activated. Need to create space for the buttons on
          *	  each sides.
          */
    width: calc(100% - 6rem);
    text-align: center; }
  .form__form-group--floating-labels.is-focused .form__label, .form__form-group--floating-labels.has-value .form__label {
    color: #000000;
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    height: auto;
    margin-left: 1px;
    opacity: 1;
    padding-bottom: 0;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
    /*
        *   Prevent selecting the label which cause issue selecting the field
        */
    pointer-events: none; }
  .form__form-group--floating-labels.is-focused .form__input,
  .form__form-group--floating-labels.is-focused .form__select,
  .form__form-group--floating-labels.is-focused .form__text--input, .form__form-group--floating-labels.has-value .form__input,
  .form__form-group--floating-labels.has-value .form__select,
  .form__form-group--floating-labels.has-value .form__text--input {
    /*
        *   Allow enough place between floating label and starting of text in input
        */
    padding-bottom: 0; }
  .form__form-group--floating-labels.is-focused .form__textarea, .form__form-group--floating-labels.has-value .form__textarea {
    /*
        *   Allow enough place between floating label and starting of text in input
        */
    padding-top: calc(0.75rem + 0.25rem);
    padding-bottom: calc(0.75rem - 0.25rem); }
  .form__form-group--floating-labels.is-focused .form__label, .form__form-group--floating-labels.is-focused.has-value .form__label {
    color: #000000; }
  .form__form-group--floating-labels.has-value .form__label {
    color: #000000; }
  .form__form-group--floating-labels .button--add-on {
    /*
      *   Make sure the button is in front of the label
      */
    z-index: 2; }

.form__form-group--flexbox .button-group__button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.form__form-group--no-floating {
  /*
      *   When floating-label is prevented, the label is to close of the form element
      *   Adding spacer to it to create a space between label and form element.
      */ }
  .form__form-group--no-floating .form__label {
    margin-bottom: 0.23438rem; }
  .form__form-group--no-floating .form__input,
  .form__form-group--no-floating .form__select,
  .form__form-group--no-floating .form__textarea,
  .form__form-group--no-floating .form__text--input {
    /*
      *	#bootstrap5fix#
      *	Removing default appearance because we want to remove the box shadow added automatically
      *	by ios.
      */
    -webkit-appearance: none;
    -apple-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -rim-appearance: none;
    -xv-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    .form__form-group--no-floating .form__input:-moz-autofill, .form__form-group--no-floating .form__input:-moz-autofill-preview,
    .form__form-group--no-floating .form__select:-moz-autofill,
    .form__form-group--no-floating .form__select:-moz-autofill-preview,
    .form__form-group--no-floating .form__textarea:-moz-autofill,
    .form__form-group--no-floating .form__textarea:-moz-autofill-preview,
    .form__form-group--no-floating .form__text--input:-moz-autofill,
    .form__form-group--no-floating .form__text--input:-moz-autofill-preview {
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__form-group--no-floating .form__input:hover,
    .form__form-group--no-floating .form__select:hover,
    .form__form-group--no-floating .form__textarea:hover,
    .form__form-group--no-floating .form__text--input:hover {
      border-color: gray; }
    .form__form-group--no-floating .form__input.is-disabled, .form__form-group--no-floating .form__input:disabled, .form__form-group--no-floating .form__input[readonly],
    .form__form-group--no-floating .form__select.is-disabled,
    .form__form-group--no-floating .form__select:disabled,
    .form__form-group--no-floating .form__select[readonly],
    .form__form-group--no-floating .form__textarea.is-disabled,
    .form__form-group--no-floating .form__textarea:disabled,
    .form__form-group--no-floating .form__textarea[readonly],
    .form__form-group--no-floating .form__text--input.is-disabled,
    .form__form-group--no-floating .form__text--input:disabled,
    .form__form-group--no-floating .form__text--input[readonly] {
      /*
        *   Since we are using custom-select for dropdown, we make
        *   sure that they are using the same visual state.
        */
      background-color: #f2f2f2;
      color: #000000;
      /*
          *   Required on iOS
          */
      opacity: 1;
      /* required on iOS */ }
    .form__form-group--no-floating .form__input.is-invalid,
    .form__form-group--no-floating .form__select.is-invalid,
    .form__form-group--no-floating .form__textarea.is-invalid,
    .form__form-group--no-floating .form__text--input.is-invalid {
      /*
        *   #bootstrap5fix#
        *   _form.scss adds a background-image color with the "is-invalid" class.
        *   _form.scss adds a red border color with the "is-invalid" class.
        *   _form.scss adds a padding-right with the "is-invalid" class.
        *   _form.scss adds a red text color with the "is-invalid" class
        *   Default behavior should be the input default value
        */
      border-color: #dc3545;
      color: #dc3545;
      outline-color: #dc3545;
      padding-right: 0.9375rem; }
      .form__form-group--no-floating .form__input.is-invalid:hover,
      .form__form-group--no-floating .form__select.is-invalid:hover,
      .form__form-group--no-floating .form__textarea.is-invalid:hover,
      .form__form-group--no-floating .form__text--input.is-invalid:hover {
        border-color: gray; }
    .form__form-group--no-floating .form__input.is-valid,
    .form__form-group--no-floating .form__select.is-valid,
    .form__form-group--no-floating .form__textarea.is-valid,
    .form__form-group--no-floating .form__text--input.is-valid {
      /*
        *   #bootstrap5fix#
        *   _form.scss adds a background-image with a checkmarks with the "is-valid" class.
        *   _form.scss adds a green border color with the "is-valid" class.
        *   _form.scss adds a padding-right with the "is-valid" class.
        *   _form.scss adds a green text color with the "is-valid" class
        *   Default behavior should be the input default value
        */ }
      .form__form-group--no-floating .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
      .form__form-group--no-floating .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
      .form__form-group--no-floating .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
      .form__form-group--no-floating .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select) {
        border-color: #000000;
        color: #000000;
        padding-right: 0.9375rem; }
        .form__form-group--no-floating .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
        .form__form-group--no-floating .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
        .form__form-group--no-floating .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
        .form__form-group--no-floating .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover {
          border-color: gray; }
      .form__form-group--no-floating .form__input.is-valid:hover,
      .form__form-group--no-floating .form__select.is-valid:hover,
      .form__form-group--no-floating .form__textarea.is-valid:hover,
      .form__form-group--no-floating .form__text--input.is-valid:hover {
        border-color: gray; }
    .form__form-group--no-floating .form__input:focus, .form__form-group--no-floating .form__input.focus,
    .form__form-group--no-floating .form__select:focus,
    .form__form-group--no-floating .form__select.focus,
    .form__form-group--no-floating .form__textarea:focus,
    .form__form-group--no-floating .form__textarea.focus,
    .form__form-group--no-floating .form__text--input:focus,
    .form__form-group--no-floating .form__text--input.focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__form-group--no-floating .form__input:focus:not(:focus-visible),
    .form__form-group--no-floating .form__select:focus:not(:focus-visible),
    .form__form-group--no-floating .form__textarea:focus:not(:focus-visible),
    .form__form-group--no-floating .form__text--input:focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .form__form-group--no-floating .form__input:focus-visible, .form__form-group--no-floating .form__input:focus-within,
    .form__form-group--no-floating .form__select:focus-visible,
    .form__form-group--no-floating .form__select:focus-within,
    .form__form-group--no-floating .form__textarea:focus-visible,
    .form__form-group--no-floating .form__textarea:focus-within,
    .form__form-group--no-floating .form__text--input:focus-visible,
    .form__form-group--no-floating .form__text--input:focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .form__form-group--no-floating .form__input:focus-visible[href]:not(.button), .form__form-group--no-floating .form__input:focus-within[href]:not(.button),
      .form__form-group--no-floating .form__select:focus-visible[href]:not(.button),
      .form__form-group--no-floating .form__select:focus-within[href]:not(.button),
      .form__form-group--no-floating .form__textarea:focus-visible[href]:not(.button),
      .form__form-group--no-floating .form__textarea:focus-within[href]:not(.button),
      .form__form-group--no-floating .form__text--input:focus-visible[href]:not(.button),
      .form__form-group--no-floating .form__text--input:focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; }

/*
*	#bootstrap5fix#
*	Custom class to hide the labels of inputs after a certain breakpoint
*	usefull with lists that can be selected
*	.form__form-group--*-hidden-label
*/
.form__form-group--hidden-label > .form__input {
  position: static; }

.form__form-group--hidden-label .form__label {
  display: none; }

@media (min-width: 400px) {
  .form__form-group--xsm-hidden-label > .form__input {
    position: static; }
  .form__form-group--xsm-hidden-label .form__label {
    display: none; } }

@media (min-width: 576px) {
  .form__form-group--sm-hidden-label > .form__input {
    position: static; }
  .form__form-group--sm-hidden-label .form__label {
    display: none; } }

@media (min-width: 768px) {
  .form__form-group--md-hidden-label > .form__input {
    position: static; }
  .form__form-group--md-hidden-label .form__label {
    display: none; } }

@media (min-width: 992px) {
  .form__form-group--lg-hidden-label > .form__input {
    position: static; }
  .form__form-group--lg-hidden-label .form__label {
    display: none; } }

@media (min-width: 1200px) {
  .form__form-group--xl-hidden-label > .form__input {
    position: static; }
  .form__form-group--xl-hidden-label .form__label {
    display: none; } }

@media (min-width: 1500px) {
  .form__form-group--xxl-hidden-label > .form__input {
    position: static; }
  .form__form-group--xxl-hidden-label .form__label {
    display: none; } }

.form__input[type="password"]::-ms-reveal {
  /*
  * Microsoft Edge includes a password reveal control. To make sure that the password is entered
  * correctly, a user can click the password reveal button or press Alt+F8 to show the caracters in 
  * the password fields. Hide our add-on button to support built-in browser feature.
  */
  display: none;
  visibility: hidden; }

.form__input:not(.form__input--check):not(.form__input--radio),
.form__select,
.form__text--input {
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: flex-start;
  height: 3.03125rem; }
  @media (min-width: 992px) {
    .form__input:not(.form__input--check):not(.form__input--radio),
    .form__select,
    .form__text--input {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .form__input:not(.form__input--check):not(.form__input--radio),
    .form__select,
    .form__text--input {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
.form__input,
.form__select,
.form__textarea,
.form__text--input {
  /*
*	#bootstrap5fix#
*	Removing default appearance because we want to remove the box shadow added automatically
*	by ios.
*/
  -webkit-appearance: none;
  -apple-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -rim-appearance: none;
  -xv-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  .form__input:-moz-autofill, .form__input:-moz-autofill-preview, .form__input:-internal-autofill-selected,
  .form__select:-moz-autofill,
  .form__select:-moz-autofill-preview,
  .form__select:-internal-autofill-selected,
  .form__textarea:-moz-autofill,
  .form__textarea:-moz-autofill-preview,
  .form__textarea:-internal-autofill-selected,
  .form__text--input:-moz-autofill,
  .form__text--input:-moz-autofill-preview,
  .form__text--input:-internal-autofill-selected {
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__input:hover,
  .form__select:hover,
  .form__textarea:hover,
  .form__text--input:hover {
    border-color: gray; }
  .form__input.is-disabled, .form__input:disabled, .form__input[readonly],
  .form__select.is-disabled,
  .form__select:disabled,
  .form__select[readonly],
  .form__textarea.is-disabled,
  .form__textarea:disabled,
  .form__textarea[readonly],
  .form__text--input.is-disabled,
  .form__text--input:disabled,
  .form__text--input[readonly] {
    /*
    *   Since we are using custom-select for dropdown, we make
    *   sure that they are using the same visual state.
    */
    background-color: #f2f2f2;
    color: #000000;
    /*
    *   Required on iOS
    */
    opacity: 1;
    /* required on iOS */ }
  .form__input.is-invalid,
  .form__select.is-invalid,
  .form__textarea.is-invalid,
  .form__text--input.is-invalid {
    /*
  *   #bootstrap5fix#
  *   _form.scss adds a red border color with the "is-invalid" class.
  *   _form.scss adds a padding-right with the "is-invalid" class.
  *   _form.scss adds a red text color with the "is-invalid" class
  *   Default behavior should be the input default value
  */
    border-color: #dc3545;
    color: #dc3545;
    outline-color: #dc3545;
    padding-right: 0.9375rem; }
    .form__input.is-invalid:hover,
    .form__select.is-invalid:hover,
    .form__textarea.is-invalid:hover,
    .form__text--input.is-invalid:hover {
      border-color: gray; }
  .form__input.is-valid,
  .form__select.is-valid,
  .form__textarea.is-valid,
  .form__text--input.is-valid {
    /*
  *   #bootstrap5fix#
  *   _form.scss adds a background-image with a checkmarks with the "is-valid" class.
  *   _form.scss adds a green border color with the "is-valid" class.
  *   _form.scss adds a padding-right with the "is-valid" class.
  *   _form.scss adds a green text color with the "is-valid" class
  *   Default behavior should be the input default value
  */ }
    .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
    .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
    .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select),
    .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select) {
      padding-right: 0.9375rem;
      border-color: #000000;
      color: #000000; }
      .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover,
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):hover {
        border-color: gray; }
      .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus, .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select).focus,
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus,
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select).focus,
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus,
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select).focus,
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus,
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select).focus {
        /*
		 * Alternative for browsers not supporting :focus-visible
		*/
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus:not(:focus-visible),
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus:not(:focus-visible),
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus:not(:focus-visible),
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus:not(:focus-visible) {
        /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
        box-shadow: none; }
      .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible, .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within,
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible,
      .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within,
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible,
      .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within,
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible,
      .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within {
        /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
        .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible[href]:not(.button), .form__input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within[href]:not(.button),
        .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible[href]:not(.button),
        .form__select.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within[href]:not(.button),
        .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible[href]:not(.button),
        .form__textarea.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within[href]:not(.button),
        .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-visible[href]:not(.button),
        .form__text--input.is-valid:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__select):focus-within[href]:not(.button) {
          /*
			*	Add underline decoration for links
			*/
          text-decoration: underline; }
    .form__input.is-valid:hover,
    .form__select.is-valid:hover,
    .form__textarea.is-valid:hover,
    .form__text--input.is-valid:hover {
      border-color: gray; }
    .form__input.is-valid:focus, .form__input.is-valid.focus,
    .form__select.is-valid:focus,
    .form__select.is-valid.focus,
    .form__textarea.is-valid:focus,
    .form__textarea.is-valid.focus,
    .form__text--input.is-valid:focus,
    .form__text--input.is-valid.focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__input.is-valid:focus:not(:focus-visible),
    .form__select.is-valid:focus:not(:focus-visible),
    .form__textarea.is-valid:focus:not(:focus-visible),
    .form__text--input.is-valid:focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .form__input.is-valid:focus-visible, .form__input.is-valid:focus-within,
    .form__select.is-valid:focus-visible,
    .form__select.is-valid:focus-within,
    .form__textarea.is-valid:focus-visible,
    .form__textarea.is-valid:focus-within,
    .form__text--input.is-valid:focus-visible,
    .form__text--input.is-valid:focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .form__input.is-valid:focus-visible[href]:not(.button), .form__input.is-valid:focus-within[href]:not(.button),
      .form__select.is-valid:focus-visible[href]:not(.button),
      .form__select.is-valid:focus-within[href]:not(.button),
      .form__textarea.is-valid:focus-visible[href]:not(.button),
      .form__textarea.is-valid:focus-within[href]:not(.button),
      .form__text--input.is-valid:focus-visible[href]:not(.button),
      .form__text--input.is-valid:focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; }
  .form__input:focus, .form__input.focus,
  .form__select:focus,
  .form__select.focus,
  .form__textarea:focus,
  .form__textarea.focus,
  .form__text--input:focus,
  .form__text--input.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__input:focus:not(:focus-visible),
  .form__select:focus:not(:focus-visible),
  .form__textarea:focus:not(:focus-visible),
  .form__text--input:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .form__input:focus-visible, .form__input:focus-within,
  .form__select:focus-visible,
  .form__select:focus-within,
  .form__textarea:focus-visible,
  .form__textarea:focus-within,
  .form__text--input:focus-visible,
  .form__text--input:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__input:focus-visible[href]:not(.button), .form__input:focus-within[href]:not(.button),
    .form__select:focus-visible[href]:not(.button),
    .form__select:focus-within[href]:not(.button),
    .form__textarea:focus-visible[href]:not(.button),
    .form__textarea:focus-within[href]:not(.button),
    .form__text--input:focus-visible[href]:not(.button),
    .form__text--input:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.form__form-group--label-hidden .form__input--check, .form__form-group--label-hidden .form__input--radio {
  /*
  *   need to accomodate for the hiddel label that gives a height with line height and font size
  */
  margin-top: 0.1875rem; }

.form__input--check:focus, .form__input--check.focus,
.form__input--radio:focus,
.form__input--radio.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.form__input--check:focus:not(:focus-visible),
.form__input--radio:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.form__input--check:focus-visible, .form__input--check:focus-within,
.form__input--radio:focus-visible,
.form__input--radio:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__input--check:focus-visible[href]:not(.button), .form__input--check:focus-within[href]:not(.button),
  .form__input--radio:focus-visible[href]:not(.button),
  .form__input--radio:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.form__hidden {
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  height: 1px;
  width: 1px;
  opacity: 0; }

.form__label {
  /*
*	Since labels are clickable, adding the proper cursor
*/
  cursor: pointer;
  /*
  *   When floating label is turned on, hiding the label before initiating.
  *   This prevent the page from jumping due to the javascript now activated yet.
  */
  /*
  *   Even if activated, some labels might be required to not be affected by the floating label feature to have them displayed properly.
  */ }
  .form__form-group > .form__label {
    display: none; }
  .form__form-group--no-floating > .form__label {
    display: block; }
  .form__form-group--check > .form__label, .form__form-group--radio > .form__label, .form__form-group--switch > .form__label {
    /*
    *   Because we set a display:none on label when floating-label variable
    *   is activated, we need to make sure that radio and checkbox are not affected
    *   otherwise the label is hidden because these elements are not receiving
    *   the class from the floating label init script.
    *
    *   Make sure that the clickable label stop at the end of the text. 
    *   Without this, the label take all the available space and customer can click
    *   on an invisible element in the page, givin bad experience.
    */
    display: inline-block; }

.form__select {
  /*
*   #bootstrap5fix#
*   _form.scss adds a default background-size to the custom arrow
*   Increase custom arrow size
*/
  background-size: 0.75em 0.75em; }
  .form__select.is-valid {
    /*
  *   #bootstrap5fix#
  *   _form.scss adds a green border color to valid select
  *   Default behavior should be the input default value
  */
    border-color: #000000; }
  .form__select.is-valid:not([multiple]):not([size]), .form__select.is-invalid:not([multiple]):not([size]) {
    /*
    *   #bootstrap5fix#
    *   Increase custom arrow size
    */
    background-size: 0.75em 0.75em;
    /*
    *   #bootstrap5fix#
    *   _fom.scss adds a background-image with a checkmarks with the "is-valid" class.
    *   _fom.scss adds a background-image with a exclamation mark with the "is-invalid" class.
    *   Default behavior should be a the input default value
    */
    background-image: 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 5l6 6 6-6'/%3e%3c/svg%3e"); }
  .form__select.is-valid:focus, .form__select.is-valid.focus, .form__select.is-invalid:focus, .form__select.is-invalid.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__select.is-valid:focus:not(:focus-visible), .form__select.is-invalid:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .form__select.is-valid:focus-visible, .form__select.is-valid:focus-within, .form__select.is-invalid:focus-visible, .form__select.is-invalid:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__select.is-valid:focus-visible[href]:not(.button), .form__select.is-valid:focus-within[href]:not(.button), .form__select.is-invalid:focus-visible[href]:not(.button), .form__select.is-invalid:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.form__text--input {
  /*
   *  Managing long title causing text clipping
  */
  /*
     *  Managing long title causing text clipping
    */
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .form__text--input::-webkit-scrollbar {
    display: none; }
  .form__text--input:focus, .form__text--input.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__text--input:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .form__text--input:focus-visible, .form__text--input:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__text--input:focus-visible[href]:not(.button), .form__text--input:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.form__text--input-disabled {
  /*
*	Creating a fake disabled state on elements that have the same style
*	as input box. Since we are using custom-select for dropdown, we make
* sure that they are using the same visual state.
*/ }
  .form__text--input-disabled, .form__text--input-disabled.form__text--input, .form__text--input-disabled.form__text--input-qty {
    background-color: #f2f2f2;
    color: #000000; }

.form__text--input-qty {
  /*
*   Creating a fake quantity input box
*/
  align-items: center;
  display: inline-flex;
  justify-content: center;
  min-width: calc(((0.9375rem * 4) + 3rem) - 3rem);
  /*
*	Setting a dynamic size for the container of the touchspin in vertical mode
*	so it stays small to input quantities, but does not take 100% of the available space
*/
  max-width: calc(0.9375rem * 4); }
  .form__text--input-qty:focus, .form__text--input-qty.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .form__text--input-qty:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .form__text--input-qty:focus-visible, .form__text--input-qty:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .form__text--input-qty:focus-visible[href]:not(.button), .form__text--input-qty:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.form__input-group--prepend .form__form-group,
.form__input-group--append .form__form-group {
  /*
    *  Since we are grouping input and labels for our floating labels, 
    *  the css from bootstrap needs to be applied on the group.
  */
  flex: 1 1 auto; }

.form__input-group--prepend.form__input-group--table-amount,
.form__input-group--append.form__input-group--table-amount {
  flex-wrap: nowrap; }
  .form__input-group--prepend.form__input-group--table-amount .form__form-group,
  .form__input-group--append.form__input-group--table-amount .form__form-group {
    /*
    *   Making sure form__form-group take 100% of the space in mobile view
    */
    flex-grow: 1; }
    @media (min-width: 992px) {
      .form__input-group--prepend.form__input-group--table-amount .form__form-group,
      .form__input-group--append.form__input-group--table-amount .form__form-group {
        /*
      *   Because we are limiting the size of the form__input field
      *   we need to cancel flex-grow in higher resolution otherwise it's causing
      *   an alignment issue.
      */
        flex-grow: 0; } }
  .form__input-group--prepend.form__input-group--table-amount .form__input,
  .form__input-group--append.form__input-group--table-amount .form__input {
    /*
    *	Although arbitrary, this size is ideal for the payment portal invoice table
    */ }
    @media (min-width: 992px) {
      .form__input-group--prepend.form__input-group--table-amount .form__input,
      .form__input-group--append.form__input-group--table-amount .form__input {
        width: 7.8125rem;
        max-width: 7.8125rem; } }
.form__input-group--append {
  /*
  * Positionning the button--add-on to the right side of the input
  */ }
  .form__input-group--append .button--add-on {
    height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
    min-width: 3rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4; }
  .form__input-group--append .form__input:not(:last-child) {
    padding-right: calc(0.9375rem + 3rem); }
  .form__input-group--append .form__text {
    /*
    *   Removing border to keep input border in place
    */
    border-left: 0;
    /*
    *   Matching form__input min-height / height
    */
    align-items: center;
    display: inline-flex;
    min-height: 3rem;
    justify-content: flex-start;
    height: 3.03125rem; }
    @media (min-width: 992px) {
      .form__input-group--append .form__text {
        display: inline-block;
        min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .form__input-group--append .form__text {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
.form__input-group--prepend .form__text {
  /*
    *   Removing border to keep input border in place
    */
  border-right: 0;
  /*
    *   Matching form__input min-height / height
    */
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: flex-start;
  height: 3.03125rem; }
  @media (min-width: 992px) {
    .form__input-group--prepend .form__text {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .form__input-group--prepend .form__text {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
.form__validation {
  /*
* Default message should be hidden and only show if needed
* using field-validation-valid because the initial class cannot be modified, on through JS after the first validation, can we use the BEM classes
*/
  display: none; }
  .form__validation.is-invalid {
    display: block;
    /*
  *   WCAG, reinforce error message by providing visual indicator along with color for color blind
  */ }
    .form__validation.is-invalid::before {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      content: "\f071";
      margin-right: 0.23438rem; }

/*
* Used to fix issue with AutoFill value coming from the browser and floating labels
*/
@keyframes onAutoFillStart {
  from {
    /**/ }
  to {
    /**/ } }

@keyframes onAutoFillCancel {
  from {
    /**/ }
  to {
    /**/ } }

/*
* 	COMPONENTS: GALLERY
*	--------------------------
*   gallery
*     gallery--vertical
*   gallery__slider
*   gallery__main-image
*   gallery__image
*   gallery__button
*/
:root {
  --slider-section-size: 75px; }
  @media (min-width: 1500px) {
    :root {
      --slider-section-size: 95px; } }
.gallery--vertical .slider--product-image-gallery.is-vertical {
  /*
		  *  Style for when the slider is configured as a horizontal slider (owl carousel as of kweb 6.0 2022-02-09)
      *  We initially hide the vertical slider before rendering it and show it once the slider is initialized
      */
  visibility: hidden; }

@media (min-width: 992px) {
  .gallery--vertical {
    /*
     *  Displaying the slider and the main image next to each other on destkop and higher resolutions
     */
    display: flex;
    flex-wrap: nowrap; } }

@media (min-width: 992px) {
  .gallery--vertical .gallery__slider {
    width: var(--slider-section-size);
    margin-right: 0.9375rem;
    order: 1; } }

.gallery--vertical .gallery__slider.is-loading {
  /*
       *  Using the default lazy-loading animation from _root.scss
       */ }

@media (min-width: 992px) {
  .gallery--vertical .gallery__main-image {
    width: calc(100% - (var(--slider-section-size) + 0.9375rem));
    order: 2; } }

/*
*	COMPONENTS: GIFT-CARD
*   --------------------------
*	gift-card
*   gift-card__code
*   gift-card__currency
*   gift-card__current-amount
*   gift-card__expiration-date
*   gift-card__original-amount
*   gift-card__recipient-email
*   gift-card__status
*       is-active
*       is-transferring
*/
/*
* 	COMPONENTS: ICON
*--------------------------
*	icon
*   icon--ajaxloading
*   icon--filter
*		icon--product-image
*		icon--custom
*		icon--custom-select
*/
.icon {
  /*
	*	Icons should not have the text cursor, but the default arrow
	*/
  cursor: default;
  /*
	*	Setting the default space between the icon and the text
	*	icon and its sibling must be on the same line in the html file, otherwise there will be unwanted whitespace added
	*/ }
  :not(.icon-group) > .icon + :not([class*="--visually-hidden"]), :not(.icon-group) > :not([class*="--visually-hidden"]) + .icon {
    margin-left: 0.46875rem; }
  .button .icon, .list__item--button .icon, [class*="__link"] .icon {
    /*
		*	When an icon is part of a button or an element considered a link,
		*	the cursor should inherit from the setting of said parent.
		*/
    cursor: inherit;
    /*
    * Make sure the icon is vertically aligned with text and next element
    */
    vertical-align: middle; }
  .list__item .icon, .menu__item .icon, .button-group__button .icon {
    /*
    * Set a default alignment to void text zigzagging based on different icon size
    */
    min-width: 1.25rem;
    text-align: center; }

.icon--ajaxloading {
  display: inline-block;
  position: relative; }
  .icon--ajaxloading.icon--big {
    /*
    * Icon--big is used within container to replace big section.
    */
    width: 3.125rem;
    height: 3.125rem; }
    .icon--ajaxloading.icon--big .icon__circle {
      width: 3.125rem;
      height: 3.125rem;
      border-width: 6px; }
  .icon--ajaxloading.icon--small {
    /*
    * Icon--small is used within components to replace small section.
    */
    width: 1.5625rem;
    height: 1.5625rem; }
    .icon--ajaxloading.icon--small .icon__circle {
      width: 1.5625rem;
      height: 1.5625rem;
      border-width: 3px; }
  .icon--ajaxloading .icon__circle {
    box-sizing: border-box;
    display: block;
    position: absolute;
    border-radius: 50%;
    border-style: solid;
    border-color: #000000 transparent transparent transparent;
    animation: ajaxloading-fill-animation 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; }
    .icon--ajaxloading .icon__circle.icon__circle--one {
      animation-delay: -0.45s; }
    .icon--ajaxloading .icon__circle.icon__circle--two {
      animation-delay: -0.3s; }
    .icon--ajaxloading .icon__circle.icon__circle--three {
      animation-delay: -0.15s; }

.icon--custom-select {
  height: calc(1.5em + 1.5rem + calc(var(--bs-border-width) * 2));
  width: 8px;
  color: #000000;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 10px; }

.icon--product-image {
  /*
	*	Used a product image in product listing, especially for gift cards
	*/
  font-size: 3.4375rem; }

.icon--filter {
  vertical-align: top;
  position: relative;
  top: 5px; }

@keyframes ajaxloading-fill-animation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*
*	COMPONENTS: IFRAME
*--------------------------
* iframe
*   iframe--pci
*   iframe--add-bank-account
*   iframe--enter-cvd 
*   iframe--page-iframe
*/
.iframe--pci {
  border: 0;
  width: 100%; }

.iframe--add-bank-account {
  height: 455px; }

.iframe--enter-cvd {
  height: 355px; }

.iframe--page-iframe {
  /*
   *  standard styles for iframe used in pages loaded in iframe
  */
  border: 0;
  height: 1300px;
  width: 100%; }

/*
* 	COMPONENTS: IMAGE
*--------------------------
*	image
*		image--lazy-loading
*/
.image {
  /*
    *   Prevents layout jumping because the browser can pre-calculate the final image size
    *   Using Bootstrap 4 mixin to set max-width: 100% and height: auto;
    */
  max-width: 100%;
  height: auto;
  /*
    *   Customize alt text when image is broken. Hidden current alt text in
    *   in order to customize it in an after call
    */
  font-size: 0;
  /*
    * Since we set a width/height on image, we need to make sure these picture take 100% of the available to match the "img-fluid"
    * concept. They will take the available space within their container and ignore the width set on the image. The width/height is
    * used on page load to reserve the minimum space for the image and avoid page from jumping.
    */
  width: 100%;
  /*
    *   Customize alt text when image is broken. Display the ALT information
    *   next to a customize icon
    */ }
  .image:before {
    display: none;
    content: ""; }
  .image:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    border: 1px dashed #ced4da;
    content: "" " " attr(data-alt);
    color: #262626;
    font-size: 0.82031rem;
    font-weight: 400;
    display: block;
    height: auto;
    padding: 0.46875rem;
    text-align: center;
    text-decoration: none;
    width: auto;
    z-index: 2; }
  .image.image--width-auto {
    /*
        *   In some case, we do not want the image to take all the available space
        *   and use the actual image width (ex: store locator map icon number).
        */
    width: auto; }

.image--lazy-loading.is-loading {
  /*
       *  Using the default lazy-loading animation from _root.scss
       */ }

.is-print-ready .image--lazy-loading {
  /*
        *   Fallback image are used when printing. Setting a max-width on the fallback
        *   image will prevent oversized picture when printing.
        */
  max-width: 25%; }

/*
* 	COMPONENTS: LIST
*--------------------------
*	list
*		list--unstyled
*		list--list-group
*		list--flush
*		list--horizontal
*		list--numbered
*		list--small
*	list__item
*		list__item--button
*   list__item--cms-content
*   list__item--cms-link
*		list__item--title
*		list__item--success
*	list__label
*	list__link
* list__panel
*	list__text
*	list__title
*/
.list--small > .list__item {
  /*
		*	#bootstrap5fix#
		*	Since there's no condensed list in bootstrap,
		*	Using this class will reduce the padding size to a smaller
		*	value. Reproducing the same bahavior as .table-sm
		*	Using default bootstrap value
		*/
  padding: 0.46875rem 0.9375rem; }

.list__item .list__item {
  /*
		*	#bootstrap5fix#
		*	Since a background and color is set in the list-item-group, 
		*	the list within a list would not have the same background and text color
		*	if ever the first list changed.
		*/
  background: inherit;
  color: inherit; }

.card.is-default .list__item--title {
  /*
		*	the title should be set as relative to position the default tag according to the list__item
		*/
  position: relative; }

.list__label {
  /*
    *   list__label and list__text are on the same line
    *   to avoid HTML whitespace. Using the stacked spacer to
    *   have a space between the label and the text.
    *   https://css-tricks.com/fighting-the-space-between-inline-block-elements/
    */ }
  .list__label + * {
    margin-left: 0.23438rem; }

.list__link:focus, .list__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.list__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.list__link:focus-visible, .list__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .list__link:focus-visible[href]:not(.button), .list__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.list__message--error {
  /*
	*	#bootstrap5fix#
	*	Default .badge style has a white-space: nowrap property on it;
	*	This is causing a long message to overflow outside of his container
	*	Resetting this value to the normal state will keep a long message
	*	within the container
	*/
  white-space: normal; }

/*
* 	COMPONENTS: LOGO
*--------------------------
*	logo
* logo__url
*	logo__image
*	logo__link
*/
.logo__figure {
  /*
  * Removing default margin set by bootstrap on figure tag
  */
  margin: 0; }

.logo__link {
  /*
	*	Logo is selectable with keyboard. Adding focus visible information
	*/ }
  .logo__link:focus, .logo__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .logo__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .logo__link:focus-visible, .logo__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .logo__link:focus-visible[href]:not(.button), .logo__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

/*
* 	COMPONENTS: MENU-TOGGLER
*   --------------------------
*	menu-toggler
*	menu-toggler__button
*	menu-toggler__wrapper
*	menu-toggler__bars
*	menu-toggler__bar
*      .menu-toggler__bar--top
*      .menu-toggler__bar--middle
*      .menu-toggler__bar--bottom
*	menu-toggler__text
*	    menu-toggler__text--visually-hidden
*  --------------------------
*  Default variable
*  $menu-toggler-radius
*  $menu-toggler-bar-height
*  $menu-toggler-bar-space
*  $menu-toggler-bar-color
*/
.menu-toggler {
  /*
    *   Used for animation only since this element is by default
    *   static and not fixed or absolute
    */
  left: 0; }

.menu-toggler__bars {
  box-sizing: border-box;
  display: block;
  height: calc((10px * 2) + 5px);
  width: calc(calc((10px * 2) + 5px) * 1.3);
  position: relative; }

.menu-toggler__bar {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #000000;
  border-radius: var(--bs-border-radius);
  opacity: 1;
  left: 0; }
  .menu-toggler__bar.icon {
    margin: 0; }

.menu-toggler__bar--top {
  top: 0; }

.menu-toggler__bar--middle {
  top: 10px; }

.menu-toggler__bar--bottom {
  top: 20px; }

/*
* 	COMPONENTS: MENU
*   --------------------------
*	menu
*		menu--dropdown
*		menu--fixed
*   menu--flyout
*		menu--header-nav
*		menu--level1
*		menu--level2
*		menu--level3
*		menu--main-menu
*	menu__container
*	menu__big-menu
* menu__inner
*       ------------
*       is-opened
*   menu__inner--flyout-left
*   menu__inner--flyout-right
*	menu__item
*   menu__item--back
*		menu__item--big
*		menu__item--logo
*		menu__item--cms
*		menu__item--dropdown
*		menu__item--login
*		menu__item--lang-fr
*		menu__item--lang-en
*		menu__item--lang-es
*		menu__item--simple
*		menu__item--track-order
*   menu__link
*       ------------
*       is-active
*   menu__link--no-decoration
*	  menu__link--dropdown
* menu__wrapper
*/
.menu--dropdown {
  /*
    * #bootstrap5fix#
    * Remove default Bootstrap margin set on .dropdown-menu
    * that causes an unwanted space between the link and the dropdown
    */
  margin: 0; }

.menu--collapse-toggle {
  /*
    *   This class should be use with a button--collapse-toggle to hide the menu on tablet
    *   and mobile view
    */ }
  .menu--collapse-toggle .menu__item--active {
    /*
        *	  Making sure that on tablet and mobile, the active link in menu is hidden
        *   since this link is as well in a button--collapse-toggle above collapse-toggle menu
        */
    display: none; }
    @media (min-width: 992px) {
      .menu--collapse-toggle .menu__item--active {
        display: block; } }
@media (min-width: 992px) {
  .menu--level1 .menu__link--dropdown:after {
    content: "\f0d7"; } }

@media (min-width: 992px) {
  .menu--level2 .menu__link--dropdown:after {
    content: "\f0da"; } }

@media (min-width: 992px) {
  .menu--simple.menu--level3 {
    top: 0;
    left: 100%; } }

.menu--flyout {
  /*
  * #bootstrap4fix
  * Setting top to auto to fight top:100% set in dropdown-menu class
  * so that the flyout menu sits under the element
  */
  top: auto;
  width: 100%; }

@media (min-width: 992px) {
  .menu__inner--flyout-left {
    /*
    * Limit the size of the left menu
    */
    max-width: 25%; } }

@media (min-width: 992px) {
  .menu__inner--flyout-right {
    /*
    *Flyout menu that are not opened should not be displayed on screen
    */
    display: none; }
    .menu__inner--flyout-right.is-opened {
      display: block; } }

.menu__item--flyout {
  /*
  * Position static make sure the LI will take 100% of the container space
  */
  position: static; }
  .menu__item--flyout .menu--level2 {
    /* 
    *   Using same min-width used on bootstrap's .dropdown-menu class
    */
    min-width: 10rem; }
    @media (min-width: 992px) {
      .menu__item--flyout .menu--level2 {
        height: 100%; } }
.menu__link {
  /* 
  *	Making sure that on tablet and mobile, links are a minimum height
  *	so it's easier to tap them with touch devices
  */
  align-items: center;
  display: flex;
  min-height: 3rem;
  text-align: left;
  width: 100%; }
  @media (min-width: 992px) {
    .menu__link {
      min-height: inherit;
      display: block; } }
  .menu__link:focus, .menu__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .menu__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .menu__link:focus-visible, .menu__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .menu__link:focus-visible[href]:not(.button), .menu__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.menu__item {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  @media (min-width: 992px) {
    .menu__item {
      padding-left: 0;
      padding-right: 0; } }
.menu__link--dropdown {
  /*
    *	Collapse button should use the same caret variable as the default dropdown 
    *	buttons in boostrap
    */
  /*
    *   Align icon vertically centered with text
    */
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .menu__link--dropdown:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    font-size: 0.82031rem;
    margin-left: 0.3em;
    content: "\f0d7"; }
  .menu__link--dropdown:after {
    margin-left: 0.46875rem; }
  .menu__link--dropdown:not(.show):after {
    /*
        *   Add animation to flip caret when opened
        */
    -webkit-transform: rotate(270deg);
    -apple-transform: rotate(270deg);
    -khtml-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -rim-transform: rotate(270deg);
    -xv-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg); }
    @media (min-width: 992px) {
      .menu__link--dropdown:not(.show):after {
        /*
          *   Add animation to flip caret when opened
          */
        -webkit-transform: rotate(0deg);
        -apple-transform: rotate(0deg);
        -khtml-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -rim-transform: rotate(0deg);
        -xv-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg); } }
  .menu__link--dropdown.show:after {
    /*
          *   In webkit-based browsers(Safari and Chrome), -webkit-transform is
          *   ignored on inline elements. Need to set it to inline-block to make
          *   it work.
          */
    display: inline-block;
    /*
          *   Add animation to flip caret when opened
          */
    -webkit-transform: rotate(180deg);
    -apple-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -rim-transform: rotate(180deg);
    -xv-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.menu__link--dropdown,
.menu__link--no-decoration {
  /*
    *   Resetting the default <button> tag to allow it to be stylized
    */
  -webkit-appearance: none;
  -apple-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -rim-appearance: none;
  -xv-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
  outline: inherit; }

/*
* 	WIDGET: MODAL
*   --------------------------
*	modal
*		modal--add-review
*		modal--availability-reason
*   modal--enlarge-product-image
*   modal--rename-purchase-list
*		modal--product-customizer
*		modal--quantity-confirmation
*   modal--schedule-purchase-list
*     is-scheduled
*		modal--stock-notification
*		modal--tell-a-friend
*		modal--full-flush
*	modal__body
*	modal__button
*		modal__button--card-confirm
*		modal__button--card-edit
*		modal__button--card-cancel
*		modal__button--card-associate
*	modal__content
*	modal__close
*	modal__dialog
*	modal__footer
*	modal__title
*	modal__header
*/
.modal--full-flush {
  /*
	*	#bootstrap5fix#
	*	adding a new type of modal
	*	same behavior as full screen, but will leave a gap around it to show the page below.
	* Notifies the user that this is a modal, not a new page, and will prevent to press back
	*/ }
  .modal--full-flush .modal__dialog {
    width: 96%;
    max-width: none;
    margin-left: 2%; }

.modal--enlarge-product-image .modal__header {
  /*
		*	Allow picture to take all space
		*/
  position: absolute;
  top: 0;
  border-bottom: 0;
  width: 100%;
  z-index: 2; }

.modal--enlarge-product-image .modal__body {
  /*
		*   #bootstrap5fix#
		*   Cancel default bootstrap padding set on modal-body
		*   to have a edge-to-edge widgets
		*/
  padding: 0;
  z-index: 1; }

.modal--enlarge-product-image .modal__footer {
  /*
		*	Allow picture to take all space
		*/
  position: absolute;
  bottom: 0;
  border-top: 0;
  width: 100%;
  z-index: 2; }

.modal--enlarge-product-image .figure {
  /*
      * Make sure figure element take 100% of the verticla space so that the image
      * within can adapt to container
      */
  height: 100%; }

.modal--enlarge-product-image .image {
  /*
      * Adapt image to the container height and keep image ratio
      */
  height: 100%;
  max-height: 100%;
  width: auto;
  object-fit: contain; }

.modal--enlarge-product-image .slider--product-image-gallery {
  /*
      * Make sure slider elements take 100% of the vertical space so that the image
      * within can adapt to container
      */
  height: 100%; }
  .modal--enlarge-product-image .slider--product-image-gallery:not(.is-vertical) .slider__button:not(.slider__button--image) {
    /*
			* Center button in modal
			*/
    height: 70vh;
    top: 0;
    /*
			*	Keep focus on image. set default color value
			*/
    background-color: #ffffff; }
  .modal--enlarge-product-image .slider--product-image-gallery .slider__item,
  .modal--enlarge-product-image .slider--product-image-gallery .slider__image,
  .modal--enlarge-product-image .slider--product-image-gallery .slider__stage,
  .modal--enlarge-product-image .slider--product-image-gallery .slider__stage-outer {
    /*
        * Make sure slider elements take 100% of the vertical space so that the image
        * within can adapt to container
        */
    height: 100%; }
  .modal--enlarge-product-image .slider--product-image-gallery .slider__image {
    /*
        * #Owlcarousselfix#
        * Reset width to make sure slider elements take 100% of the vertical
        * space so that the image within can adapt to container
        */
    width: auto;
    /*
        * Reset margin to allow image to be centered
        */
    margin: auto; }
  .modal--enlarge-product-image .slider--product-image-gallery .slider__item {
    /*
        * Align image center horizontally within the modal
        */
    text-align: center; }

/************************************/
/*		CREDIT CARD ADD MODAL		*/
.modal--add-credit-card.is-screen-edit.is-associated .modal__button--card-associate {
  display: none; }

.modal--add-credit-card.is-screen-edit.is-associated .modal__button--card-confirm {
  display: block; }

.modal--add-credit-card.is-screen-edit .modal__button--card-associate {
  display: block; }

.modal--add-credit-card.is-screen-edit .modal__button--card-confirm {
  display: none; }

.modal--add-credit-card.is-screen-edit .modal__wrapper.modal__wrapper--card-slider {
  left: 0; }

.modal--add-credit-card.is-screen-associate .modal__button--card-edit {
  display: block; }

.modal--add-credit-card.is-screen-associate .modal__wrapper.modal__wrapper--card-slider {
  left: -100%;
  left: -webkit-calc(-100% - 14px);
  left: calc(-100% - 14px); }
  .modal--add-credit-card.is-screen-associate .modal__wrapper.modal__wrapper--card-slider .modal__inner {
    box-sizing: border-box; }

.modal--add-credit-card .modal__button--card-edit,
.modal--add-credit-card .modal__button--card-associate {
  display: none; }

.modal--add-credit-card form,
.modal--add-credit-card .well,
.modal--add-credit-card .address-select,
.modal--add-credit-card .address-display.unstyled:last-child {
  margin-bottom: 0; }

.modal--add-credit-card .row-fluid {
  margin-bottom: 10px; }
  .modal--add-credit-card .row-fluid:last-child {
    margin-bottom: 0 !important; }

.modal--add-credit-card .modal__body {
  -webkit-transition: max-height 0.3s;
  -apple-transition: max-height 0.3s;
  -khtml-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -rim-transition: max-height 0.3s;
  -xv-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow-x: hidden; }

.modal--add-credit-card .address-select__item:last-child > label {
  margin-bottom: 0; }

.modal--add-credit-card .field-validation-error {
  display: block !important; }

.modal--add-credit-card .add-card-complete-form {
  overflow: hidden; }

.modal__close {
  /*
	*	Fixing button not calculating padding within min-height and min-width value
	*/
  box-sizing: border-box;
  /*
	*	fixing unaligned icon in modal close button
	*/
  display: flex;
  align-items: center;
  justify-content: center;
  /*
	*	Align close button to the header right section and use button padding only for alignment
	*/
  margin-right: -1.875rem;
  /*
	*	button--link is used. Need to cancel text decoration for icon only
	*/
  text-decoration: none; }
  @media (max-width: 767.98px) {
    .modal__close.button--auto {
      /*
			*	Force minimum tapping size for button--auto value
			*/
      min-width: 3rem; } }
  @media (min-width: 768px) {
    .modal__close {
      /*
		*	Fixing button not calculating padding within min-height and min-width value
		*/
      box-sizing: border-box; } }
.modal__dialog {
  /*
	*	#bootstrap5fix#
	*	Bootstrap set a max-width on default modal on lower resolution. Maximizing the max-width
	*	to cover as much screen space possible in lower resolution
	*/ }
  @media (max-width: 991.98px) {
    .modal__dialog {
      max-width: 90vw; } }
  @media (max-width: 767.98px) {
    .modal__dialog {
      max-width: 95vw; } }
/*
*	updating paddings for rfs value for more accessibility on lower resolution
*/
.modal__header {
  padding: 0.9375rem calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    .modal__header {
      padding: 0.9375rem 1.875rem; } }
/*
*	updating paddings for rfs value for more accessibility on lower resolution
*/
.modal__body,
.modal__footer {
  padding: 0.9375rem calc(1.3125rem + 0.75vw); }
  @media (min-width: 1200px) {
    .modal__body,
    .modal__footer {
      padding: 0.9375rem 1.875rem; } }
  @media (min-width: 768px) {
    .modal__body,
    .modal__footer {
      padding: calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw); } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .modal__body,
    .modal__footer {
      padding: 1.875rem 1.875rem; } }
.modal__title {
  /*
	*	Long text can cause the modal title to break.
	*	Managing overflows by addint text ellipsis
	*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: calc(100% - 0.1px); }

@media (max-width: 767.98px) {
  .modal__footer:has(.button) .modal__wrapper {
    flex-grow: 1; } }

.modal__footer .button {
  margin: 0; }
  @media (min-width: 768px) {
    .modal__footer .button:not(:first-child) {
      margin-left: 0.46875rem; } }
.modal__wrapper--card-slider.modal__wrapper {
  overflow: hidden;
  position: relative;
  left: 0;
  padding: 0 0.25rem;
  /* no -webkit-transition because of bug in old IOS versions with CSS transitions and calc */
  transition: left 0.3s;
  width: 200%;
  width: -webkit-calc(200% + 30px);
  width: calc(200% + 30px); }

.modal__wrapper--card-slider .modal__inner {
  float: left;
  margin-right: 0;
  margin-right: -webkit-calc(15px);
  margin-right: calc(15px);
  width: 50%;
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px); }

/*
* 	COMPONENTS: NOTIFICATION
*   --------------------------
*   notification
*     notification--success
*   notification__body
*   notification__text
*   notification__footer
*/
.notification {
  border-left: 0.625rem solid #000000;
  background-color: #000000;
  color: #ffffff; }

.notification--success {
  color: #165a25;
  background-color: #d3ead8;
  border-color: #bde0c5; }
  .notification--success hr,
  .notification--success .separator {
    border-top-color: #b4d5bb; }
  .notification--success .alert-link,
  .notification--success .caption__link {
    color: #145121; }

.notification--warning {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .notification--warning hr,
  .notification--warning .separator {
    border-top-color: #ecdbab; }
  .notification--warning .alert-link,
  .notification--warning .caption__link {
    color: #7c5e04; }

.notification--error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7; }
  .notification--error hr,
  .notification--error .separator {
    border-top-color: #e9b8bd; }
  .notification--error .alert-link,
  .notification--error .caption__link {
    color: #771d25; }

.notification__footer {
  /*
   *  #bootstrap5fix#
   *  Toast footer does not exist in bootstrap, only the header
  */
  padding: 0 0.75rem 0.5rem; }

/*
* 	COMPONENTS: NOTIFICATION-GROUP
*   --------------------------
*   notification-group
*   notification-group__notification
*/
.notification-group {
  /*
   *  positioning the notification container at the top centered of the page
  */
  top: 0;
  left: 50%;
  padding: 0.9375rem;
  position: fixed;
  transform: translateX(-50%);
  z-index: 1030; }

/*
 * COMPONENTS: PACKING SLIP
 *--------------------------
 *	packing-slip
 *	packing-slip__carrier
 *	packing-slip__code
 *	packing-slip__invoice-number
 *	packing-slip__link
 *	packing-slip__quantity-shipped
 *	packing-slip__shipped-date
 *	packing-slip__tracking-number
 */
.packing-slip__link:focus, .packing-slip__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.packing-slip__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.packing-slip__link:focus-visible, .packing-slip__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .packing-slip__link:focus-visible[href]:not(.button), .packing-slip__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

/*
* 	COMPONENTS: PAGE-LOADER
*   components that can be shown on page load until document is ready
*   --------------------------
*   page-loader
*     .is-loaded &
*   page-loader__container
*   page-loader__left
*   page-loader__right
*/
.page-loader {
  display: block;
  position: fixed;
  visibility: visible; }

/*
* 	WIDGET: PAGINATION
*--------------------------
*	pagination
*	pagination__item
*	pagination__link
*/
.is-active .pagination__button {
  /*
		*	Because of class btn, the cursor is changed to a pointer.
		*	Since the active page is not clickable, updating the cursor to the mouse cursor.
		*/
  cursor: default; }

.pagination__item.is-disabled {
  /*
		*	Hidding buttons that are disabled and not clickable to avoid giving
		*	bad information to customer
		*/
  display: none;
  visibility: hidden; }

.pagination__item:not(:last-child) {
  margin-right: 0.23438rem; }

@media (max-width: 399.98px) {
  .pagination__item {
    /*
		*	on small mobile resolution, the paging should expand 100% of available space
		*/
    width: 100%; } }

.pagination__item > .pagination__button {
  /*
		*	Prevent long number to wrap on multiple line in mobile
		*/
  white-space: nowrap; }

@media (max-width: 399.98px) {
  .pagination__link {
    /*
		*	Removing paddings to let the flex display handle the size of the links
		*/
    text-align: center;
    padding-left: 0;
    padding-right: 0; } }

/*
* 	COMPONENTS: PAGING
*--------------------------
*	paging
*   paging--flexbox
* paging__button
*	paging__count
*	paging__inner
*	paging__pagination
*	paging__wrapper
*/
.paging--flexbox {
  padding: 0.75rem 0.9375rem 0; }

/*
*	COMPONENTS: PANEL
*--------------------------
*	panel
*   panel--ajaxloading
*   panel--expand-swatches
*   panel--product-search
*   panel--cart-summary
*   -------------
*   is-opened
*   panel--async-html-container
*   panel--fixed-nav-spacer
*   panel--personal-information-message
*   panel--product-search
*   panel--touchspin-button-disabled
*   panel--touchspin-button-down
*   panel--touchspin-button-up
*   panel--user
*   panel--users
*/
.product-display--tableview .panel--async-html-container {
  /*
     * Size of the async loader should be large enough to prevent as much table size jumping as possible when loaded
    */
  width: 50%; }

.panel--product-search {
  /*
    *   Make the cart summary top right aligned.
    *   By default, the cart has a width of 0 to make it collapsed.
    */
  min-width: 0;
  width: 0;
  height: 100%;
  position: fixed;
  z-index: 1055;
  top: 0;
  right: 0;
  /*
	*   Styling the default background like a modal
	*/
  background: #ffffff;
  transition: all 0.3s;
  overflow: auto;
  overflow-x: hidden;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .panel--product-search.is-opened {
    width: 100vw; }
  .panel--product-search.is-opened {
    /*
        *   Cart Summary Side Nav should take 100% of the viewport width when opened
        */
    width: 100vw; }
    @media (min-width: 768px) {
      .panel--product-search.is-opened {
        /*
            *   Limit the width of the cart-summary panel in ipad/desktop resolution
            */
        width: 400px; } }
  .panel--product-search > .card--order-express-product-search {
    /*
        *   Make sure the card take 100% of the viewport height
        */
    height: 100vh; }
    .panel--product-search > .card--order-express-product-search > .card__body {
      /*
            *   Make sure the content will not collapse on it-self in lower height resolution.
            */
      flex-shrink: 0; }

.panel--fixed-nav-spacer {
  /*
  * Spacer used to simulate the menu when the fixed navigation
  * is active. Menu is not shown on mobile, so it should be hidden
  * be default
  */
  display: none;
  /*
  * Not using bootstrap utility glass d-lg-block to avoid
  * unwanted spacing caused by the !important set on the utility class
  */ }
  @media (min-width: 992px) {
    .panel--fixed-nav-spacer {
      display: block; } }
.panel--touchspin-button-disabled {
  /*
  * Make sure when the panel is targeted then the effect around the panel
  * is the same as the other element
  */ }
  .panel--touchspin-button-disabled:focus, .panel--touchspin-button-disabled.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .panel--touchspin-button-disabled:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .panel--touchspin-button-disabled:focus-visible, .panel--touchspin-button-disabled:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .panel--touchspin-button-disabled:focus-visible[href]:not(.button), .panel--touchspin-button-disabled:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.panel--cart-summary {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; }

@media (max-width: 991.98px) {
  .panel--cart-summary-dropdown {
    /*
    * Cancel default .offcanvas-end border set on bootstrap
    */
    border-left-width: 0; } }

.panel--ajaxloading {
  /*
  * Container for the ajax loading (small and big)
  */
  align-items: center;
  display: flex;
  max-height: 100vh;
  padding: 0.46875rem;
  justify-content: center; }
  .section--product-display .panel--ajaxloading {
    /*
    * Some listing might have a long panel and we are not seeing the loading icon as it is too far.
    * for this view only, setting the ajaxloading icon at the top;
    */
    align-items: flex-start; }

.panel--fixed-nav-spacer[style~="none;"] {
  /*
    * d-lg-block adds a display block !important style. So hidding and showing the element with js does not affect the display
    * this gives more specificity when it is hidden through js, to counter the important in d-lg-none.
  */
  display: none !important; }

.panel--personal-information-message.offcanvas {
  /*
    .panel--personal-information-message.offcanvas to override the Bootstrap setting for a 30vh height for a bottom offcanvas.
  */
  height: auto; }

/*
*	COMPONENTS: PICTURE
*   --------------------------
*   picture
*   picture__source
*   picture__image
*/
/*
* 	WIDGET: POWERSEARCH
*   --------------------------
*	powersearch
*   powersearch__filter
*       powersearch__filter--action
*       show
*       hide
*       is-hidden-onload
*   powersearch__filter-list
*	powersearch__filter-count
*   powersearch__filter-label
*	powersearch__section
*	powersearch__section-title
*	powersearch__title
*   powersearch__wrapper
*/
@media (max-width: 991.98px) {
  .powersearch {
    min-width: 0;
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 1055;
    top: 0;
    left: -100vw;
    /*
	*   Styling the default background like a modal
	*/
    background: #ffffff;
    transition: all 0.3s;
    overflow: auto;
    overflow-x: hidden;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .powersearch.is-opened {
      width: 100vw;
      left: 0vw; } }

.powersearch > .card--powersearch {
  /*
        *   Cancelling border on the first container
        *   to allow the sub-section to float on the page by default
        */
  border: 0; }

.powersearch .attributes {
  /*
        *   Handling long attributes title to avoid page break
        */
  word-break: break-all; }

.powersearch__filter {
  /*
    *   #bootstrap5fix#
    *   Cancelling background-color set on list-group-item to inherit from powersearch default background
    *   Also fix an issue where the box-shadow from focus header would but hiddent behind this background
    */
  background: transparent;
  /*
    *   Filters can be toggled between beeing displayed on screen or not
    */ }
  .powersearch__filter.is-hidden-onload {
    display: none; }
    .powersearch__filter.is-hidden-onload.hide {
      /*
            *   Toggle hide
            */
      animation: fadeOut .2s ease; }
    .powersearch__filter.is-hidden-onload.show {
      /*
            *   Toggle show
            */
      animation: fadeIn .2s ease;
      display: block; }

.powersearch__title {
  /*
    *   Powersearch title shows in mobile. Use same size level configuration as the cart summary title for consistency.
    */ }

/*
* 	COMPONENTS: PRICE-GROUP
*--------------------------
*	price-group
*		price-group--price-per-quantity
*       price-group--fee-list
*	price-group__label
*	price-group__price
*
*	Price group is use whenever there's a price to display.
*	Multiple elements are part of a product's price (label, price, unit of measure, etc.)
*	price-group regroups these elements together in a logical container. 
*	Since you can have multiple price for an item, this is used as a container.
*/
/*
* 	COMPONENTS: PRICE
 *--------------------------
 *	price
 *		price--amount-to-pay
 *		price--before-discount
 *		price--big
 *		price--discount-label
 *		price--ehf
 *    price--fee-list
 *		price--highlight
 *		price--item-price
 *		price--retail
 *		price--small
 *		price--subtotal
 *		price--total
 *	price__amount
*	price__currency
 *	price__discount
 *	price__label
 *  price__quantity
 *	price__uom
 *  price__term-discount
*/
.price .form__input-group {
  /*
        *   Make sure the price input box use when editing price
        *   support at least 5 digits in lower resolution
        */
  min-width: 6.875rem; }

.price--big {
  /*
    *	Font size based on default bigger font size variable
    */
  font-size: 1.17188rem; }

.price--small {
  /*
    *	Font size based on default smaller font size variable
    */
  font-size: 0.82031rem; }

.price--before-discount {
  /* 
  * Default <s> tag use text-decoration: strikethrough, but sometime the line created
    make it hard to read numbers.
  */
  text-decoration: none;
  /*
  *	Simulate a line-through since the original text-decoration: line-through
  *	doesn't give as much control as we would
  */ }
  .price--before-discount .price__amount {
    position: relative; }
    .price--before-discount .price__amount:before {
      border-bottom: 1px solid #262626;
      bottom: 45%;
      position: absolute;
      content: "";
      width: 100%;
      height: 50%;
      pointer-events: none; }

.price--discount-label {
  /*
    *	Forcing the discount to go on the next line
    *	by taking 100% of his container
   */
  display: block; }

.price--ehf,
.price--retail,
.price--before-discount {
  /*
    *   Defining default .body-secondary-color color from Bootstrap and font-size
    *	to element that should be smaller then original price to ensure
    *	eyes focus is set on the item price 
    */ }
  .price--ehf .price__amount,
  .price--ehf .price__uom,
  .price--ehf .price__ehf-amount,
  .price--ehf .price__text,
  .price--ehf .price__link,
  .price--ehf .price__label,
  .price--retail .price__amount,
  .price--retail .price__uom,
  .price--retail .price__ehf-amount,
  .price--retail .price__text,
  .price--retail .price__link,
  .price--retail .price__label,
  .price--before-discount .price__amount,
  .price--before-discount .price__uom,
  .price--before-discount .price__ehf-amount,
  .price--before-discount .price__text,
  .price--before-discount .price__link,
  .price--before-discount .price__label {
    color: #262626;
    font-weight: normal; }

.price__link:focus, .price__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.price__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.price__link:focus-visible, .price__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .price__link:focus-visible[href]:not(.button), .price__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.price__amount,
.price__label {
  /*
	*	Default value for the price.
	*	Using the value of .price, and inherits any modifier --small or --big 
	*	All information should be on the same line (Price, UOM)
	 */
  white-space: nowrap;
  font-size: 1em; }
  .table--payment-portal .price__amount, .table--payment-portal .price__label {
    /*
		*	allowing price to break at white space in the payment portal invoice table to avoid
		*	as much as possible the table to break out of the container
		*/
    white-space: normal; }

.price__uom {
  /*
	*	Default value for the UOM.
	*	UOM should be smaller and is positionned next to the price.
	*	Inherits any modifier --small or --big on .price
	 */
  /*
    *	Font size based on default smaller font size variable
    */
  font-size: .75em;
  white-space: nowrap; }

/*
* 	COMPONENTS: PRODUCT
*   --------------------------
*	product
*   is-available-in-store
*   is-coupon-item
*		is-digital-product
*		is-in-personalized-catalog
*		is-in-promotion
*		is-kit-grouping
*		is-new-product
* product__add-to-cart
* product__attributes
*   product__attributes--configuration
*   product__attributes--information
*   product__attributes--swatch
*   product__attributes--grid
* product__availability
* product__brand
* product__code
* product__code-upc
* product__comments
*	product__connect-to-view-price
* product__description
* product__discount-label
* product__image
* product__item-coupon
* product__item-price
* product__item-price-before-discount
* product__price-group
*	product__price-message
* product__price-per-quantity
* product__quantity
* product__quantity-back-order
* product__retail-price
* product__rating
* product__tags
* product__tag
* product__title
* product__view-options
* product__where-to-buy
*/
.product__tags {
  position: absolute;
  top: 5px;
  right: 5px;
  width: calc(100% - 10px);
  z-index: 50; }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .product-display--listview .product__tags {
      /*
            *	Setting the position of the promotion tag on lower resolution
            *	as a button instead of a tag so it does not hide the picture
            */
      position: static;
      width: 100%; } }
  @media (max-width: 575.98px) {
    .product-display--listview .product__tags {
      /*
            *	Setting the position of the promotion tag on lower resolution
            *	as a button instead of a tag so it does not hide the picture
            */
      position: static;
      width: 100%; } }
.is-quick-add-to-cart.is-in-cart .product__image {
  /*
        *   reducing opacity of product image if the product is in the cart and the quick add to cart is activated
        */
  opacity: 0.5; }

.product__add-to-cart .button-group__dropdown {
  max-height: clamp(25vh, 100vh, 50vh);
  overflow-y: auto;
  max-width: clamp(200px, 100vw, 400px); }

.product__add-to-cart .button--dropdown {
  /*
    *	Long text can cause the text to go outside of the button group.
    */
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

.product__price-message {
  /*
    *   Message displayed on screen when a product price is set to zero.
    *   Message can be changed in the admin.
    */
  display: inline-block; }
  .table__cell--product-display-price .product__price-message {
    /*
        *   Table cell will force white space to break and send the message
        *   on multiple line. Forcing the default text to stay on one line
        *   Default value "Contact us for pricing"
        */
    white-space: nowrap; }

/*
*	COMPONENTS: PROGRESS
*	--------------------------
*	progress
*	progress__bar
*		progress__bar--10
*		progress__bar--20
*		progress__bar--30
*		progress__bar--40
*		progress__bar--50
*		progress__bar--60
*		progress__bar--70
*		progress__bar--80
*		progress__bar--90
*		progress__bar--100
*		progress__bar--striped
*/
.progress__bar {
  transition: width .5s ease-in-out; }

.progress__bar--10 {
  width: calc(10 * 1%); }

.progress__bar--20 {
  width: calc(20 * 1%); }

.progress__bar--30 {
  width: calc(30 * 1%); }

.progress__bar--40 {
  width: calc(40 * 1%); }

.progress__bar--50 {
  width: calc(50 * 1%); }

.progress__bar--60 {
  width: calc(60 * 1%); }

.progress__bar--70 {
  width: calc(70 * 1%); }

.progress__bar--80 {
  width: calc(80 * 1%); }

.progress__bar--90 {
  width: calc(90 * 1%); }

.progress__bar--100 {
  width: calc(100 * 1%); }

/*
* 	COMPONENTS: PROMOTION
 *--------------------------
 *	promotion
 *  promotion__image
 *  promotion__title
*/
/*
* 	COMPONENTS: PURCHASE-LIST
*--------------------------
*	purchase-list
*   purchase-list__last-update
*   purchase-list__quantity
*   purchase-list__name
*/
/*
* 	WIDGET: QUANTITY-BOX
*   --------------------------
*	quantity-box
*	quantity-box__wrapper
*	quantity-box__inner
*		quantity-box__inner--input
*   quantity-box__inner--quick-add
*	quantity-box__input
*   quantity-box__unit-of-measure
*/
@media (min-width: 768px) {
  .quantity-box {
    display: inline-block; } }

.quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio),
.quantity-box .form__text--input-qty {
  /*
    * Remove padding to allow digits to be seens when 4 digits
    */
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  /*
    *   Remove default arrow in number field which is replace by
    *   Bootstrap TouchSpin vendor script
    */
  -webkit-appearance: textfield;
  -apple-appearance: textfield;
  -khtml-appearance: textfield;
  -moz-appearance: textfield;
  -rim-appearance: textfield;
  -xv-appearance: textfield;
  -ms-appearance: textfield;
  -o-appearance: textfield;
  appearance: textfield; }
  .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio):not(.form__text--input-disabled):not([disabled]),
  .quantity-box .form__text--input-qty:not(.form__text--input-disabled):not([disabled]) {
    background: #ffffff; }
  .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio)::-webkit-inner-spin-button, .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio)::-webkit-outer-spin-button,
  .quantity-box .form__text--input-qty::-webkit-inner-spin-button,
  .quantity-box .form__text--input-qty::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -apple-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -rim-appearance: none;
    -xv-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin: 0; }
  .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio).is-invalid, .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio).is-valid,
  .quantity-box .form__text--input-qty.is-invalid,
  .quantity-box .form__text--input-qty.is-valid {
    /*
      * #bootstrapfix
      * Default bootstrap adds a background image to invalid input.
      * This is causing an issue in quantity box since it is small.
      */
    padding-right: 0;
    padding-left: 0; }
  @media (max-width: 767.98px) {
    .quantity-box .form__input:not([multiple]):not([size]):not(.form__input--check):not(.form__input--radio),
    .quantity-box .form__text--input-qty {
      /*
        * Make sure the default size of button is
        * defined as requested by Lighthouse for accessibility sizes
        */
      min-width: 3rem;
      min-height: 3rem; } }
@media (max-width: 767.98px) {
  .quantity-box .form__select {
    /*
        * Make sure the default size of button is
        * defined as requested by Lighthouse  for accessibility sizes
        */
    min-width: 3rem;
    min-height: 3rem; } }

.quantity-box .form__validation {
  /*
    * Limit the size of the validation message to avoid messing with the page if the 
    * message is to long in desktop
    */ }
  @media (min-width: 992px) {
    .quantity-box .form__validation {
      width: clamp(0px, 10em, 106px); } }
.quantity-box__inner--quick-add {
  display: none; }
  .is-in-cart:not(.is-customizable) .quantity-box__inner--quick-add {
    display: block; }

/*
* 	COMPONENTS: RATING
*   --------------------------
*	rating
*   rating--unrated
*		rating--rated1
*		rating--rated2
*		rating--rated3
*		rating--rated4
*		rating--rated5
*   is-fixed
* rating__button
* rating__buttons
*	rating__wrapper
*	rating__inner
*	rating__icon-group
* rating__icon
*   rating__icon--pos1
*   rating__icon--pos2
*   rating__icon--pos3
*   rating__icon--pos4
*   rating__icon--pos5
* rating__label
* rating__rating-number
*	rating__text
*   rating__text--visually-hidden
*/
.rating__icon {
  color: #262626; }
  .rating__icon:before {
    /*
    * Empty star regular (far)
    */
    font-weight: 400; }

.rating__icon-group {
  /*
  * Avoid having stars icon on multiple lines
  */
  white-space: nowrap; }

.rating__rating-number {
  font-weight: 700; }

/*
* Set highligh rating icon based on the rated number
*/
.rating--rated1 .rating__icon--pos1 {
  color: #000000; }
  .rating--rated1 .rating__icon--pos1:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated2 .rating__icon--pos1 {
  color: #000000; }
  .rating--rated2 .rating__icon--pos1:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated2 .rating__icon--pos2 {
  color: #000000; }
  .rating--rated2 .rating__icon--pos2:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated3 .rating__icon--pos1 {
  color: #000000; }
  .rating--rated3 .rating__icon--pos1:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated3 .rating__icon--pos2 {
  color: #000000; }
  .rating--rated3 .rating__icon--pos2:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated3 .rating__icon--pos3 {
  color: #000000; }
  .rating--rated3 .rating__icon--pos3:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated4 .rating__icon--pos1 {
  color: #000000; }
  .rating--rated4 .rating__icon--pos1:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated4 .rating__icon--pos2 {
  color: #000000; }
  .rating--rated4 .rating__icon--pos2:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated4 .rating__icon--pos3 {
  color: #000000; }
  .rating--rated4 .rating__icon--pos3:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated4 .rating__icon--pos4 {
  color: #000000; }
  .rating--rated4 .rating__icon--pos4:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated5 .rating__icon--pos1 {
  color: #000000; }
  .rating--rated5 .rating__icon--pos1:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated5 .rating__icon--pos2 {
  color: #000000; }
  .rating--rated5 .rating__icon--pos2:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated5 .rating__icon--pos3 {
  color: #000000; }
  .rating--rated5 .rating__icon--pos3:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated5 .rating__icon--pos4 {
  color: #000000; }
  .rating--rated5 .rating__icon--pos4:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

.rating--rated5 .rating__icon--pos5 {
  color: #000000; }
  .rating--rated5 .rating__icon--pos5:before {
    /*
            * Full star solid (fas)
            */
    font-weight: 900; }

/*
* 	COMPONENTS: REVIEW
*   --------------------------
*	review
*   review__username
*   review__location
*   review__rating
*   review__title
*   review__date
*   review__description
*   review__label
*   review__text
*       review__text--visually-hidden
*   review__header
*   review__body
*   review__footer
*   review__note-helpful
*   review__button
*       review__button--helpful
*       review__button--not-helpful
*/
/*
* 	COMPONENTS: SECTION
*--------------------------
*	section
*       section--top-row
*       section--middle-row
*       sectopm--bottom-row
*       section--brand-display
*       section--category-display
*       section--full-width
*       section--product-display
*       section--promotion-display
*       section--promotion-product-listing
*	section__container
*	section__inner
*       section__inner--powersearch
*       is-hidden
*	section__wrapper
*/
.section--full-width > .section__container {
  max-width: 100%;
  width: 100%; }
  .section--full-width > .section__container > .section__wrapper > .section__inner {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

@media (min-width: 768px) {
  .section__inner--powersearch {
    transition: all .2s ease-in-out; }
    .section__inner--powersearch.is-hidden {
      margin: 0;
      padding: 0;
      opacity: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0; } }

/*
* 	COMPONENTS: SEPARATOR
*--------------------------
*	separator
*		separator--horizontal
*		separator--vertical
*       separator--presentation
*/
.separator--vertical, .separator--vertical:not([size]) {
  /*
        *   Copying bootstrap <HR> found in _type.scss to create
        *   a vertical separator instead of horizontal separator
        *   
        *   #bootstrap5fix#
        *   overwriting the height: 1px; from _reboot bootstrap applied on hr:not([size])
        */
  border: 0;
  border-left: solid #000000;
  height: 100%; }

.separator--horizontal {
  /*
    *   Copying bootstrap <HR> found in _type.scss to create
    *   a horizontal separator
    */
  border: 0;
  /*
  * Fixed issue where background color of HR would be set to currentColor instead
  * of using border-color
  */
  background-color: #000000; }
  .separator--horizontal:not(:last-child) {
    border-bottom: solid #000000; }

.separator--presentation {
  /*
    *   #bootstrap5fix
    *   Separator with a role of presentation are there to force a new line. This shouldn't have a margin-top set on it.
    *   Removing the default margin-top: (var--bs-gutter-y) set on element .row > * from the bootstrap _grid.scss file
    */
  margin-top: 0; }

/*
*	COMPONENTS: STORE
*   --------------------------
*	store
*   store__address-lines
*   store__business-hours
*   store__closing-hour
*   store__day
*   store__description
*   store__email
*   store__exception
*   store__exceptions
*   store__fax
*   store__information
*   store__map
*   store__map-container
*   store__marker
*   store__marker-button
*   store__marker-distance
*   store__marker-image
*   store__marker-icon
*   store__marker-number
*   store__name
*   store__opening-hour
*   store__phone
*   store__pickup-in-store
*   store__preferred-store
*   store__service
*   store__service-list
*   store__services-and-categories
*   store__services-offered
*   store__status
*       is-opened
*       is-closed
*   store__store-hours
*   store__text
*   store__url
*/
.store .list--list-group > .list__item {
  padding: 0.9375rem 0.9375rem; }

.store__map--store-detail {
  width: 100%;
  height: 400px; }
  @media (min-width: 992px) {
    .store__map--store-detail {
      height: 650px; } }
.store__map-container:focus, .store__map-container.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.store__map-container:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.store__map-container:focus-visible, .store__map-container:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .store__map-container:focus-visible[href]:not(.button), .store__map-container:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.store__marker {
  position: relative;
  display: inline-flex;
  justify-content: center;
  font-size: 0.9375rem; }
  .store__marker .store__marker-icon {
    margin-left: 0;
    /*
    * Using same icon as Google Map, Orion Font Library for consistancy
    * Default: Location Marker Icon
    */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-labelledby='title' aria-describedby='desc' role='img' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELocation Marker%3C/title%3E%3Cdesc%3EA solid styled icon from Orion Icon Library.%3C/desc%3E%3Cpath data-name='layer1' d='M32 62c0-17.1 16.3-25.2 17.8-39.7A18 18 0 1 0 14 20a17.7 17.7 0 0 0 .2 2.2C15.7 36.8 32 44.9 32 62z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E");
    background-size: 64px 64px;
    height: 64px;
    width: 64px; }
    .store__marker .store__marker-icon:before {
      /*
      * Using same icon as Google Map, Orion Font Library
      */
      content: ""; }
  .store__marker .store__marker-number {
    color: #ffffff;
    display: inline-block;
    margin: 0.75em auto auto auto;
    position: absolute;
    /*
    * Fix an issue where text would be hidden behind marker icon
    */
    z-index: 1; }

.store__status.is-opened {
  /*
     *  Default color for the opened status
    */
  color: #24963e; }

.store__status.is-closed {
  /*
     *  Default color for the closed status
    */
  color: #dc3545; }

/*
* 	COMPONENTS: TABLE
*--------------------------
*	table
*		table--credit-details
*		table--credit-listing
*		table--flip-scroll
*   table--flush
*		table--invoice-listing
*   table--layout-fixed
*		table--payment-validation
*		table--xs-down-flip-scroll
*		table--sm-down-flip-scroll
*		table--md-down-flip-scroll
*		table--lg-down-flip-scroll
*		table--xl-down-flip-scroll
*		table--xxl-down-flip-scroll
*		table--small
*     is-loading
*	table__body
*	table__caption
*	table__cell
*		table__cell--amount
*		table__cell--amount-remaining
*		table__cell--current-due
*		table__cell--document-number
*		table__cell--flipped-full-width
*		table__cell--header
*   table__cell--image
*		table__cell--credit-review-action
*		table__cell--credit-review-code
*		table__cell--credit-review-code-erp
*		table__cell--credit-review-type
*		table__cell--credit-review-date
*		table__cell--credit-review-payment-amount
*		table__cell--credit-review-remaining-amount
*		table__cell--due-date
*		table__cell--invoice-number
*		table__cell--invoice-review-action
*		table__cell--invoice-review-current-due
*		table__cell--invoice-review-date
*		table__cell--invoice-review-total
*		table__cell--invoice-review-number
*		table__cell--invoice-review-original-amount
*		table__cell--invoice-review-payment-amount
*		table__cell--invoice-review-purchase-order-number
*		table__cell--invoice-review-remaining-amount
*		table__cell--invoice-review-status
*   table__cell--no-results
*   table__cell--order-review-action
*   table__cell--order-review-code
*   table__cell--order-review-code-erp
*   table__cell--order-review-contact-name
*   table__cell--order-review-customer-group
*		table__cell--order-review-date
*   table__cell--order-review-purchase-order-number
*   table__cell--order-review-total
*   table__cell--order-review-status
*   table__cell--order-review-content-action
*		table__cell--order-review-content-status
*		table__cell--order-review-content-quantity-bo
*		table__cell--order-review-content-code
*		table__cell--order-review-content-date
*		table__cell--order-review-content-description
*		table__cell--order-review-content-packing-slip
*		table__cell--order-review-content-picture
*		table__cell--order-review-content-price
*		table__cell--order-review-content-purchase-order-number
*		table__cell--order-review-content-quantity
*		table__cell--order-review-content-quantity-invoiced
*   table__cell--order-review-content-quantity-missing
*   table__cell--order-review-content-quantity-returnable
*		table__cell--order-review-content-quantity-shipped
*		table__cell--order-review-content-quantity-ordered
*		table__cell--order-review-content-quantity-to-return
*		table__cell--order-review-content-quantity-to-ship
*		table__cell--order-review-content-subtotal
*		table__cell--order-review-content-upc
*		table__cell--payment-review-action
*		table__cell--payment-review-code
*		table__cell--payment-review-code-erp
*		table__cell--payment-review-type
*		table__cell--payment-review-date
*		table__cell--payment-review-payment-amount
*		table__cell--payment-review-remaining-amount
*		table__cell--packing-slip-review-action
*		table__cell--packing-slip-review-carrier
*		table__cell--packing-slip-review-date
*		table__cell--packing-slip-review-number
*		table__cell--packing-slip-review-quantity
*		table__cell--packing-slip-review-tracking-number
*   table__cell--product-display-action
*   table__cell--product-display-attributes-configuration
*   table__cell--product-display-attributes-configuration-other
*   table__cell--product-display-attributes-information
*   table__cell--product-display-availability
*   table__cell--product-display-code
*   table__cell--product-display-description
*   table__cell--product-display-picture
*   table__cell--product-display-price
*   table__cell--product-display-quantity
*   table__cell--purchase-rules
*   table__cell--quote-review-action
*   table__cell--quote-review-code
*   table__cell--quote-review-code-erp
*   table__cell--quote-review-date
*   table__cell--quote-review-order-number
*   table__cell--quote-review-status
*		table__cell--pay-invoice
*		table__cell--period
*		table__cell--po
*   table__cell--price
*		table__cell--total
*   table__cell--warehouse-availability
*   table__cell--warehouse-name
*   table__cell--warehouse-quantity
*	table__figure
*	table__footer
*		table__footer--total
*	table__header
*   table__inner
*	table__link
* table--product
*	table__text
*   table__wrapper
*	table__row
*       has-error
*       has-warning
*		table__row--credits-used
*		table__row--error
*		table__row--fees
*		table__row--gift-certificate
*		table__row--header
*   table__row--other-fees
*		table__row--packing-slip
*		table__row--payment
*		table__row--product
*		table__row--shipping-charge
*		table__row--shipping-handling
*   table__row--trade-discount
*   table__row--sticky
*		table__row--subtotal
*		table__row--taxes
*		table__row--terms-discount
*		table__row--total
*		table__row--total-amount
*		table__row--totals
*/
.table {
  /*
  * Add a loading state on top of the table while the page is loading
  */ }
  .table:last-child {
    /*
		*	#bootsrap5fix#
		*	Fix: Fixing bootstrap 4 .table margin-bottom that caused the last
		*	element to have a margin, creating an empty space
		*/
    margin-bottom: 0; }
  .table.is-loading {
    overflow: hidden;
    position: relative;
    pointer-events: none;
    cursor: wait; }
    .table.is-loading::before {
      background: rgba(255, 255, 255, 0.5);
      content: "";
      cursor: wait;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow: hidden;
      width: 100%;
      z-index: 9998; }
    .table.is-loading::after {
      color: #000000;
      content: "\f1ce";
      display: block;
      font-size: 2rem;
      left: 48%;
      top: 40%;
      position: absolute;
      z-index: 9999;
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      /*
      * Use same animation as from bootstrap "fa-spin"
      */
      -webkit-animation: fa-spin 1.5s linear infinite;
      -apple-animation: fa-spin 1.5s linear infinite;
      -khtml-animation: fa-spin 1.5s linear infinite;
      -moz-animation: fa-spin 1.5s linear infinite;
      -rim-animation: fa-spin 1.5s linear infinite;
      -xv-animation: fa-spin 1.5s linear infinite;
      -ms-animation: fa-spin 1.5s linear infinite;
      -o-animation: fa-spin 1.5s linear infinite;
      animation: fa-spin 1.5s linear infinite; }

.table--flush {
  /* 
    *	#bootstrap5fix#
    *   fixing border-bottom-width set on table > :not(caption) > * > * set in bootstrap _tables.scss file.
    *   if inside a flush element without any padding, removing bottom borders on last element to prevent border doubling
    *   targetting is specific:
    *   - must not affect table__rows in table__head
    *   - must affect table__cell in the last table__row of a table__body
    */ }
  .table--flush > .table__body > .table__row:last-child > .table__cell {
    border-bottom: 0; }
  .table--flush > .table__footer > .table__row {
    /* 
        *   if there is a table__footer, we need to replicate the last border bottom that was cancelled in the table__body
        *   and remove the final border-bottom in the table__footer like it was done in the table__body
        */ }
    .table--flush > .table__footer > .table__row:first-child > .table__cell {
      border-top-width: var(--bs-border-width); }
    .table--flush > .table__footer > .table__row:last-child > .table__cell {
      border-bottom: 0; }

.table--layout-fixed {
  /*
  * Force columns of a table to be equially distributed by the browser
  */
  table-layout: fixed;
  /*
  * Truncate long title since form element in table can be controlled
  * by the user. Since we don't know the available space, we will hide any overflow to avoid page break
  */ }
  .table--layout-fixed .form__label {
    display: inline-block;
    max-width: calc(100% - 0.1px);
    width: auto;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .table--payment-portal.table--invoice-listing .table__cell, .table--payment-portal.table--credit-listing .table__cell {
    /*
                *	Reducing the font-size of the content of the payment portal invoice listing table on specific resolution to avoid
                *	as much as possible the table to break out of the container
                */
    padding: 0.25rem 0.25rem; }
    .table--payment-portal.table--invoice-listing .table__cell,
    .table--payment-portal.table--invoice-listing .table__cell .button,
    .table--payment-portal.table--invoice-listing .table__cell .form__input,
    .table--payment-portal.table--invoice-listing .table__cell .price__currency, .table--payment-portal.table--credit-listing .table__cell,
    .table--payment-portal.table--credit-listing .table__cell .button,
    .table--payment-portal.table--credit-listing .table__cell .form__input,
    .table--payment-portal.table--credit-listing .table__cell .price__currency {
      font-size: 0.82031rem; } }

.table--total > .table__footer > .table__row {
  /* 
        *   if there is a table__footer, we need to replicate the last border bottom that was cancelled in the table__body
        *   and remove the final border-bottom in the table__footer like it was done in the table__body
        */ }
  .table--total > .table__footer > .table__row:last-child > .table__cell {
    border-bottom: 0; }

.table--order-express {
  /*
   *  Order express needs to have table__header as sticky, but with the bootstrap table-bordered class, the table gets border-collapse: collapse, which 
   *  causes an issue with sticky table row. With being out of the flow, the table cannot understand how to collapse the table. 
   *
   *  The grid and borders has to be done manually to keep using border-collapse: separate to handle a sticky border on the table__header
  */
  border-collapse: separate;
  border-spacing: 0; }
  .table--order-express .table__header .table__row:last-child .table__cell {
    border-bottom-width: 2px;
    border-bottom-color: #000000; }

.table--payment-portal,
.table--product {
  /*
  * Fix an issue where the responsive-table div would display the vertical scrollbar even when there is enough space on the page.
  */ }
  .table--payment-portal:last-child,
  .table--product:last-child {
    margin-bottom: 1px; }

.table__caption--visually-hidden {
  /*
    *   WCAG fixes. Sometime, the color is the same as the background and it gives a contrast ratio error.
    *   taking same value has $table-caption-color to have a color ratio value of 8.18
    */
  background: #ffffff;
  color: #495057; }

.table__header--sticky-top {
  background-color: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1020; }

.table__cell--order-review-content-edit-price {
  /*
    *	Display two buttons "Price-Submit" and "Price-Cancel"
    *	in the order review section of checkout. Setting a min-width
    *	will ensure these 2 buttons fit on one line
    */
  min-width: 125px; }

@media (min-width: 768px) {
  .table__cell--packing-slip-review-quantity,
  .table__cell--order-review-content-quantity-bo,
  .table__cell--order-review-content-quantity,
  .table__cell--order-review-content-quantity-invoiced,
  .table__cell--order-review-content-quantity-ordered,
  .table__cell--order-review-content-quantity-missing,
  .table__cell--order-review-content-quantity-returnable,
  .table__cell--order-review-content-quantity-shipped,
  .table__cell--order-review-content-quantity-to-return,
  .table__cell--order-review-content-quantity-to-ship,
  .table__cell--packing-slip-review-carrier,
  .table__cell--packing-slip-review-tracking-number {
    /*
    * Information set in these column should be centered
    * when display on desktop screen
    */
    text-align: center;
    /*
    *   Allow quantity box to be centered in the table cell
    */ }
    .table__cell--packing-slip-review-quantity .add-to-cart,
    .table__cell--order-review-content-quantity-bo .add-to-cart,
    .table__cell--order-review-content-quantity .add-to-cart,
    .table__cell--order-review-content-quantity-invoiced .add-to-cart,
    .table__cell--order-review-content-quantity-ordered .add-to-cart,
    .table__cell--order-review-content-quantity-missing .add-to-cart,
    .table__cell--order-review-content-quantity-returnable .add-to-cart,
    .table__cell--order-review-content-quantity-shipped .add-to-cart,
    .table__cell--order-review-content-quantity-to-return .add-to-cart,
    .table__cell--order-review-content-quantity-to-ship .add-to-cart,
    .table__cell--packing-slip-review-carrier .add-to-cart,
    .table__cell--packing-slip-review-tracking-number .add-to-cart {
      display: inline-block; } }

@media (min-width: 768px) {
  .table__cell--packing-slip-review-carrier,
  .table__cell--packing-slip-review-tracking-number {
    /*
        * Information set in these column are number that should be aligned right
        * when display on desktop screen
        */
    text-align: right; } }

@media (min-width: 768px) {
  .table__cell--credit-review-action,
  .table__cell--invoice-review-action,
  .table__cell--order-review-action,
  .table__cell--order-review-content-action,
  .table__cell--packing-slip-review-action,
  .table__cell--payment-review-action,
  .table__cell--product-display-action,
  .table__cell--quote-review-action {
    /*
        * Information set in these column are number that should be aligned right
        * when display on desktop screen
        */
    text-align: right; } }

@media (min-width: 768px) {
  .table__cell--product-display-quantity,
  .table__cell--warehouse-quantity {
    /*
        * Information set in these column are number that should be aligned right
        * when display on desktop screen
        */
    text-align: right; } }

.table__cell--warehouse-name,
.table__cell--warehouse-availability {
  text-align: left; }

.table__cell--order-review-content-picture {
  /*
  *	Depending on configurations, multiple columns would make the product
  *	picture to small in the order review section in the checkout. Setting a min-width
  *	will ensure we can still see the product and stop the columns to compress itself
  */
  /*
  * Picture should be centered
  */
  text-align: center;
  /*
  *   Adding a display block on link arount picture so that the link matches
  *   the height of the picture
  */ }
  @media (min-width: 992px) {
    .table__cell--order-review-content-picture {
      width: clamp(100px, 5em, 150px); } }
  .table__cell--order-review-content-picture .table__figure,
  .table__cell--order-review-content-picture .image {
    /*
    *	#bootsrap5fix#
    *	removing default margin bottom set on figure element
    *	set in _reboot.scss bootstrap's file
    *	removing default margin bottom set on .img-fluid class
    *	set in _image.scss bootstrap's file
    *	creating an unwanted margin in mobile view.
    */
    margin-bottom: 0; }
  .table__cell--order-review-content-picture .table__link {
    display: block; }

@media (min-width: 768px) {
  .has-price-checker .table__cell--order-review-content-price {
    /*
       *  limiting the size of the table cell when price checker is available to limite the table cell size changing when expanding the 
       *  price checker collapse
      */
    width: 400px; } }

.table__cell--price {
  /*
  *   Numerical data should be right aligned if their values need to be visually comparable as this aligment
  *   reveals the order relation (as opposed to an alphabetical ordering) because left-positioned zeros are implicit.
  *   https://ux.stackexchange.com/questions/60994/should-date-price-or-other-numeric-column-along-with-their-heading-be-aligne
  */
  text-align: right; }

@media (min-width: 992px) {
  .product-display--tableview .table__cell--product-display-picture {
    /*
       * Having a fixed image size for table view makes for a more consistent table display, with less table cell size changing.
       * Prevents cell width increase when changing the preview picture of the product while hovering a swatch.
      */
    width: 150px; } }

.table__cell--header {
  /*
  * fixes table__label not being aligned with button--sortable because of the inline-block
  */
  line-height: normal;
  /*
  *   Header cell can be sortable. In order to initial the sorting, user will click on the header cell.
  *   The element is a button--link and should inherit from the table__cell element to look like it
  */
  /*
  *   Prevent long text to make the table break the page when there is no enough space.
  *   Hidding the overflow and displaying ellipsis on screen
  */ }
  .table__cell--header .button--link {
    color: inherit;
    font-weight: inherit;
    text-align: inherit; }
  .table__cell--header .button--sortable {
    display: inline-block;
    max-width: calc(100% - 1px);
    white-space: nowrap;
    width: 100%;
    overflow: hidden; }
    .table__cell--header .button--sortable .button__text {
      display: inline-block;
      max-width: calc(90% - (0.3em + 0.46875rem));
      vertical-align: bottom;
      width: auto;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .table__header .table__cell--header .table__label:not(.table__label--visually-hidden) {
    display: inline-block;
    max-width: calc(100% - 0.1px);
    width: auto;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .table__header .table__cell--header .form__form-group--check {
    /*
      *   Table header checkbox (select all) must be vertically aligned
      */ }
    @media (min-width: 992px) {
      .table__header .table__cell--header .form__form-group--check.form__form-group--label-hidden {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .table__header .table__cell--header .form__form-group--check.form__form-group--label-hidden .form__input--check {
          top: inherit; } }
.table__cell--price-checker-value {
  /*
    Some errors messages or long codes without spaces can break the boundaries of the container.
  */
  overflow-wrap: anywhere !important; }

@media (min-width: 768px) {
  .table__cell--order-review-content-packing-slip {
    /*
    *   Since packing-slip card is within a table__cell, we need to cancel
    *   padding-left and padding-right so it fits flush with the product above.
    */ }
    .table .table__cell--order-review-content-packing-slip {
      padding-left: 0;
      padding-right: 0; } }

.table__link {
  /*
  *   Since we don't know if the link contains a block or inline element
  *   we make sure the link will not take the entire space in case this is just a text
  */ }
  .table__link:focus, .table__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .table__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .table__link:focus-visible, .table__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .table__link:focus-visible[href]:not(.button), .table__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .table__link > * {
    display: inline-block;
    /*
     *  setting the display inline-block made it that it ignored the text-decoration on the table__link
    */
    text-decoration: underline; }

.table__row.has-error {
  /*
    *	Display a background on row that has error
    *	using the default $danger color from bootstrap
    */
  background-color: #f8d7da;
  color: #842029; }
  .table__row.has-error .icon,
  .table__row.has-error .caption__text {
    color: #842029; }
  .table__row.has-error > .table__cell .icon,
  .table__row.has-error > .table__cell .caption__text {
    /*
        *	Display a background on row that has error
        *	using the default $danger color from bootstrap
        */
    color: #842029; }

.table__row.has-warning {
  /*
    *	Display a background on row that has error
    *	using the default $warning color from bootstrap
    */
  background-color: #faefcd;
  color: #8a6804; }
  .table__row.has-warning > .icon,
  .table__row.has-warning > .caption__text {
    color: #8a6804; }
  .table__row.has-warning > .table__cell .icon,
  .table__row.has-warning > .table__cell .caption__text {
    /*
        *	Display a background on row that has error
        *	using the default $warning color from bootstrap
        */
    color: #8a6804; }

.table__row.is-clickable {
  /*
    *	Display a background on row that is-clickable
    *	using the default $table-hover-bg value from bootstrap
    */
  cursor: pointer; }
  .table__row.is-clickable:hover > .table__cell, .table__row.is-clickable:focus > .table__cell {
    background-color: rgba(0, 0, 0, 0.075); }

.table__row.is-selected {
  /*
    *	Display a background on row that is-selected
    *	using the default $table-active value from bootstrap
    */ }
  .table__row.is-selected > .table__cell {
    background-color: rgba(0, 0, 0, 0.045);
    color: var(--bs-body-color); }

.table__row--header.table__row--totals .table__cell {
  /*
      *	#bootstrap5fix#
      *   Bootstrap set by default a border-bottom on table>thead>th, but in some case
      *   we do find a TH in a table__row and it's causing the border-size to change mid-way
      *   i.e.: You can see find an example in the payment portal dashboard page, invoice to pay per period table.
      */
  border-bottom: 0; }

.table__row--product {
  /*
  *	#bootstrap5fix#
  *   Default vertical alignement in table__cell is middle. For product,
  *   for consistency and better reading, setting it to top.
  */ }
  .table__row--product .table__cell {
    vertical-align: top; }

.table__row--comment .table__cell {
  border-top: 0; }

.table__row--packing-slip + .table__row--product > .table__cell {
  /*
   *  Increasing the space between items with a packing slip row to visually group packing slips with the product
  */
  padding-top: 2.8125rem; }

/*
*	TABLE FLIP SCROLL
*	At desired resolution and down, the table will flip in a more responsive layout.
*	Usage: Always flipped: use .table--flip-scroll on .table
*	Usage: Fliped on breakpoint and down: use .table--*-down-flip-scroll, where * is the desired breakpoint, going downwards
*	If alignment classes are used in the table__cells to align elements, they might have to be changed according to the breakpoint.
*/
@media screen {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--down-flip-scroll,
  .table--down-flip-scroll > .table__header,
  .table--down-flip-scroll > .table__body,
  .table--down-flip-scroll > .table__body > .table__row,
  .table--down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--down-flip-scroll > .table__footer,
  .table--down-flip-scroll > .table__footer > .table__row,
  .table--down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--down-flip-scroll > .table__body > .table__row,
  .table--down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--down-flip-scroll > .table__body > .table__row,
    .table--down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 399.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--xsm-down-flip-scroll,
  .table--xsm-down-flip-scroll > .table__header,
  .table--xsm-down-flip-scroll > .table__body,
  .table--xsm-down-flip-scroll > .table__body > .table__row,
  .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--xsm-down-flip-scroll > .table__footer,
  .table--xsm-down-flip-scroll > .table__footer > .table__row,
  .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--xsm-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--xsm-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--xsm-down-flip-scroll > .table__body > .table__row,
  .table--xsm-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--xsm-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--xsm-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 399.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--xsm-down-flip-scroll > .table__body > .table__row,
    .table--xsm-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--xsm-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--xsm-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--xsm-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--xsm-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--xsm-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--xsm-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 399.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 399.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 399.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xsm-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xsm-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xsm-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xsm-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 575.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--sm-down-flip-scroll,
  .table--sm-down-flip-scroll > .table__header,
  .table--sm-down-flip-scroll > .table__body,
  .table--sm-down-flip-scroll > .table__body > .table__row,
  .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--sm-down-flip-scroll > .table__footer,
  .table--sm-down-flip-scroll > .table__footer > .table__row,
  .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--sm-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--sm-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--sm-down-flip-scroll > .table__body > .table__row,
  .table--sm-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--sm-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--sm-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 575.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--sm-down-flip-scroll > .table__body > .table__row,
    .table--sm-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--sm-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--sm-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--sm-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--sm-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--sm-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--sm-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 575.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 575.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 575.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--sm-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--sm-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--sm-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--sm-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 767.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--md-down-flip-scroll,
  .table--md-down-flip-scroll > .table__header,
  .table--md-down-flip-scroll > .table__body,
  .table--md-down-flip-scroll > .table__body > .table__row,
  .table--md-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--md-down-flip-scroll > .table__footer,
  .table--md-down-flip-scroll > .table__footer > .table__row,
  .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--md-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--md-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--md-down-flip-scroll > .table__body > .table__row,
  .table--md-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--md-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--md-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 767.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--md-down-flip-scroll > .table__body > .table__row,
    .table--md-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--md-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--md-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--md-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--md-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--md-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--md-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 767.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--md-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 767.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--md-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--md-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--md-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 767.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--md-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--md-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--md-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--md-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--md-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 991.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--lg-down-flip-scroll,
  .table--lg-down-flip-scroll > .table__header,
  .table--lg-down-flip-scroll > .table__body,
  .table--lg-down-flip-scroll > .table__body > .table__row,
  .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--lg-down-flip-scroll > .table__footer,
  .table--lg-down-flip-scroll > .table__footer > .table__row,
  .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--lg-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--lg-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--lg-down-flip-scroll > .table__body > .table__row,
  .table--lg-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--lg-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--lg-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 991.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--lg-down-flip-scroll > .table__body > .table__row,
    .table--lg-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--lg-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--lg-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--lg-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--lg-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--lg-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--lg-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 991.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 991.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 991.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--lg-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--lg-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--lg-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--lg-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 1199.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--xl-down-flip-scroll,
  .table--xl-down-flip-scroll > .table__header,
  .table--xl-down-flip-scroll > .table__body,
  .table--xl-down-flip-scroll > .table__body > .table__row,
  .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--xl-down-flip-scroll > .table__footer,
  .table--xl-down-flip-scroll > .table__footer > .table__row,
  .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--xl-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--xl-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--xl-down-flip-scroll > .table__body > .table__row,
  .table--xl-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--xl-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--xl-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--xl-down-flip-scroll > .table__body > .table__row,
    .table--xl-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--xl-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--xl-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--xl-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--xl-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--xl-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--xl-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 1199.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 1199.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 1199.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xl-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xl-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xl-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xl-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media screen and (max-width: 1499.98px) {
  .table--flip-scroll,
  .table--flip-scroll > .table__header,
  .table--flip-scroll > .table__body,
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__body > .table__row > .table__cell,
  .table--flip-scroll > .table__footer,
  .table--flip-scroll > .table__footer > .table__row,
  .table--flip-scroll > .table__footer > .table__row > .table__cell,
  .table--flip-scroll > .table__caption,
  .table--xxl-down-flip-scroll,
  .table--xxl-down-flip-scroll > .table__header,
  .table--xxl-down-flip-scroll > .table__body,
  .table--xxl-down-flip-scroll > .table__body > .table__row,
  .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell,
  .table--xxl-down-flip-scroll > .table__footer,
  .table--xxl-down-flip-scroll > .table__footer > .table__row,
  .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell,
  .table--xxl-down-flip-scroll > .table__caption {
    display: block; }
  .table--flip-scroll > .table__header > .table__row--header,
  .table--xxl-down-flip-scroll > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll > .table__body > .table__row,
  .table--flip-scroll > .table__footer > .table__row,
  .table--xxl-down-flip-scroll > .table__body > .table__row,
  .table--xxl-down-flip-scroll > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll > .table__body > .table__row:not(:last-child),
    .table--flip-scroll > .table__footer > .table__row:not(:last-child),
    .table--xxl-down-flip-scroll > .table__body > .table__row:not(:last-child),
    .table--xxl-down-flip-scroll > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media screen and (max-width: 1499.98px) and (min-width: 768px) {
    .table--flip-scroll > .table__body > .table__row,
    .table--flip-scroll > .table__footer > .table__row,
    .table--xxl-down-flip-scroll > .table__body > .table__row,
    .table--xxl-down-flip-scroll > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll > .table__footer > .table__row:nth-child(odd),
      .table--xxl-down-flip-scroll > .table__body > .table__row:nth-child(odd),
      .table--xxl-down-flip-scroll > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll > .table__body > .table__row:nth-child(even),
      .table--flip-scroll > .table__footer > .table__row:nth-child(even),
      .table--xxl-down-flip-scroll > .table__body > .table__row:nth-child(even),
      .table--xxl-down-flip-scroll > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll > .table__footer > .table__row .document__quantity-to-return,
      .table--xxl-down-flip-scroll > .table__body > .table__row .document__quantity-to-return,
      .table--xxl-down-flip-scroll > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media screen and (max-width: 1499.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell,
    .table--flip-scroll > .table__footer > .table__row > .table__cell,
    .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell,
    .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell:before,
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media screen and (max-width: 1499.98px) and (min-width: 768px) {
      .table--flip-scroll > .table__body > .table__row > .table__cell,
      .table--flip-scroll > .table__footer > .table__row > .table__cell,
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell,
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll > .table__footer > .table__row > .table__cell:before,
        .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell:before,
        .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media screen and (max-width: 1499.98px) {
    .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xxl-down-flip-scroll > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xxl-down-flip-scroll > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xxl-down-flip-scroll > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xxl-down-flip-scroll > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

/*
*	TABLE FLIP SCROLL FOR PRINT
*	Same as above.
*	But for print display only. Some very specific tables look better flipped on print media
*/
@media print {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--down-flip-scroll-print,
  .table--down-flip-scroll-print > .table__header,
  .table--down-flip-scroll-print > .table__body,
  .table--down-flip-scroll-print > .table__body > .table__row,
  .table--down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--down-flip-scroll-print > .table__footer,
  .table--down-flip-scroll-print > .table__footer > .table__row,
  .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--down-flip-scroll-print > .table__body > .table__row,
  .table--down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--down-flip-scroll-print > .table__body > .table__row,
    .table--down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 399.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--xsm-down-flip-scroll-print,
  .table--xsm-down-flip-scroll-print > .table__header,
  .table--xsm-down-flip-scroll-print > .table__body,
  .table--xsm-down-flip-scroll-print > .table__body > .table__row,
  .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--xsm-down-flip-scroll-print > .table__footer,
  .table--xsm-down-flip-scroll-print > .table__footer > .table__row,
  .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--xsm-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--xsm-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--xsm-down-flip-scroll-print > .table__body > .table__row,
  .table--xsm-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--xsm-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--xsm-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 399.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--xsm-down-flip-scroll-print > .table__body > .table__row,
    .table--xsm-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--xsm-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--xsm-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--xsm-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 399.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 399.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 399.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xsm-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xsm-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xsm-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xsm-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 575.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--sm-down-flip-scroll-print,
  .table--sm-down-flip-scroll-print > .table__header,
  .table--sm-down-flip-scroll-print > .table__body,
  .table--sm-down-flip-scroll-print > .table__body > .table__row,
  .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--sm-down-flip-scroll-print > .table__footer,
  .table--sm-down-flip-scroll-print > .table__footer > .table__row,
  .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--sm-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--sm-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--sm-down-flip-scroll-print > .table__body > .table__row,
  .table--sm-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--sm-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--sm-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 575.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--sm-down-flip-scroll-print > .table__body > .table__row,
    .table--sm-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--sm-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--sm-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--sm-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--sm-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--sm-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--sm-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 575.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 575.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 575.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--sm-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--sm-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--sm-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--sm-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 767.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--md-down-flip-scroll-print,
  .table--md-down-flip-scroll-print > .table__header,
  .table--md-down-flip-scroll-print > .table__body,
  .table--md-down-flip-scroll-print > .table__body > .table__row,
  .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--md-down-flip-scroll-print > .table__footer,
  .table--md-down-flip-scroll-print > .table__footer > .table__row,
  .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--md-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--md-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--md-down-flip-scroll-print > .table__body > .table__row,
  .table--md-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--md-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--md-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 767.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--md-down-flip-scroll-print > .table__body > .table__row,
    .table--md-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--md-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--md-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--md-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--md-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--md-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--md-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 767.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 767.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 767.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--md-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--md-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--md-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--md-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 991.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--lg-down-flip-scroll-print,
  .table--lg-down-flip-scroll-print > .table__header,
  .table--lg-down-flip-scroll-print > .table__body,
  .table--lg-down-flip-scroll-print > .table__body > .table__row,
  .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--lg-down-flip-scroll-print > .table__footer,
  .table--lg-down-flip-scroll-print > .table__footer > .table__row,
  .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--lg-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--lg-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--lg-down-flip-scroll-print > .table__body > .table__row,
  .table--lg-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--lg-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--lg-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 991.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--lg-down-flip-scroll-print > .table__body > .table__row,
    .table--lg-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--lg-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--lg-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--lg-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--lg-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--lg-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--lg-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 991.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 991.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 991.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--lg-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--lg-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--lg-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--lg-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 1199.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--xl-down-flip-scroll-print,
  .table--xl-down-flip-scroll-print > .table__header,
  .table--xl-down-flip-scroll-print > .table__body,
  .table--xl-down-flip-scroll-print > .table__body > .table__row,
  .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--xl-down-flip-scroll-print > .table__footer,
  .table--xl-down-flip-scroll-print > .table__footer > .table__row,
  .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--xl-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--xl-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--xl-down-flip-scroll-print > .table__body > .table__row,
  .table--xl-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--xl-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--xl-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 1199.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--xl-down-flip-scroll-print > .table__body > .table__row,
    .table--xl-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--xl-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--xl-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--xl-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--xl-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--xl-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--xl-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 1199.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 1199.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 1199.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xl-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xl-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xl-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xl-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

@media print and (max-width: 1499.98px) {
  .table--flip-scroll-print,
  .table--flip-scroll-print > .table__header,
  .table--flip-scroll-print > .table__body,
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--flip-scroll-print > .table__footer,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--flip-scroll-print > .table__caption,
  .table--xxl-down-flip-scroll-print,
  .table--xxl-down-flip-scroll-print > .table__header,
  .table--xxl-down-flip-scroll-print > .table__body,
  .table--xxl-down-flip-scroll-print > .table__body > .table__row,
  .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
  .table--xxl-down-flip-scroll-print > .table__footer,
  .table--xxl-down-flip-scroll-print > .table__footer > .table__row,
  .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell,
  .table--xxl-down-flip-scroll-print > .table__caption {
    display: block; }
  .table--flip-scroll-print > .table__header > .table__row--header,
  .table--xxl-down-flip-scroll-print > .table__header > .table__row--header {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .table--flip-scroll-print > .table__body > .table__row,
  .table--flip-scroll-print > .table__footer > .table__row,
  .table--xxl-down-flip-scroll-print > .table__body > .table__row,
  .table--xxl-down-flip-scroll-print > .table__footer > .table__row {
    border: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
    .table--flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--flip-scroll-print > .table__footer > .table__row:not(:last-child),
    .table--xxl-down-flip-scroll-print > .table__body > .table__row:not(:last-child),
    .table--xxl-down-flip-scroll-print > .table__footer > .table__row:not(:last-child) {
      margin-bottom: 0.9375rem; } }
  @media print and (max-width: 1499.98px) and (min-width: 768px) {
    .table--flip-scroll-print > .table__body > .table__row,
    .table--flip-scroll-print > .table__footer > .table__row,
    .table--xxl-down-flip-scroll-print > .table__body > .table__row,
    .table--xxl-down-flip-scroll-print > .table__footer > .table__row {
      /*
                    *   Bring table row in a side-by-side above SM to optimize space
                    *   Lower setting will bring the table row to be 100% wide.
                    */
      display: block;
      position: relative;
      width: calc(50% - calc(var(--bs-gutter-x) / 4)); }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(odd),
      .table--xxl-down-flip-scroll-print > .table__body > .table__row:nth-child(odd),
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row:nth-child(odd) {
        float: left;
        clear: both; }
      .table--flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--flip-scroll-print > .table__footer > .table__row:nth-child(even),
      .table--xxl-down-flip-scroll-print > .table__body > .table__row:nth-child(even),
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row:nth-child(even) {
        float: left;
        margin-left: calc(var(--bs-gutter-x) / 2); }
      .table--flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--flip-scroll-print > .table__footer > .table__row .document__quantity-to-return,
      .table--xxl-down-flip-scroll-print > .table__body > .table__row .document__quantity-to-return,
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row .document__quantity-to-return {
        /*
                        *   Quantity box in returns needs the label, so we keep it smaller and right aligned
                        */
        display: inline-block;
        width: 50%; } }
@media print and (max-width: 1499.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
    .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
    .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
      border: none;
      position: relative;
      padding: 0.5rem 0.5rem;
      padding-top: 1.25rem;
      text-align: left;
      white-space: normal;
      width: 100%;
      /*
                    *   In mobile, element in the cell appear to close to the label.
                    *   Adding space to the component when table is in responsive mode.
                    */ }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image,
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell.table__cell--image,
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell.table__cell--image {
        text-align: center; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child),
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(:last-child),
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(:last-child) {
        border-bottom: var(--bs-border-width) solid rgba(var(--bs-border-color), 0.1); }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
        content: attr(data-title);
        position: absolute;
        left: 0.5rem;
        font-size: 0.82031rem;
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        top: 0.16667rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel),
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell > *:not(.panel),
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell > *:not(.panel) {
        margin-top: 0.23438rem; } }
    @media print and (max-width: 1499.98px) and (min-width: 768px) {
      .table--flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell,
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell,
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell {
        /*
                        *   Using all available space to save some height space
                        *   Adding title to left and value to the right
                        */
        padding-top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell:not(.table__cell--flipped-full-width),
        .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:not(.table__cell--flipped-full-width) {
          text-align: right; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell:before,
        .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell:before,
        .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell:before {
          max-width: 45vw;
          text-overflow: ellipsis;
          top: 0.5rem; }
        .table--flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return,
        .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell .document__quantity-to-return,
        .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell .document__quantity-to-return {
          /*
                            *   quantity box in returns needs the label, so we keep it smaller and right aligned
                            */
          display: inline-block;
          width: 50%; } }
@media print and (max-width: 1499.98px) {
    .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width,
    .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width,
    .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width {
      padding: 0.5rem 0.5rem; }
      .table--flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before,
      .table--xxl-down-flip-scroll-print > .table__body > .table__row > .table__cell--flipped-full-width:before,
      .table--xxl-down-flip-scroll-print > .table__footer > .table__row > .table__cell--flipped-full-width:before {
        /*
                        *	When setting a table__cell to be full width when flipped,
                        *	we hide the label added through css and data-title.
                        */
        display: none; }
    .table--flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top,
    .table--xxl-down-flip-scroll-print > .table__body > .table__row.table__row--flipped-linked-top,
    .table--xxl-down-flip-scroll-print > .table__footer > .table__row.table__row--flipped-linked-top {
      margin-top: -0.9375rem;
      border-top: 0; } }

/*
*   COMPONENTS: TAG
*   --------------------------
*	tag
*       tag--added-to-cart
*       tag--in-promotion
*	    tag--default
*       tag--scheduled
*       tag--text // background-color and color will be overwritten by the admin configuration
*       tag--image
*       tag--in-cart
*       tag--in-purchase-list
* tag__image
*	tag__link
*	tag__text
*		tag__text--visually-hidden
*/
.tag + .tag {
  margin-left: 0.46875rem; }

.tag--added-to-cart {
  /*
    *   Notificaiton for product added to cart is hidden by default, and visible when quanity has been modified or product has been added
    */
  display: none; }
  .is-added-to-cart .tag--added-to-cart {
    display: block; }

.tag--image .image {
  max-width: 3rem; }

/*
 *	Background and color are controled by the admin's configuration screen.
 *	Padding has to be added to mimic the badge design.
*/
.tag--text {
  padding-left: 0.65em;
  padding-right: 0.65em; }

/*
*   Product In Cart indicator
*   Feature activated with the Quick Add To Cart
*/
.tag--in-cart {
  /*
    *   Indicator is hidden by default
    */
  display: none; }
  .is-in-cart .tag--in-cart {
    /*
        *   Indicator is displayed and positionned centerd on top of product picture
        *   when the product is in the cart.
        */
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -apple-transform: translate(-50%,-50%);
    -khtml-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -rim-transform: translate(-50%,-50%);
    -xv-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 3;
    opacity: .75; }
  .tag--in-cart .icon {
    /*
        *   Size of the cart icon on top of the picture.
        *   will be resized on lower resolution 
        */
    font-size: calc(2rem + 9vw); }
    @media (min-width: 1200px) {
      .tag--in-cart .icon {
        font-size: 8.75rem; } }
    .product-display--listview .tag--in-cart .icon, .product-display--gridview .tag--in-cart .icon {
      /*
            *   reducing the size of the icon in list view and grid view, as the size of the picture is smaller than product page
            */
      font-size: calc(1.6875rem + 5.25vw); }
      @media (min-width: 1200px) {
        .product-display--listview .tag--in-cart .icon, .product-display--gridview .tag--in-cart .icon {
          font-size: 5.625rem; } }
    @media (min-width: 768px) {
      .product-display--tableview .tag--in-cart .icon {
        /*
                *   reducing the size of the icon in table view, as the size of the picture is smaller than product page
                */
        font-size: calc(1.4375rem + 2.25vw); } }
  @media (min-width: 768px) and (min-width: 1200px) {
    .product-display--tableview .tag--in-cart .icon {
      font-size: 3.125rem; } }
.tag--in-promotion {
  color: #dc3545; }

.tag--in-purchase-list .icon {
  font-size: calc(1.325rem + 0.9vw); }
  @media (min-width: 1200px) {
    .tag--in-purchase-list .icon {
      font-size: 2rem; } }
  .tag--in-purchase-list .icon.icon--not-in-purchase-list {
    display: inline-block; }
  .tag--in-purchase-list .icon.icon--in-purchase-list {
    display: none; }
  .is-in-purchaselist .tag--in-purchase-list .icon.icon--not-in-purchase-list {
    display: none; }
  .is-in-purchaselist .tag--in-purchase-list .icon.icon--in-purchase-list {
    display: inline-block; }

.tag__link {
  display: flex;
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: center;
  min-width: 3rem;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none; }
  @media (min-width: 992px) {
    .tag__link {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .tag__link {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
  .tag__link:focus, .tag__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .tag__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .tag__link:focus-visible, .tag__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .tag__link:focus-visible[href]:not(.button), .tag__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

/*
* 	COMPONENTS: TEXT
*--------------------------
*/
/*
* 	COMPONENTS: TOOLTIP
*--------------------------
*/
/*
*   COMPONENTS: UNIT-OF-MEASURE
*--------------------------
*   unit-of-measure
*   unit-of-measure__multiple
*   unit-of-measure__text
*/
/*
*   COMPONENTS: USER
*--------------------------
*   user
*   user__customer-code 
*   user__default-address
*   user__email
*   user__group-name
*   user__last-order-date
*   user__last-connection-date
*   user__name
*   user__phone
*/
/*
*   K-ECOMMERCE WIDGETS
*/
/*
* 	WIDGET: DATEPICKER
*--------------------------
*   datepicker
*   datepicker__days
*   datepicker__title
*   datepicker__prev
*   datepicker__next
*   datepicker__text
*       datepicker__text--visually-hidden
*   datepicker__switch
*   datepicker__day-of-week
*   datepicker__day
*   datepicker__today
*   datepicker__clear
*   datepicker__months
*   datepicker__years
*/
@media (min-width: 768px) {
  .datepicker {
    padding: 0.46875rem; } }

.datepicker .table__cell {
  /*
        *   #bootstrap5fix#
        *   bootstrap's reboot sets the text-align to inhering on table th and td, but we want it to always be centered in the case of datepicker
        */
  text-align: center; }

.datepicker .datepicker__prev,
.datepicker .datepicker__next,
.datepicker .datepicker__day,
.datepicker .datepicker__switch,
.datepicker .datepicker__today,
.datepicker .datepicker__clear,
.datepicker .datepicker__month,
.datepicker .datepicker__year {
  /*
     *  default padding from buttons for touch accessibility
    */ }
  @media (min-width: 768px) {
    .datepicker .datepicker__prev,
    .datepicker .datepicker__next,
    .datepicker .datepicker__day,
    .datepicker .datepicker__switch,
    .datepicker .datepicker__today,
    .datepicker .datepicker__clear,
    .datepicker .datepicker__month,
    .datepicker .datepicker__year {
      padding: 0.75rem 0.9375rem; } }
  .datepicker .datepicker__prev.is-disabled,
  .datepicker .datepicker__next.is-disabled,
  .datepicker .datepicker__day.is-disabled,
  .datepicker .datepicker__switch.is-disabled,
  .datepicker .datepicker__today.is-disabled,
  .datepicker .datepicker__clear.is-disabled,
  .datepicker .datepicker__month.is-disabled,
  .datepicker .datepicker__year.is-disabled {
    /*
     *  ddefault disabled styles for datepicker buttons
      */
    visibility: visible;
    pointer-events: none;
    color: #262626;
    opacity: 0.65; }
  .datepicker .datepicker__prev .icon,
  .datepicker .datepicker__next .icon,
  .datepicker .datepicker__day .icon,
  .datepicker .datepicker__switch .icon,
  .datepicker .datepicker__today .icon,
  .datepicker .datepicker__clear .icon,
  .datepicker .datepicker__month .icon,
  .datepicker .datepicker__year .icon {
    /*
     *  datepicker events are bound to the table cell, rather than a button. Setting the cursor on the icon replicates the behavior of a button.
    */
    cursor: inherit; }

.datepicker .datepicker__day:not(.is-disabled).is-today {
  /*
     *  default color settings for the today date
    */
  /* !important: cancel the hover display for the today class, rather than redefining the same CSS for the hover and focus states */
  background-color: #000000 !important;
  color: #fff !important; }

.datepicker .datepicker__day:not(.is-disabled):hover, .datepicker .datepicker__day:not(.is-disabled):focus {
  /*
     *  default color settings for the date hover effect
    */
  background-color: rgba(0, 0, 0, 0.075);
  color: #fff; }

.datepicker .is-active, .datepicker .is-active:hover, .datepicker .is-active:focus {
  /*
     *  default color settings for the selected date
    */
  /* !important: cancel the hover display for the active class, rather than redefining the same CSS for the hover and focus states */
  background-color: #000000 !important;
  color: #fff !important; }

.datepicker__month,
.datepicker__year {
  /*  RESETTING BASE DESIGN OF DATEPICKER TO USE FLEX DISPLAY */
  width: auto;
  height: auto;
  line-height: inherit;
  float: none;
  margin: 0; }

/*
* 	WIDGETS: SLIDER
*   Sliders currently use Owl-Caroussel vendors by default.
*		Using Slick Slider on vertical image gallery product page
*--------------------------
*	slider
*		slider--product-image-enlarge
*		slider--product-image-gallery
*   is-vertical
*	slider__button
*		slider__button--dot
*		slider__button--image
*		slider__button--nav
*		slider__button--next
*   slider__button--play-stop
*		slider__button--previous
*	slider__dot
*	slider__dots
*	slider__figure
*	slider__item
* slider__image
* slider__image-container
*	slider__link
* slider__picture
* slider__progress
*	slider__nav
*	slider__slide
*	slider__slide-content
*	slider__stage
* slider__track
*/
.slider {
  position: relative; }
  .slider:not(.slider--product-image-gallery) {
    /*
		*	Should only target the home page slider. product-image-gallery use focus on product images.
		*/ }
    .slider:not(.slider--product-image-gallery):focus, .slider:not(.slider--product-image-gallery).focus {
      /*
		 * Alternative for browsers not supporting :focus-visible
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .slider:not(.slider--product-image-gallery):focus:not(:focus-visible) {
      /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
      box-shadow: none; }
    .slider:not(.slider--product-image-gallery):focus-visible, .slider:not(.slider--product-image-gallery):focus-within {
      /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
      .slider:not(.slider--product-image-gallery):focus-visible[href]:not(.button), .slider:not(.slider--product-image-gallery):focus-within[href]:not(.button) {
        /*
			*	Add underline decoration for links
			*/
        text-decoration: underline; }

.slider--product-image-gallery {
  /*
    * Slider used for multi photo in product page
    */ }
  .slider--product-image-gallery:not(.is-vertical) {
    /*
		*  Style for when the slider is configured as a horizontal slider (owl carousel as of kweb 6.0 2022-02-09)
		*/ }
    .slider--product-image-gallery:not(.is-vertical) .slider__button:not(.slider__button--image) {
      height: 100%;
      position: absolute;
      top: 0;
      /*
			*	Keep focus on image. set default color value
			*/
      border: var(--bs-border-width) solid transparent;
      background: #ffffff;
      color: #000000; }
      .slider--product-image-gallery:not(.is-vertical) .slider__button:not(.slider__button--image):hover, .slider--product-image-gallery:not(.is-vertical) .slider__button:not(.slider__button--image):focus {
        color: #000000;
        /*
				*	Using default bootstrap border-color
				*/
        border-color: #000000;
        /*
				*   Using same default value then default bootstrap carousel value
				*/
        -webkit-opacity: 0.9;
        -apple-opacity: 0.9;
        -khtml-opacity: 0.9;
        -moz-opacity: 0.9;
        -rim-opacity: 0.9;
        -xv-opacity: 0.9;
        -ms-opacity: 0.9;
        -o-opacity: 0.9;
        opacity: 0.9; }
    .slider--product-image-gallery:not(.is-vertical):not(.slider--slick-slider) {
      /*
			 *	margins are applied on the slide for slick slider rather than the button
			 */ }
      .slider--product-image-gallery:not(.is-vertical):not(.slider--slick-slider) .slider__button--image {
        /*
				*   Using same width value used in a11y-focus-visible for box-shadow
				*   to reserve the space around the slider__button in order to avoid box-shadow for being
				*   hidden by the container slider__item
				*/
        margin: 0.25rem; }
    .slider--product-image-gallery:not(.is-vertical).slider--slick-slider {
      /*
				*  Style for the slick slider used in vertical image gallery product template
				*/ }
      .slider--product-image-gallery:not(.is-vertical).slider--slick-slider .slider__slide {
        /*
				*	applying the margin on the slider rather than the button for proper slider width calculation
				*/
        margin: 0.25rem; }
      .slider--product-image-gallery:not(.is-vertical).slider--slick-slider .slider__stage {
        /*
				 *	size of the slider adjusted with the size of the buttons.
				 *	default Slick Slider theme has buttons outside of the slider
				 */
        width: calc(100% - (3rem * 2));
        margin-left: 3rem; }
  .slider--product-image-gallery .slider__button--image {
    /*
    *   Using same default value then nav-link on nav-tabs for border
    */
    border: var(--bs-border-width) solid transparent; }
    .slider--product-image-gallery .slider__button--image.is-active, .slider--product-image-gallery .slider__button--image:hover, .slider--product-image-gallery .slider__button--image:focus, .slider--product-image-gallery .slider__button--image:focus-visible {
      /*
			*	Using default bootstrap border-color
			*/
      border-color: #000000;
      /*
      *   Using same default value then default bootstrap carousel value
      */
      -webkit-opacity: 0.9;
      -apple-opacity: 0.9;
      -khtml-opacity: 0.9;
      -moz-opacity: 0.9;
      -rim-opacity: 0.9;
      -xv-opacity: 0.9;
      -ms-opacity: 0.9;
      -o-opacity: 0.9;
      opacity: 0.9; }
  .slider--product-image-gallery.is-vertical {
    /*
		*  Style for when the slider is configured as a vertical slider (slick slider as of kweb 6.0 2022-02-09)
		*/ }
    .slider--product-image-gallery.is-vertical .slider__button:not(.slider__button--image) {
      width: 100%; }
    .slider--product-image-gallery.is-vertical .slider__button.slider__button--image {
      margin: 0.23438rem 0; }

.slider__figure,
.slider__item {
  /* Fix an issue where image will stack next to other on load */
  display: block;
  width: 100%; }

.slider__link {
  display: block; }

.slider__nav {
  position: static;
  text-align: center;
  width: 100%; }
  .slider__nav.disabled {
    display: none;
    visibility: hidden; }

.slider__button {
  align-items: center;
  display: inline-flex;
  min-height: 3rem;
  justify-content: center;
  min-width: 3rem; }
  @media (min-width: 992px) {
    .slider__button {
      display: inline-block;
      min-height: 0; } }
  @media (min-width: 992px) and (pointer: fine) {
    .slider__button {
      /*
      * The input mechanism of the device includes an accurate pointing device
      * -----------------
      * Set back value for desktop. We don't need as much of
      * the tapping size in desktop since we are using the mouse which is more
      * accurate then a thumb.
      * You should use $button-
      */
      min-height: inherit; } }
  .slider__button.slider__button.slider__button {
    /*
		 *	adding specificity and important to overrite the defautl owl carousel settings from third party
		*/
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important; }
  .slider__button.is-active {
    /*
    * Add visual identifier when selected or selected has default
    */
    -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -apple-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -rim-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -xv-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .slider__nav .slider__button {
    padding: 0.75rem 0.9375rem;
    position: absolute;
    top: calc(50% - (3rem)); }
  .slider__dots .slider__button {
    text-align: center; }
  .slider__button:focus, .slider__button.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .slider__button:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .slider__button:focus-visible, .slider__button:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .slider__button:focus-visible[href]:not(.button), .slider__button:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

.slider__button--play-stop {
  position: absolute; }
  .slider__button--play-stop .icon::before {
    font-size: 1rem;
    vertical-align: middle; }

.slider__button--previous {
  left: 0; }

.slider__button--next {
  right: 0; }

.slider__dots {
  text-align: center; }

.slider__dot {
  display: inline-block; }

.slider__dot-icon {
  background: #000000;
  width: 1rem;
  height: 1rem;
  display: block;
  backface-visibility: visible;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 50%;
  margin: auto;
  pointer-events: none; }
  .slider__dot.active .slider__dot-icon, .slider__dot.ec-flexbox-selected .slider__dot-icon {
    background: #000000; }

.slider__progress {
  background: #000000;
  border-radius: 0;
  height: 4px;
  margin-top: -4px;
  overflow: hidden;
  position: relative;
  width: 100%;
  -webkit-opacity: .5;
  -apple-opacity: .5;
  -khtml-opacity: .5;
  -moz-opacity: .5;
  -rim-opacity: .5;
  -xv-opacity: .5;
  -ms-opacity: .5;
  -o-opacity: .5;
  opacity: .5; }
  .slider__progress .progress__bar {
    background: #000000;
    max-width: 100%;
    width: 0;
    animation-name: animate-progress-bar;
    animation-iteration-count: 1; }

@keyframes animate-progress-bar {
  0% {
    width: 0%; }
  100% {
    width: 100%; } }

/*
* 	WIDGET: MESSAGE-BAR
*   --------------------------
*	message-bar
*	message-bar__container
*	message-bar__wrapper
*	message-bar__inner
*	message-bar__text
*/
.message-bar {
  background: #000000;
  padding: calc(1.3125rem + 0.75vw) 0; }
  @media (min-width: 1200px) {
    .message-bar {
      padding: 1.875rem 0; } }
.message-bar__text {
  color: #fff;
  font-size: 0.82031rem; }

/*
* 	WIDGET: ADDTHIS
*   --------------------------
*	addthis
*	addthis__wrapper
*	addthis__inner
*	addthis__icon
*		addthis__icon--plus
*		addthis__icon--facebook
*		addthis__icon--twitter
*		addthis__icon--mail
*	addthis__link
*		addthis__link--button
*		addthis__link--icon
*	addthis__text
*/
.addthis__text {
  margin: 0 0.50rem; }

.addthis__icon {
  margin: 0 0.15rem; }
  .addthis__icon:first-child {
    margin-left: 0; }
  .addthis__icon:last-child {
    margin-right: 0; }
    .addthis__icon:last-child:after {
      display: inline-block;
      content: "\2026";
      margin-left: 0.15rem; }

.addthis__icon--plus {
  color: #ff6f42; }

.addthis__icon--facebook {
  color: #4c6da8; }

.addthis__icon--twitter {
  color: #4fabda; }

.addthis__icon--mail {
  color: #757575; }

/*
* 	WIDGET: SHOPPING CART SUMMARY
*   --------------------------
*	cart-summary
*       cart-summary--side-nav
*       --------------------
*       is-opened
*       is-closed
*       is-empty
*		cart-summary__item-coupon
*   cart-summary__item-quantity
*   cart-summary__item-subtotal
*   cart-summary__title
*   cart-summary__toolbar
*/
.cart-summary {
  /*
	* Fix an issue where the background color would stop at 100vh and show another color when scrolling
	*/
  background-color: #ffffff;
  height: 100%;
  overflow-y: auto; }
  .cart-summary.is-empty .card--cart-summary, .cart-summary.is-loading .card--cart-summary {
    height: 100%; }
  .cart-summary.is-empty .card__body--cart-summary-content, .cart-summary.is-loading .card__body--cart-summary-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%; }
  .cart-summary > .card__header .card__title {
    /*
            *   Remove default margin bottom on H3 title to centered aligned the close "X" icon
            */
    margin-bottom: 0; }
  .cart-summary > .card__header .button:last-child {
    /*
                *   Remove padding to the close "X" icon so that it is aligned
                */
    padding-right: 0; }
  .cart-summary > .card__body {
    /*
        *   Defined a min-height on the body of the cart summary to allow
        *   at least 1 product to be shown all the time
        */
    min-height: 25vh;
    overflow: hidden;
    overflow-y: scroll; }

.cart-summary__body .is-added-to-cart .tag--added-to-cart {
  color: #000000; }
  .cart-summary__body .is-added-to-cart .tag--added-to-cart .icon {
    animation: shakealert 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
    backface-visibility: hidden;
    transform-origin: top right; }
    .cart-summary__body .is-added-to-cart .tag--added-to-cart .icon::before {
      content: ""; }

/*
* 	WIDGET: CATEGORY-DISPLAY
*   --------------------------
*	category-display
*		category-display--image
*   category-display--tag
*		category-display--text
* category-display__count
*	category-display__item
*   is-active
*	category-display__title
*	category-display__wrapper
*/
.category-display--text {
  /*
    *	On extra-small and small, the card title must look like a list-groupe-item. 
    *	The card must also blend with the list-group component
    *	Card must look like Bootstrap's list-group component
    */
  /*
    *	Setting the display of the card title to the same as the list-group
    */
  /*
    *	Need to cancel the defaul visual of the list group on desktop resolutions
    */ }
  @media (max-width: 767.98px) {
    .category-display--text .card {
      border: 0; } }
  @media (max-width: 767.98px) {
    .category-display--text .card__title {
      /*
            *	position the button collapse on mobile views
            */
      position: relative; } }
  @media (max-width: 767.98px) {
    .category-display--text .card__title .button--collapse {
      /*
                *	position the button collapse on mobile views
                */
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%); } }
  @media (min-width: 992px) {
    .category-display--text .list__item--button {
      padding-left: 1.875rem;
      margin-bottom: 0;
      border: 0;
      color: #000000;
      text-decoration: underline;
      background-color: transparent; }
      .category-display--text .list__item--button:hover, .category-display--text .list__item--button:focus {
        color: black;
        text-decoration: none;
        background-color: transparent; } }
/*
* 	WIDGET: CURRENCY SELECTOR
*   --------------------------
*	currency-selector
*/
.currency-selector {
  /*
    *   Default text alignement in button is set to "inherit", which can be different from first level.
    *   then dropdown alignment. This ensure the text is aligned left by default in the currency-selector
    *   and dropdown list.
    */ }
  .currency-selector .button-group__button {
    text-align: left; }
  .currency-selector .button-group__divider:last-child {
    display: none; }

/*
* 	WIDGET: DOCUMENT-DISPLAY
*   --------------------------
*	document-display
*   document-display--gridview
*   document-display--tableview
*/
.document-display--tableview .table:not(.table--payment-portal) {
  /*
    * the payment portal tables should not be fixed because we want variing cell sizes because the 
    * first one is small due to only being a checkbox.
    */
  table-layout: fixed; }

/*
* 	WIDGETS: FIND A STORE
*   --------------------------
*	find-a-store
*	find-a-store__distance
*	find-a-store__inner
*	find-a-store__map
*	find-a-store__marker
*		find-a-store__marker--marker-1
*		find-a-store__marker--marker-2
*		find-a-store__marker--marker-3
*		find-a-store__marker--marker-4
*		find-a-store__marker--marker-5
*		find-a-store__marker--marker-6
*		find-a-store__marker--marker-7
*		find-a-store__marker--marker-8
*		find-a-store__marker--marker-9
*		find-a-store__marker--marker-10
*   find-a-store__marker-image 
*   find-a-store__results
*	find-a-store__store
*   find-a-store__text
*   find-a-store__title
*	find-a-store__wrapper
*/
@media (min-width: 992px) {
  .find-a-store__results .card--store-search-result {
    /*
            *   Setting height and max-heigh to 100% will allow
            *   the card to follow the google map card height
            */
    height: 100%;
    max-height: 100%; } }

@media (min-width: 992px) {
  .find-a-store__results .card--store-search-result > .card__body {
    /*
                *   Make sure the results are aligned with the map
                *   and have a scroll to parse throught the results
                */
    overflow-y: auto;
    max-height: 650px; } }

.find-a-store__iframe {
  height: 400px; }
  @media (min-width: 992px) {
    .find-a-store__iframe {
      height: 650px; } }
/*
* 	WIDGET: LANGUAGE SELECTOR
*   --------------------------
*	language-selector
*/
.language-selector {
  /*
    *   Default text alignement in button is set to "inherit", which can be different from first level.
    *   then dropdown alignment. This ensure the text is aligned left by default in the language-selector
    *   and dropdown list.
    */ }
  .language-selector .button-group__button {
    text-align: left; }
  .language-selector .button-group__divider:last-child {
    display: none; }

/*
 *  WIDGET: ORDER EXPRESS
 *
 *  .order-express
 *  .order-express__purchase-order-number
*/
.order-express .attributes__value,
.order-express .table__figure {
  margin-bottom: 0; }

.order-express .panel--order-express-options:not(.is-pinned) .button--pin-panel .icon {
  transform: rotate(90deg); }

.order-express .card--order-express-options {
  min-height: 100%; }

@media (max-width: 991.98px) {
  .order-express .card--order-express-search:not(.card--order-express-search-panel) {
    position: fixed;
    bottom: -1.875rem;
    left: 0;
    width: 100%;
    z-index: calc(1030 + 1); }
    .order-express .card--order-express-search:not(.card--order-express-search-panel):not(.is-hidden) {
      animation: slideInUp;
      animation-duration: .75s; }
    .order-express .card--order-express-search:not(.card--order-express-search-panel).is-hidden {
      animation: slideOutDown;
      animation-duration: .75s;
      animation-fill-mode: forwards; }
    .order-express .card--order-express-search:not(.card--order-express-search-panel) .card__header {
      display: none; } }

.order-express .table__row--product.is-loading, .order-express .card--product-card.is-loading {
  /*
    *  position the loading centerd on the row
  */
  position: relative; }

.order-express .table__row--product .panel--ajaxloading, .order-express .card--product-card .panel--ajaxloading {
  /*
      *  loading panel overlaping the current row to prevent action and displayh the loading only on the row
    */
  background-color: rgba(255, 255, 255, 0.75);
  left: 0;
  margin: 0 !important;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 12; }

.order-express .table__row--product .table__cell--selected-indicator .icon--row-indicator {
  visibility: hidden; }

.order-express .table__row--product.is-empty:last-child {
  display: none; }

.order-express .table__row--product.is-selected .table__cell--selected-indicator .icon--row-indicator {
  visibility: visible; }

.order-express .table__row--product.has-error.is-invalid .table__cell--product-display-code .form__input, .order-express .table__row--product.has-warning.is-invalid .table__cell--product-display-code .form__input, .order-express .table__row--product.has-information.is-invalid .table__cell--product-display-code .form__input {
  padding-right: 6rem; }

.order-express .table__row--product.has-error.is-invalid .order-express__search-button, .order-express .table__row--product.has-warning.is-invalid .order-express__search-button, .order-express .table__row--product.has-information.is-invalid .order-express__search-button {
  right: 3rem; }

.order-express .table__cell {
  vertical-align: middle; }

@media (max-width: 991.98px) {
  .order-express .table__header--sticky-top {
    /*
      *  removed the static on the table header on mobile resolutions
    */
    position: static; } }

.order-express .table__cell--purchase-rules .button--collapse-toggle {
  /*
      *  Aligned text left and removed underline like in the cart summary
    */
  justify-content: flex-start;
  text-decoration: none;
  white-space: normal; }

.order-express .table__cell--product-display-mobile {
  border: 0; }

.order-express .table__cell--product-display-code,
.order-express .table__cell--product-display-code .form__input {
  width: 250px; }

.order-express .table__cell--product-display-uom {
  width: 150px; }

.order-express .table__cell--product-display-action {
  /*
    *  small action buttons should not wrap on multiple lines
  */
  white-space: nowrap; }

.card--table .order-express .product-display--tableview {
  margin-bottom: 0; }

.order-express .product-display--tableview .table__cell--product-display-qty {
  text-align: center; }

.order-express .product-display--tableview .table__cell--image:not(.table__cell--flipped-full-width) {
  width: 3.625rem; }
  .order-express .product-display--tableview .table__cell--image:not(.table__cell--flipped-full-width) .image {
    min-width: 0; }

.order-express .product-display--tableview .card__figure,
.order-express .product-display--tableview .product__image {
  max-width: 100px; }

.order-express .product-display__item:last-child .product-display__separator {
  /*
    *  hidding last separator
  */
  display: none; }

.order-express .comment-display__comment-line {
  overflow: hidden; }
  .order-express .comment-display__comment-line:focus, .order-express .comment-display__comment-line.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .order-express .comment-display__comment-line:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .order-express .comment-display__comment-line:focus-visible, .order-express .comment-display__comment-line:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .order-express .comment-display__comment-line:focus-visible[href]:not(.button), .order-express .comment-display__comment-line:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  @media (min-width: 992px) {
    .order-express .comment-display__comment-line:hover .button--delete, .order-express .comment-display__comment-line:active .button--delete, .order-express .comment-display__comment-line:focus .button--delete, .order-express .comment-display__comment-line:focus-within .button--delete {
      transform: translateX(0);
      -webkit-opacity: 1;
      -apple-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -rim-opacity: 1;
      -xv-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
    .order-express .comment-display__comment-line .button--delete {
      transform: translateX(25px);
      -webkit-opacity: 0;
      -apple-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -rim-opacity: 0;
      -xv-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0; } }
.order-express__search {
  /*
* allow the search panel to scroll when in offcanvas mode
*/
  height: 100%;
  overflow-y: auto; }

.order-express__messages-popover {
  max-width: none; }

.order-express__options {
  height: 100%;
  overflow-y: auto; }
  .order-express__options .product-display--optionsview .product__price-per-quantity {
    width: 100%; }

/*
* 	WIDGET: PRICE-CHECKER
*   --------------------------
*	price-checker
* price-checker__sections
* price-checker__section
* price-checker__detail
* price-checker__wrapper
* price-checker__inner
*
*/
@media (min-width: 768px) {
  .price-checker {
    text-align: left; } }

/*
* 	WIDGET: PRODUCT-DETAILS
*   --------------------------
*	  product-details
*     product-details--large-img-gallery
*   product-details__enlarge
*   product-details__inner
*     product-detail__inner--sticky-section
*   product-details__figure
*   product-details__image-gallery
*   product-details__product-image
*   product-details__text
*   product-details__wrapper
*   product-details__zoom
*/
.product-details .figure {
  /*
    * Tag element can be set within the figure. Since the tag are
    * in absolute position, the top, right value needs to be set
    * from the container
    */
  text-align: center;
  display: block;
  position: relative; }

@media (min-width: 768px) {
  .product-detail__inner--sticky-section {
    /*
     *  Sticky section on product pages templates
     */
    padding-bottom: 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    align-self: flex-start; } }

.product-detail__inner--sticky-section.is-position-static {
  position: static; }

/*
* 	WIDGET: PRODUCT-DISPLAY
*   --------------------------
*	product-display
*       product-display--basket-orderlines
*	    product-display--detailview
*       product-display--listview
*       product-display--gridview
*       product-display--tableview
*       product-display--modalview
*       product-display--summaryview
*       product-display--order-express
*       product-display--order-express-related-products
*       product-display--purchaselistview
*   product-display__item
*       is-added-to-cart
*   product-display__separator
*   product-display__title
*   product-display__indicator-container
*/
.product-display--basket-orderlines .product__item-price {
  /*
        *   Set product price inline so that the price doesn't take all the wide space.
        *   Also alowing the toolbar--edit-price from customer-service to be next to the price
        */
  display: inline-block; }

.product-display--basket-orderlines .product-display__item {
  /*
        * Add lines to screen in shopping cart page to regroup product contains within the kit
        */ }
  .product-display--basket-orderlines .product-display__item.is-kit-grouping {
    position: relative;
    padding-left: 2.8125rem; }
    .product-display--basket-orderlines .product-display__item.is-kit-grouping:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0.9375rem;
      border-left: 1px dashed inherit;
      width: 0.46875rem;
      height: calc(100% + 0.9375rem); }
    .product-display--basket-orderlines .product-display__item.is-kit-grouping:after {
      content: "";
      position: absolute;
      border-top: 1px dashed inherit;
      top: 50%;
      left: 0.9375rem;
      width: 0.9375rem; }
    .product-display--basket-orderlines .product-display__item.is-kit-grouping:last-of-type:before {
      height: 50%; }

.product-display--listview .button-group {
  display: flex; }
  .product-display--listview .button-group > .button-group__button {
    flex: 1 0 auto;
    width: auto;
    min-width: auto; }
    .product-display--listview .button-group > .button-group__button.button--caret {
      flex: 0 1 3rem; }

.product-display--listview .card {
  border: 0;
  display: flex;
  flex-direction: row; }

.product-display--listview .card__figure {
  width: 40%; }
  @media (min-width: 992px) {
    .product-display--listview .card__figure {
      width: 20%; } }
.product-display--listview .card__body {
  width: 60%;
  margin-left: 0.46875rem; }
  @media (min-width: 992px) {
    .product-display--listview .card__body {
      width: 80%;
      /*
          *	LG and up has a larger spacer
          */
      margin-left: 0.9375rem; } }
.product-display--listview .card__figure,
.product-display--listview .card__image {
  /* #bootstrap5fix#
        * card__figure: Cancel margin bottom set on figure in reboot.scss;
        * card__image: Cancel margin bottom set on .figure-img in images.scss;
        */
  margin-bottom: 0; }

.product-display--gridview .button-group {
  display: flex; }
  .product-display--gridview .button-group > .button-group__button {
    flex: 1 0 auto;
    width: auto;
    min-width: auto; }
    .product-display--gridview .button-group > .button-group__button.button--caret {
      flex: 0 1 3rem; }

.product-display--order-express .card__figure,
.product-display--order-express .card__image {
  /* #bootstrap5fix#
    * card__figure: Cancel margin bottom set on figure in reboot.scss;
    * card__image: Cancel margin bottom set on .figure-img in images.scss;
    */
  margin-bottom: 0; }

.product-display--order-express-related-products .product-display__wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  flex-direction: row;
  flex-wrap: nowrap; }
  @media (max-width: 767.98px) {
    .product-display--order-express-related-products .product-display__wrapper {
      /*  Web pages on iOS scroll with momentum if you are scrolling up and down.
      *   If you flick your finger up or down quickly, the page will keep scrolling after you let go.
      *   If you reach the top or bottom of the page, the page will bounce past the end of the wrapper
      *   before bouncing back into place.
      */
      -webkit-overflow-scrolling: touch;
      /* Disable scrollbar Chrome/Safari/Webkit */
      /* Disable scrollbar Firefox */
      scrollbar-width: none;
      /* Disable scrollbar IE 11 */
      -ms-overflow-style: none; }
      .product-display--order-express-related-products .product-display__wrapper::-webkit-scrollbar {
        display: none;
        background: transparent; } }
.product-display--order-express-related-products .product-display__item {
  /*  When there are more results to display, make sure we see a part of the
    *   second item to invite the user to scroll horizontally
    */
  flex: 1 0 75%;
  max-width: 75%; }
  @media (min-width: 768px) {
    .product-display--order-express-related-products .product-display__item {
      /*  Make sure we see at least 4 items to invite the user to scroll
      *   horizontally to see the 5th one
      */
      flex-basis: 21.5%;
      max-width: 21.5%; } }
.product-display--summaryview .card__figure {
  width: 30%; }

.product-display--summaryview .card__body {
  width: 70%; }

.product-display--summaryview .product-display__separator:last-child {
  display: none; }

.product-display--tableview .button {
  /*
    *   Preventing the wrap of buttons in the table view to prevent extreme wraping of word (one word per line) when quick add to cart is used
    *   We already handle the width of the table with a responsive-table-lg class around it.
    */
  white-space: nowrap; }

.product-display--tableview .product__image {
  /*
    *   Setting a minimum size for product picture in the table to allow to always see the picture
    *   The picture is required for the Quick Add To cart (in cart indicator) and quick add to purchase list (heart button on picture)
    *   We already handle the width of the table with a responsive-table-lg class around it.
    */
  min-width: 100px;
  /*
    *   Customize alt text when image is broken. Display the ALT information
    *   next to a customize icon
    */ }
  .product-display--tableview .product__image:after {
    max-width: 150px; }

.product-display--tableview .responsive-table .table--product {
  /*
      * #bootstrap5fix#
      * Negative margin set on .row cause an overflow, displaying a scrolling with table-responsive when table is taking 100% of wide space
      * div arround it. The browser calculation for the space available is inacurate because of this. Removing the negative margin solve the
      * calculation issue.
      */
  /*
      * #bootstrap5fix#
      * Negative padding set on .col cause an overflow, displaying a scrolling with table-responsive when table is taking 100% of wide space
      * div arround it. The browser calculation for the space available is inacurate because of this. Removing the negative margin solve the
      * calculation issue.
      */ }
  .product-display--tableview .responsive-table .table--product [class*="__wrapper"]:not(.attributes__wrapper) {
    margin-left: 0;
    margin-right: 0; }
  .product-display--tableview .responsive-table .table--product [class*="__inner"]:not(.attributes__inner) {
    padding-left: 0;
    padding-right: 0; }
  .product-display--tableview .responsive-table .table--product .quantity-box__unit-of-measure {
    /*
        * Because we removed the negative margin above, we need to recreate the g-1
        * that would normally add space between the quantity box and the unit-of-measure, otherwise
        * there is not space between both elements.
        */
    padding-left: 0.46875rem; }

.product-display--tableview .table__cell--image:not(.table__cell--flipped-full-width) {
  /*
    *   Using small image for better distribution in table view
    */ }
  @media (min-width: 768px) {
    .product-display--tableview .table__cell--image:not(.table__cell--flipped-full-width) {
      width: 200px;
      max-width: 200px; } }
.product-display--tableview.product-display--modalview {
  /*
    *   Table view used in modal can used a egal distribution in columns layout
    *   This is normally used to display product listing or shopping cart list
    */ }
  .product-display--tableview.product-display--modalview .table {
    table-layout: fixed; }

.product-display__item .figure {
  /*  position relative on cfigure inside product-display__item
    *	  because we want to be able to position any tag over the picture
    */
  position: relative; }

/*
*	WIDGET: PRODUCT-NAVIGATION
*   --------------------------
*	product-navigation
*	product-navigation__wrapper
*	product-navigation__inner
*	product-navigation__link
*		product-navigation__link--next
*		product-navigation__link--previous
*	product-navigation__text
*/
.product-navigation__link:focus, .product-navigation__link.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.product-navigation__link:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.product-navigation__link:focus-visible, .product-navigation__link:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .product-navigation__link:focus-visible[href]:not(.button), .product-navigation__link:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

/*
*   WIDGET: PRODUCT TAB
*   --------------------------
*	product-tab
*       product-tab--accordion
*       product-tab--tabs
*	prodcut-tab__content
*	product-tab__item
*	prodcut-tab__link
*		is-active
*	prodcut-tab__nav
*	product-tab__pane
*	product-tab__text
*/
.product-tab__item:focus, .product-tab__item.focus {
  /*
		 * Alternative for browsers not supporting :focus-visible
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

.product-tab__item:focus:not(:focus-visible) {
  /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
  box-shadow: none; }

.product-tab__item:focus-visible, .product-tab__item:focus-within {
  /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .product-tab__item:focus-visible[href]:not(.button), .product-tab__item:focus-within[href]:not(.button) {
    /*
			*	Add underline decoration for links
			*/
    text-decoration: underline; }

.product-tab__pane {
  /* bootstrap5fix: missing opacity:1 on tab-pane to activate fade effect */
  opacity: 1; }
  .product-tab__pane .card__header {
    /*
        *  Pane title is used is new product page templates that do not use the tab feature.
        *  these titles should be hidden by default except on specified templates
        */
    display: none; }
    .product-details--mosaic .product-tab__pane .card__header, .product-details--large-image-gallery .product-tab__pane .card__header, .product-details--large-image-separate-descriptions .product-tab__pane .card__header {
      /*
            *  These are the product page templates that should have the title visible as the descriptions
            *  are not displayed as tabs
            */
      display: block; }

/*
 *  PRODCUT PAGE: LARGER IMAGE GALLERY
 *  product descriptions and tabs are located under the product picture and are seperated in stacking contents rather than tabs.
 *  Tabs are hiddens, titles are visible and some design is different
 */
.product-details--large-image-gallery .product-tab__nav,
.product-details--mosaic .product-tab__nav,
.product-details--large-image-separate-descriptions .product-tab__nav {
  /*
          * base visibility is driven by classes utilities from bootstrap-tabcollapse.custom.js
          * the navigation will be hidden on all resolution for the large-image-gallery.
          *
          * We need to use visibility because the tabcollapse validates if the tabs are visible to detect if the view should be desktop.
          * Using display:none breaks the pluggin.
          * Setting the visibility to hidden still registers it as visible, and removing it from the page flow with position absolute remove the space and position in the page.
          * Visibility: hidden is also ignored by screen readers and cannot be tabed-to, which is the desired behavior, because ideally it would be entirely removed from the page.
          */
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.product-details--large-image-gallery .product-tab .card__body .card-header,
.product-details--mosaic .product-tab .card__body .card-header,
.product-details--large-image-separate-descriptions .product-tab .card__body .card-header {
  /*
                  * Hidding the card header that was added for desktop view on mobile, 
                  * as there is already a card header and card layout injected through JS when converting to collapsible
                  */
  display: none; }

.product-details--large-image-gallery .product-tab .card__body .card__body,
.product-details--mosaic .product-tab .card__body .card__body,
.product-details--large-image-separate-descriptions .product-tab .card__body .card__body {
  /*
                 *  The product tab has a card design for desktop view, but it is injected in a card layout on mobile views.
                 *  Canceling some of the design sepcs of the "inner" card when on mobile collapsed mode
                 */
  padding: 0; }

.product-details--large-image-gallery .tab-content > .tab-pane,
.product-details--mosaic .tab-content > .tab-pane,
.product-details--large-image-separate-descriptions .tab-content > .tab-pane {
  /*
          * Showing all tags as opened, disabling the "tab" feature, as they should be displayed as stacked block of contents
          */
  display: block;
  opacity: 1; }
  .product-details--large-image-gallery .tab-content > .tab-pane:not(:last-child),
  .product-details--mosaic .tab-content > .tab-pane:not(:last-child),
  .product-details--large-image-separate-descriptions .tab-content > .tab-pane:not(:last-child) {
    margin-bottom: 0.9375rem; }

/*
* 	WIDGET: PRODUCT-SHOWCASE
*   --------------------------
*	product-showcase
*   product-showcase--******* (generated id coming from CMS)
*	product-showcase__container
* product-showcase__text
* product-showcase__title
* product-showcase__view-all
*/
.product-showcase__container {
  /*
  *	Enable horizontal scrolling in mobile to save height space
  */ }
  @media screen {
    .product-showcase__container {
      /*
			 *	This feature should not apply on print media
			*/ } }
  @media screen and (max-width: 991.98px) {
    .product-showcase__container .product-display--gridview {
      overflow-x: auto;
      padding-bottom: 0.9375rem; } }
  @media screen and (max-width: 991.98px) {
    .product-showcase__container .product-display--gridview .product-display__wrapper {
      flex-wrap: nowrap;
      margin-left: 0;
      margin-right: 0;
      scroll-snap-type: x mandatory;
      scroll-padding: 0.9375rem; } }
  @media screen and (max-width: 991.98px) {
    .product-showcase__container .product-display--gridview .product-display__item {
      scroll-snap-align: start;
      width: 35%; } }
  @media screen and (max-width: 767.98px) {
    .product-showcase__container .product-display--gridview .product-display__item {
      width: 55%; } }
  @media screen and (max-width: 575.98px) {
    .product-showcase__container .product-display--gridview .product-display__item {
      width: 85%; } }
/*
* 	WIDGET: CATEGORY-QUICKSEARCH
*--------------------------
*	category-quicksearch
*       category-quicksearch--vertical
*   category-quicksearch__button
*   category-quicksearch__filter-list
*   category-quicksearch__filter
*/
.category-quicksearch--vertical {
  /*
    *   Making sure the card inside the popup will follow the
    *   Dropdown limit width size in all time otherwise it will
    *   resize itself to the button's size.
    */ }
  .category-quicksearch--vertical .button-group__dropdown {
    /*
        *   Make sure the dropdown takes 100% of the screen size.
        *   Uses bootstrap gutter grid width to supports website
        *   padding and make sure it follows. 
        */
    width: calc(100vw - 1.5rem);
    /*
        *   Limit the size of the dropdown in bigger screen
        */ }
    @media (min-width: 768px) {
      .category-quicksearch--vertical .button-group__dropdown {
        width: 400px; } }
  .category-quicksearch--vertical .card--category-quicksearch {
    width: 100%; }

/*
* 	WIDGET: SEARCH
*   --------------------------
*	search
*		search--fixed
*   search__advanced-search
*   search__button
*   search__input
*   search__link
*	search__form
*   search__submit
*/
.search--fixed {
  /*
	*	Hidden when menu is not sticky
	*/
  display: none; }

.search__input {
  /*
    *   To handle overlapping borders within components (e.g., buttons and inputs in input groups),
    *   we use low single digit z-index values of 1, 2, and 3 for default, hover, and active states.
    */
  z-index: 3; }

.search__button {
  /*
    *   To handle overlapping borders within components (e.g., buttons and inputs in input groups),
    *   we use low single digit z-index values of 1, 2, and 3 for default, hover, and active states.
    */
  z-index: 1; }

.search__link {
  /*
    * Set keyboard focus on search link
    */ }
  .search__link:focus, .search__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .search__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .search__link:focus-visible, .search__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .search__link:focus-visible[href]:not(.button), .search__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }

/*
* 	WIDGET: TYPEAHEAD
*--------------------------
*	typeahead
* typeahead__item
*	
*/
.typeahead {
  width: 100%;
  margin-top: -1px; }

.typeahead__item {
  /*
   *  prevents long search result from expanding beyond the typeahead's container if it's too long
  */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/*
*	WIDGET: RETURN-WIZARD
*	--------------------------
*	return-wizard
*	    return-wizard--step1
*	    return-wizard--step2
*	    return-wizard--step3
*	    return-wizard--step4
*	    return-wizard--step5
*/
.list--progress-steps {
  /*
    *   Stretch steps to fit progress bar
    */ }
  .list--progress-steps .list__item {
    display: flex;
    flex: 1 0 19%;
    flex-direction: column;
    align-items: center; }
    .list--progress-steps .list__item:not(.is-active) {
      color: #262626;
      opacity: .75; }
    @media (min-width: 1200px) {
      .list--progress-steps .list__item {
        flex-direction: row; } }
  .list--progress-steps .list__text {
    padding-left: 0.9375rem; }
  .list--progress-steps .icon {
    vertical-align: middle; }

/*
*   WIDGET: STORE-LOCATOR
*--------------------------
*	store-locator
*/
.store-locator {
  /*
    *   Making sure the card inside the popup will follow the
    *   Dropdown limit width size in all time otherwise it will
    *   resize itself to the button's size.
    */ }
  .store-locator .button-group__dropdown {
    /*
        *   Make sure the dropdown takes 100% of the screen size.
        *   Uses bootstrap gutter grid width to supports website
        *   padding and make sure it follows. 
        */
    width: calc(100vw - 1.5rem);
    /*
        *   Limit the size of the dropdown in bigger screen
        */ }
    @media (min-width: 768px) {
      .store-locator .button-group__dropdown {
        width: 400px; } }
  .store-locator .card--store-locator-popup {
    width: 100%; }

/*
* 	WIDGETS: TIME SLOT
*   --------------------------
*   timeslot__wrapper
*   timeslot__inner
*   timeslot__datepicker
*   timeslot__legend-color
*     timeslot__legend-color--available
*     timeslot__legend-color--not-available
*   timeslot__not-available
*   timeslot__rows
*   timeslot__row
*   timeslot__selected-date
*   timeslot__text
*   timeslot__time
*   timeslot__start-time
*   timeslot__end-time
*   timeslot__title
*/
/* WCAG: color ratio must be of 4.5, do not go below gray-600 on white backgroud*/
.timeslot__legend-color {
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: #000000;
  vertical-align: middle;
  position: relative;
  top: -2px; }

.timeslot__legend-color--not-available {
  background-color: #262626; }

.timeslot__datepicker .datepicker {
  width: 100%; }

.timeslot__datepicker .datepicker__day {
  border-spacing: 4px;
  background-color: #000000;
  color: #fff;
  font-weight: bold; }
  .timeslot__datepicker .datepicker__day:hover:focus, .timeslot__datepicker .datepicker__day:hover.focus, .timeslot__datepicker .datepicker__day:focus:focus, .timeslot__datepicker .datepicker__day:focus.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .timeslot__datepicker .datepicker__day:hover:focus:not(:focus-visible), .timeslot__datepicker .datepicker__day:focus:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .timeslot__datepicker .datepicker__day:hover:focus-visible, .timeslot__datepicker .datepicker__day:hover:focus-within, .timeslot__datepicker .datepicker__day:focus:focus-visible, .timeslot__datepicker .datepicker__day:focus:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .timeslot__datepicker .datepicker__day:hover:focus-visible[href]:not(.button), .timeslot__datepicker .datepicker__day:hover:focus-within[href]:not(.button), .timeslot__datepicker .datepicker__day:focus:focus-visible[href]:not(.button), .timeslot__datepicker .datepicker__day:focus:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .timeslot__datepicker .datepicker__day.is-active {
    background-color: #000000;
    color: #fff;
    -webkit-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -apple-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -khtml-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -rim-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -xv-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -ms-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    -o-box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .timeslot__datepicker .datepicker__day.is-disabled {
    background-color: #f8f9fa;
    color: #fff;
    font-weight: normal; }

/*
* 	COMPONENTS: DISPLAY-TYPE
*--------------------------
*	display-type
*	display-type__label
*	display-type__button
*		display-type__button--categoryview
*		display-type__button--gridview
*		display-type__button--listview
*/
.display-type__button {
  border: 0;
  box-sizing: unset;
  background-color: transparent;
  margin-left: 0.23438rem;
  outline: none;
  padding: 0;
  text-decoration: none;
  vertical-align: middle; }
  .display-type__button .icon {
    color: #000000; }
  .display-type__button:not(.is-active) .icon {
    opacity: .5; }

/*
* 	COMPONENTS: FILTER-BY
*--------------------------
*	filter-by
*/
/*
* 	COMPONENTS: PAGE-RESULTS
*--------------------------
*	page-results
* page-results__count
*	page-results__label
* page-results__text
*/
/*
* 	COMPONENTS: RESULTS-PER-PAGE
*--------------------------
*	results-per-page
*/
.results-per-page .form__form-group--floating-labels {
  /*
            *	Setting a min-width on the block to keep the floating label completely inside on both
            *	french and english.
            */
  min-width: 9.375rem; }

/*
* 	COMPONENTS: SORT-BY
*--------------------------
*	sort-by
*/
.sort-by .form__form-group:not(.form__form-group--floating-labels) .form__select {
  /*
				*	Style when Floating label is not activated
				*/
  display: inline-block;
  max-width: 50%;
  width: auto; }

.sort-by .button--secondary {
  /*
        * Stylize the sorting button like the default dropdown option
        */
  border-color: #000000;
  background-color: #ffffff;
  color: #000000;
  /*
        * matching same height then the button-group
        */
  min-height: 3rem; }

/*
* 	WIDGET: TOOLBAR
*--------------------------
*	toolbar
*       toolbar--price-edit
*	toolbar__wrapper 
*	toolbar__inner
*/
.toolbar--price-edit {
  /*
    *   Toolbar used when price edit mode is activated (Cart, Checkout)
    *   Toolbar will float in front of the input box with options (Apply, Restore Default Price, Cancel)
    */
  position: absolute;
  left: 105%;
  top: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 5px;
  -apple-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -rim-border-radius: 5px;
  -xv-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-top-right-radius: 0;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -apple-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -khtml-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -rim-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -xv-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -ms-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -o-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  padding: 0.15rem;
  vertical-align: middle; }
  .toolbar--price-edit::after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    position: absolute;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    content: "\f21b";
    padding: 0 0.45em;
    top: 0;
    right: -1.5625em;
    display: flex;
    width: 1.5625em;
    height: 1.5625em;
    text-align: center;
    -webkit-border-radius: 5px;
    -apple-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -rim-border-radius: 5px;
    -xv-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  @media (pointer: fine) {
    .toolbar--price-edit .button {
      /*
            *   Internal tool mostly used on desktop. Reducing the padding of the button
            */
      padding: 0.2rem 0.25rem; } }
.captcha--googlerecaptchav2 {
  /*
  * Google ReCAPTCHAV2 generate an empty iframe, causing WCAG issue
  * iFrame is missing a title
  * WCAG LEVEL (A) 4.1.2 Name, Role, Value
  */ }
  .captcha--googlerecaptchav2 iframe:not([src]) {
    display: none; }

/*
*   K-ECOMMERCE LAYOUT
*/
/*
* 	LAYOUT: ROOT
*--------------------------
*	.root / :root
*/
.root,
:root {
  /*
  * setting the colors as custom properties so they can be accessed through js
  */
  --primary: #000000;
  --primarytextcolor: #ffffff;
  --secondary: #000000;
  --secondarytextcolor: #ffffff;
  /*
  *   setting the breakpoint where the menu expands as a root property so it can be accessed through js
  */
  --main-menu-expand-breakpoint: lg; }

* {
  /*
	* Allow customization of the scrollbar
	*/
  /* Works on Firefox */
  scrollbar-width: thin;
  /* Works on Chrome, Edge, and Safari */
  scrollbar-color: #808080 #f5f5f5; }
  *::-webkit-scrollbar {
    height: 12px;
    width: 12px; }
  *::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5); }
  *::-webkit-scrollbar-track {
    background: #f5f5f5; }
  *::-webkit-scrollbar-thumb {
    background-color: #808080;
    border-radius: 20px;
    border: 3px solid #f5f5f5; }

/* 
* 2.3.3: Animation from Interactions*
* https://www.w3.org/WAI/WCAG21/Understanding/animation-from-interactions.html
* Allow users to prevent animation from being displayed on Web pages.
*
* This media query will return true if the reduce motion option is activated
*/
@media (prefers-reduced-motion: reduce) {
  * {
    animation-delay: -1s !important;
    animation-duration: 1s !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important; } }

.animation-is-loading, .gallery--vertical .gallery__slider.is-loading, .image--lazy-loading.is-loading {
  /*
  *	  Default animation for the lazy loading when loading image
  *   Once image has been loaded, the "has-loaded" class is added.
  */
  color: transparent;
  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: transparent;
  background: linear-gradient(to right, #fafafa 8%, #f0f0f0 38%, #fafafa 54%);
  background-size: 1000px 640px;
  position: relative; }

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

/*
* 	LAYOUT: BODY
*--------------------------
*	site-body
*/
.site-body.has-no-scroll {
  overflow: hidden;
  width: 100%; }

.site-body.has-options-pinned {
  padding-right: 400px; }

.site-body--maintenance .site-main {
  margin: 0;
  padding: 0; }

.site-body--maintenance .section--powered-by {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0; }

/*
* 	LAYOUT: HEADER
*--------------------------
*	site-header
*	site-header__container
*	site-header__wrapper
*		site-header__wrapper--main
*		site-header__wrapper--menu
*		site-header__wrapper--search
*		site-header__wrapper--top-nav
*	site-header__inner
*/
/*
* 	LAYOUT: FOOTER
*--------------------------
*	site-footer
*/
/*
 * LAYOUT: MAIN-MENU
 *--------------------------
 *	main-menu
 *    main-menu--fixed
 *		main-menu--sidenav
 *		main-menu--translate
 *		--------------
 *		is-opened
 *	main-menu__bar
 *	main-menu__container
 *	main-menu__header
 *	main-menu__logo
 *	main-menu__navigation
 *	main-menu__toolbar
 */
/*--------------------------*/
/*--------------------------*/
@media (min-width: 992px) {
  .main-menu .menu__item--flyout .menu--flyout {
    /*
				*	Limit the size of the dropdown to be smaller then the viewport
				*	and manage overflow with a scrollbar
				*/
    max-height: 65vh;
    overflow-y: auto;
    overflow-x: hidden; } }

.main-menu .main-menu__bar {
  background-color: #ffffff; }

.main-menu .menu__title {
  font-size: calc(1.26563rem + 0.1875vw);
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 1200px) {
    .main-menu .menu__title {
      font-size: 1.40625rem; } }
  @media (min-width: 992px) {
    .main-menu .menu__title {
      font-size: calc(1.28906rem + 0.46875vw); } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .main-menu .menu__title {
      font-size: 1.64062rem; } }
.main-menu .menu__item {
  padding-left: 0;
  padding-right: 0; }
  .main-menu .menu__item.menu__item--header,
  .main-menu .menu__item .menu__link {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }

@media (min-width: 992px) {
  .main-menu .menu__item--lvl1.is-opened > .menu__link {
    background-color: #000000;
    color: #ffffff; } }

.main-menu .menu__link--lvl1 {
  background-color: transparent;
  color: #000000; }
  @media (min-width: 992px) {
    .main-menu .menu__link--lvl1 {
      background-color: transparent;
      color: #000000; } }
  .main-menu .menu__link--lvl1:hover, .main-menu .menu__link--lvl1:active, .main-menu .menu__link--lvl1:focus {
    background-color: #ffffff;
    color: #000000; }
    @media (min-width: 992px) {
      .main-menu .menu__link--lvl1:hover, .main-menu .menu__link--lvl1:active, .main-menu .menu__link--lvl1:focus {
        background-color: #000000;
        color: #ffffff; } }
.main-menu .menu__divider {
  border-color: rgba(0, 0, 0, 0.2); }

.main-menu .menu--level2 {
  border: 0;
  background-color: transparent; }
  @media (min-width: 992px) {
    .main-menu .menu--level2 {
      background-color: transparent; } }
  .main-menu .menu--level2 .menu__divider {
    border-color: rgba(0, 0, 0, 0.2); }
    @media (min-width: 992px) {
      .main-menu .menu--level2 .menu__divider {
        border-color: rgba(0, 0, 0, 0.2); } }
.main-menu .menu__item--lvl2 .menu__title {
  background-color: transparent;
  color: #000000; }
  @media (min-width: 992px) {
    .main-menu .menu__item--lvl2 .menu__title {
      background-color: transparent;
      color: #000000; } }
@media (min-width: 992px) {
  .main-menu .menu__item--lvl2.is-opened > .menu__link {
    background-color: #000000;
    color: #ffffff; } }

.main-menu .menu__link--lvl2,
.main-menu .menu__item--lvl2 > .button-group__button {
  background-color: transparent;
  color: #000000; }
  @media (min-width: 992px) {
    .main-menu .menu__link--lvl2,
    .main-menu .menu__item--lvl2 > .button-group__button {
      background-color: transparent;
      color: #000000; } }
  .main-menu .menu__link--lvl2:hover, .main-menu .menu__link--lvl2:active, .main-menu .menu__link--lvl2:focus,
  .main-menu .menu__item--lvl2 > .button-group__button:hover,
  .main-menu .menu__item--lvl2 > .button-group__button:active,
  .main-menu .menu__item--lvl2 > .button-group__button:focus {
    background-color: #000000;
    color: #ffffff; }
    @media (min-width: 992px) {
      .main-menu .menu__link--lvl2:hover, .main-menu .menu__link--lvl2:active, .main-menu .menu__link--lvl2:focus,
      .main-menu .menu__item--lvl2 > .button-group__button:hover,
      .main-menu .menu__item--lvl2 > .button-group__button:active,
      .main-menu .menu__item--lvl2 > .button-group__button:focus {
        background-color: #000000;
        color: #ffffff; } }
.main-menu .menu--level3,
.main-menu .menu__inner--flyout-right {
  border: 0;
  background-color: transparent; }
  @media (min-width: 992px) {
    .main-menu .menu--level3,
    .main-menu .menu__inner--flyout-right {
      background-color: transparent; } }
  .main-menu .menu--level3 .menu__divider,
  .main-menu .menu__inner--flyout-right .menu__divider {
    border-color: rgba(0, 0, 0, 0.2); }
    @media (min-width: 992px) {
      .main-menu .menu--level3 .menu__divider,
      .main-menu .menu__inner--flyout-right .menu__divider {
        border-color: rgba(0, 0, 0, 0.2); } }
.main-menu .menu__link--lvl3,
.main-menu .menu__item--lvl3 > .button-group__button {
  background-color: transparent;
  color: #000000; }
  @media (min-width: 992px) {
    .main-menu .menu__link--lvl3,
    .main-menu .menu__item--lvl3 > .button-group__button {
      background-color: transparent;
      color: #000000; } }
  .main-menu .menu__link--lvl3:hover, .main-menu .menu__link--lvl3:active, .main-menu .menu__link--lvl3:focus,
  .main-menu .menu__item--lvl3 > .button-group__button:hover,
  .main-menu .menu__item--lvl3 > .button-group__button:active,
  .main-menu .menu__item--lvl3 > .button-group__button:focus {
    background-color: #ffffff;
    color: #000000; }
    @media (min-width: 992px) {
      .main-menu .menu__link--lvl3:hover, .main-menu .menu__link--lvl3:active, .main-menu .menu__link--lvl3:focus,
      .main-menu .menu__item--lvl3 > .button-group__button:hover,
      .main-menu .menu__item--lvl3 > .button-group__button:active,
      .main-menu .menu__item--lvl3 > .button-group__button:focus {
        background-color: #000000;
        color: #000000; } }
@media (min-width: 992px) {
  .main-menu .menu__inner--flyout-right .menu__link {
    background-color: transparent;
    color: #000000; } }

@media (min-width: 992px) {
  .main-menu .menu__inner--flyout-right .menu__link:hover, .main-menu .menu__inner--flyout-right .menu__link:active, .main-menu .menu__inner--flyout-right .menu__link:focus {
    background-color: #000000;
    color: #ffffff; } }

.main-menu .menu__item--lvl3 .menu__title,
.main-menu .menu__inner--flyout-right .menu__title {
  background-color: transparent;
  color: #000000; }
  @media (min-width: 992px) {
    .main-menu .menu__item--lvl3 .menu__title,
    .main-menu .menu__inner--flyout-right .menu__title {
      background-color: transparent;
      color: #000000; } }
  @media (min-width: 992px) {
    .main-menu .menu__item--lvl3 .menu__title .menu__link,
    .main-menu .menu__inner--flyout-right .menu__title .menu__link {
      background-color: transparent;
      color: #000000; } }
  @media (min-width: 992px) {
    .main-menu .menu__item--lvl3 .menu__title .menu__link:hover, .main-menu .menu__item--lvl3 .menu__title .menu__link:active, .main-menu .menu__item--lvl3 .menu__title .menu__link:focus,
    .main-menu .menu__inner--flyout-right .menu__title .menu__link:hover,
    .main-menu .menu__inner--flyout-right .menu__title .menu__link:active,
    .main-menu .menu__inner--flyout-right .menu__title .menu__link:focus {
      background-color: transparent;
      color: #333333; } }
.main-menu--fixed {
  /*
		*	Use $main-menu-sticky-active variable to enable/disable 
		* sticky menu
		*/
  /*
		*	Use $main-menu-sticky-hide-on-scroll variable to enable/disable 
		* hiding the menu when you scroll down and display it on scroll up
		*/ }
  @media (min-width: 992px) {
    .main-menu--fixed {
      position: fixed;
      top: 0;
      transition: .1s ease-in-out;
      width: 100%;
      z-index: 1030; } }
  .is-scrolling-down .main-menu--fixed {
    top: -100%; }
  @media (min-width: 992px) {
    .main-menu--fixed .main-menu__toolbar {
      display: flex; } }
  .main-menu--fixed .main-menu__toolbar .cart__total {
    display: none; }
  .main-menu--fixed .main-menu__toolbar .toolbar__inner {
    position: inherit; }
  .main-menu--fixed .main-menu__toolbar .button-group--search {
    position: inherit; }
    .main-menu--fixed .main-menu__toolbar .button-group--search .button-group__dropdown {
      width: 100%; }
  .main-menu--fixed .main-menu__logo {
    /*
		  *	Use $main-menu-sticky-active variable to enable/disable 
		  * the logo in main-menu
		  */ }
    @media (min-width: 992px) {
      .main-menu--fixed .main-menu__logo {
        display: block;
        transition: .5s ease-in-out;
        opacity: 100;
        width: 10%; } }
@media (max-width: 991.98px) {
  .main-menu--sidenav {
    min-width: 0;
    width: 0;
    height: 100%;
    position: fixed;
    z-index: 1055;
    top: 0;
    left: -100vw;
    /*
	*   Styling the default background like a modal
	*/
    background: #ffffff;
    transition: all 0.3s;
    overflow: auto;
    overflow-x: hidden;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out; }
    .main-menu--sidenav.is-opened {
      width: 100vw;
      left: 0vw; }
    .main-menu--sidenav .menu {
      width: 100%; }
    .main-menu--sidenav .main-menu__bar {
      /*
			*	Setting this width to 100vw otherwise it takes 100%
			*	of the container and, during the animation, the text will
			*	be forced on multiple line until it fits on the screen, causing
			*	The menu to jump during animation.
			*/
      width: 100%; }
    .main-menu--sidenav.is-opened {
      width: 100vw; } }

.main-menu--sidenav .main-menu__container {
  /*
		 * Remove container-fluid default padding coming from Bootstrap
		 * in mobile only so that elements are edge-to-edge
		 */ }
  @media (max-width: 991.98px) {
    .main-menu--sidenav .main-menu__container {
      padding: 0; } }
@media (max-width: 991.98px) {
  .main-menu--translate .menu {
    transition: left .1s ease-in-out, transform .1s ease-in-out;
    /*
      * Hide elements that are part of the parent container of opened item. This fixed an issue
      * where the parant container would have an impact and display a scrollbar even if it's
      * off screen.
      */ }
    .main-menu--translate .menu.has-translated > .menu__item:not(.is-opened) {
      display: none; }
  .main-menu--translate .menu--level1 {
    position: relative;
    left: 0;
    /*
      * Move menu off screen when opened
      */ }
    .main-menu--translate .menu--level1.has-translated {
      transform: translateX(-100vw); }
  .main-menu--translate .menu--level2,
  .main-menu--translate .button-group__dropdown {
    left: 100vw;
    position: absolute;
    top: 0;
    /*
      * Move menu off screen when opened
      */ }
    .main-menu--translate .menu--level2.has-translated,
    .main-menu--translate .button-group__dropdown.has-translated {
      left: 0;
      transform: translateX(-100vw); }
  .main-menu--translate .menu--level3 {
    left: 200vw;
    position: absolute;
    top: 0; }
  .main-menu--translate .menu--flyout .menu--level3 {
    /*
        * Bring menu on screen
        */ }
    .main-menu--translate .menu--flyout .menu--level3.is-opened {
      left: 100vw; }
  .main-menu--translate .menu__item.is-opened {
    position: static; }
  .main-menu--translate .menu__inner,
  .main-menu--translate .button-group {
    position: static; } }

.main-menu__header {
  width: 100%;
  /*
	*	Hide logo in desktop by default in navigation
	*/ }
  @media (min-width: 992px) {
    .main-menu__header {
      display: none;
      visibility: hidden; } }
.main-menu__logo {
  /*
  * This logo will be displayed when the main-menu--fixed class
  * is added to the menu.
  */
  display: none; }

.main-menu__search {
  /*
  * This search will be displayed when the main-menu--fixed class
  * is added to the menu.
  */
  display: none; }

.main-menu__toolbar {
  /*
  * This menu will be displayed when the main-menu--fixed class
  * is added to the menu.
  */
  display: none; }

/*
 *	VENDOR FILE NEEDING OUR CUSTOM MIXINS
 */
/**************************
* Google Places Autocomplete Address
* Styling for generated HTML from Google Web Service
*/
.pac-container {
  background-color: #ffffff;
  border: solid var(--bs-border-width) #000000;
  box-shadow: none;
  border-radius: 0; }

.pac-logo:after {
  margin-right: 0.625rem;
  margin-bottom: 0.3125rem; }

.pac-item {
  border-color: #000000;
  color: #262626;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-size: 0.82031rem;
  line-height: 3rem;
  padding: 0 0.9375rem; }
  .pac-item:focus, .pac-item.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .pac-item:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .pac-item:focus-visible, .pac-item:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .pac-item:focus-visible[href]:not(.button), .pac-item:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .pac-item:first-child {
    border-top: 0; }
  .pac-item:hover {
    background-color: #000000;
    color: #fff; }
    .pac-item:hover .pac-icon-marker,
    .pac-item:hover .pac-item-query {
      color: #fff; }

.pac-item-query {
  color: #000000;
  font-size: 0.9375rem; }

.pac-icon-marker {
  background: none !important;
  color: #000000;
  margin-top: 0; }
  .pac-icon-marker:before {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: "\f3c5";
    font-size: 1rem;
    position: relative;
    top: -1px; }

/*
*   CUSTOM PROJECT TO INCLUDE
*/
/*
*   CUSTOMER THEME FILE
*/
/* COMPONENTS */
/* BRAND */
.button.is-selected {
  background: #262626;
  color: #ffffff; }

.button--dropdown:hover, .button--dropdown:focus,
.button--add-on:hover,
.button--add-on:focus {
  color: black;
  background-color: rgba(0, 0, 0, 0.075); }

.button--link {
  transition: .3s;
  color: inherit; }
  .button--link.is-active {
    color: #000000; }
  .button--link:hover, .button--link:focus, .button--link:active {
    opacity: .75; }

.button--primary {
  transition: .3s; }
  .button--primary:hover, .button--primary:focus, .button--primary:active {
    background: #262626;
    color: #ffffff;
    transition: .3s; }

.button--prominent {
  background: #ee0024;
  border-color: #ee0024;
  color: #ffffff; }
  .button--prominent:hover, .button--prominent:focus, .button--prominent:active {
    background: #ff3c59;
    color: #ffffff; }

.button--secondary:not(.is-disabled, [disabled], .is-selected) {
  background: #ffffff;
  border: 1px solid #000000;
  color: #000000;
  transition: .3s; }
  .button--secondary:not(.is-disabled, [disabled], .is-selected):hover, .button--secondary:not(.is-disabled, [disabled], .is-selected):focus, .button--secondary:not(.is-disabled, [disabled], .is-selected):active {
    background: #404040;
    color: #ffffff;
    transition: .3s; }

.button--secondary .button__text--highlight {
  /* Copying Badge style from Bootstrap */
  color: #fff;
  background-color: #000000;
  display: inline-block;
  padding: calc(0.35em / 2) calc(0.65em / 2);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  position: relative;
  top: -1px; }
  a.button--secondary .button__text--highlight:hover, a.button--secondary .button__text--highlight:focus {
    color: #fff;
    background-color: black; }
  a.button--secondary .button__text--highlight:focus, a.button--secondary .button__text--highlight.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.button--secondary.button--outline {
  color: #ffffff; }

.is-sorted-desc .button--sortable:after, .is-sorted-asc .button--sortable:after {
  color: #000000; }

.button--touchspin:hover, .button--touchspin:focus, .button--touchspin:active {
  background: #000000;
  color: #ffffff; }

.button__tag {
  color: #fff;
  background-color: #000000;
  font-size: 0.75em;
  font-weight: 700; }
  a.button__tag:hover, a.button__tag:focus {
    color: #fff;
    background-color: black; }
  a.button__tag:focus, a.button__tag.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.button-group--my-account > .button-group__button,
.button-group--cart > .button-group__button {
  white-space: nowrap; }
  .button-group--my-account > .button-group__button:after,
  .button-group--cart > .button-group__button:after {
    vertical-align: baseline; }

.button-group__header {
  background: #f7f7f7;
  color: #262626;
  padding: 0.75rem 0.9375rem;
  font-size: 0.9375rem; }

.caption--information {
  padding: 0.46875rem;
  border: var(--bs-border-width) solid #000000; }
  .caption--information > .icon {
    color: inherit; }
  .product__item .caption--information {
    padding: 0.23438rem 0.46875rem; }

.caption--shipping-minimum-amount-message {
  color: #165a25;
  background-color: #d3ead8;
  border-color: #bde0c5; }
  .caption--shipping-minimum-amount-message hr,
  .caption--shipping-minimum-amount-message .separator {
    border-top-color: #b4d5bb; }
  .caption--shipping-minimum-amount-message .alert-link,
  .caption--shipping-minimum-amount-message .caption__link {
    color: #145121; }

.caption--purchase-rule-validation-message {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .caption--purchase-rule-validation-message hr,
  .caption--purchase-rule-validation-message .separator {
    border-top-color: #ecdbab; }
  .caption--purchase-rule-validation-message .alert-link,
  .caption--purchase-rule-validation-message .caption__link {
    color: #7c5e04; }
  .caption--purchase-rule-validation-message:hover, .caption--purchase-rule-validation-message:focus {
    background: #fbf3da; }
  .caption--purchase-rule-validation-message > .icon {
    color: #8a6804; }

.caption--error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7; }
  .caption--error hr,
  .caption--error .separator {
    border-top-color: #e9b8bd; }
  .caption--error .alert-link,
  .caption--error .caption__link {
    color: #771d25; }
  .caption--error > .icon {
    color: #842029; }

.caption--success {
  color: #165a25;
  background-color: #d3ead8;
  border-color: #bde0c5; }
  .caption--success hr,
  .caption--success .separator {
    border-top-color: #b4d5bb; }
  .caption--success .alert-link,
  .caption--success .caption__link {
    color: #145121; }
  .caption--success > .icon {
    color: #165a25; }

.caption--warning {
  color: #8a6804;
  background-color: #faefcd;
  border-color: #f8e7b4; }
  .caption--warning hr,
  .caption--warning .separator {
    border-top-color: #ecdbab; }
  .caption--warning .alert-link,
  .caption--warning .caption__link {
    color: #7c5e04; }
  .caption--warning > .icon {
    color: #8a6804; }

.caption--no-result {
  padding: 0.9375rem;
  border: var(--bs-border-width) solid #000000; }
  .caption--no-result > .icon {
    color: #000000; }

/*
* 	COMPONENT: CARD
 *--------------------------
 *
 */
.card {
  border: 0; }
  .card.is-default {
    outline: 2px solid rgba(0, 0, 0, 0.15); }
  .card:not(.card--powersearch) {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
    .card:not(.card--powersearch) .card:not(.card--product-card) {
      box-shadow: none; }
      .card:not(.card--powersearch) .card:not(.card--product-card) > .card__body,
      .card:not(.card--powersearch) .card:not(.card--product-card) > .card__header {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0; }

.card--customer-service .card__header {
  background: #000000;
  color: #ffffff; }

.card--document-tracking-menu .card__body {
  padding: 0; }
  @media (min-width: 768px) {
    .card--document-tracking-menu .card__body {
      padding: 0.9375rem 0.9375rem; } }
.card--horizontal {
  display: flex;
  flex-direction: row; }
  .card--horizontal .card__figure {
    margin-bottom: 0; }

.card--my-account .caption--description {
  color: #262626; }

.card--my-account .list__text--highlight {
  /* Copying Badge style from Bootstrap */
  color: #fff;
  background-color: #000000;
  display: inline-block;
  padding: calc(0.35em / 2) calc(0.65em / 2);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  top: -1px; }
  a.card--my-account .list__text--highlight:hover, a.card--my-account .list__text--highlight:focus {
    color: #fff;
    background-color: black; }
  a.card--my-account .list__text--highlight:focus, a.card--my-account .list__text--highlight.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.card--powersearch .card__title {
  font-size: 1rem; }

.card--product-card .brand__link {
  padding: 0; }

.product-display--order-express .card--product-card .card__footer {
  margin-top: 0.46875rem;
  padding-top: 0.23438rem; }

.card--register .card__body {
  text-align: center; }

.card--store-locator-popup .card__body--flush {
  padding: 0; }

.card--cart-summary.card,
.card--order-express-options.card,
.card--order-express-search.card,
.card--product-card.card {
  border: 0; }
  .card--cart-summary.card, .card--cart-summary.card .card,
  .card--order-express-options.card,
  .card--order-express-options.card .card,
  .card--order-express-search.card,
  .card--order-express-search.card .card,
  .card--product-card.card,
  .card--product-card.card .card {
    box-shadow: none; }

/*	
 *	KPP Summary boxes
 */
.card--summary-amount .card__body,
.card--summary-credits .card__body {
  text-align: center; }

.card--summary-amount {
  background-color: #000000;
  color: #ffffff; }
  .card--summary-amount .button--link {
    color: #ffffff; }

@media (max-width: 767.98px) {
  .card--table .table--flip-scroll > .table__body .table__row,
  .card--table .table--md-down-flip-scroll > .table__body .table__row {
    border: 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; } }

.card--table .table--flip-scroll > .table__body .table__row > .table__cell, .card--table .table--flip-scroll > .table__body .table__row > .table__cell:before,
.card--table .table--md-down-flip-scroll > .table__body .table__row > .table__cell,
.card--table .table--md-down-flip-scroll > .table__body .table__row > .table__cell:before {
  left: 0;
  padding-left: 0.9375rem; }

.card--table .product-display--tableview:not(.card--flush) .card--table .product-display--tableview {
  margin-bottom: 0.9375rem; }

.card__body .card__title {
  font-size: 1.15rem; }

.card__figure {
  text-align: center; }

.card__header {
  background: #ffffff;
  border-bottom-color: #000000;
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 400; }
  :not(.card--product-card) > .card__header {
    font-size: 1.25rem; }
  .card__header .button--link {
    color: #000000; }
    .card__header .button--link .icon {
      transition: .3s; }
    .card__header .button--link:hover, .card__header .button--link:focus, .card__header .button--link:focus-within {
      color: #404040; }
      .card__header .button--link:hover .icon, .card__header .button--link:focus .icon, .card__header .button--link:focus-within .icon {
        -webkit-transform: rotate(180deg);
        -apple-transform: rotate(180deg);
        -khtml-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -rim-transform: rotate(180deg);
        -xv-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        transition: .3s; }
    .card--error .card__header .button--link {
      color: #fff; }
  .card__header .form__form-group--switch .form__label {
    font-size: 0.9375rem;
    font-weight: 400; }
  .card__header .card__title {
    font-size: 1.25rem;
    margin-bottom: 0; }

.card:not(.card--product-card) .card__footer {
  background-color: #fafafa;
  border-top-color: #000000; }

.card__link {
  transition: all 200ms ease-in-out; }

/* CODE */
.display-type__label {
  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; }
  .display-type__label:not(caption) {
    position: absolute !important; }

/*
* 	COMPONENTS: FORM
*--------------------------
*/
/*
*	#bootstrap5fix#
* Switch form has its border radius controled by the enable-rounded variables in base bootstrap
* It looks a lot better if the border-radius is always used, as the square version looks weird and out of place.	
* Since these kind of switches are skeuomorphism, standard rounded corners should be used.
*/
.form__form-group--switch .form__input--check {
  border-radius: 2em; }

.form__input-group-prepend > .form__text,
.form__input-group-append > .form__text {
  background: #000000;
  color: #ffffff; }

.modal--enlarge-product-image .slider--product-image-gallery .slider__button:not(.slider__button--image) {
  border: 0;
  height: 70vh;
  margin-top: 15vh; }

.modal__close:hover, .modal__close:focus, .modal__close:focus-within {
  border: 0;
  background: #000000;
  -webkit-transform: 180deg;
  -apple-transform: 180deg;
  -khtml-transform: 180deg;
  -moz-transform: 180deg;
  -rim-transform: 180deg;
  -xv-transform: 180deg;
  -ms-transform: 180deg;
  -o-transform: 180deg;
  transform: 180deg; }
  .modal__close:hover .icon, .modal__close:focus .icon, .modal__close:focus-within .icon {
    color: #ffffff; }

.page-title {
  margin-top: 0.46875rem; }
  @media (min-width: 992px) {
    .page-title {
      margin-top: 1.875rem; } }
.page-loader {
  background: #ffffff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999; }
  .is-loaded .page-loader {
    opacity: 0;
    visibility: hidden; }

.page-loader__container {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #000000;
  -webkit-animation: spin 1s linear infinite;
  /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite;
  /* Chrome, Firefox 16+, IE 10+, Opera */ }
  .page-loader__container:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #000000;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */ }
  .page-loader__container:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 5px solid transparent;
    border-top-color: #000000;
    -webkit-animation: spin 1.5s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */ }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);
    /* IE 9 */
    transform: rotate(0deg);
    /* Firefox 16+, IE 10+, Opera */ }
  100% {
    -webkit-transform: rotate(360deg);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);
    /* IE 9 */
    transform: rotate(360deg);
    /* Firefox 16+, IE 10+, Opera */ } }

/* PRICE */
.price.price--retail .price__label,
.price.price--retail .price__text {
  color: #262626; }

.price.price--highlight .price__amount {
  font-weight: 700; }

.price__discount {
  display: inline-block;
  font-weight: 700;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  color: #fff;
  background-color: #000000; }
  a.price__discount:hover, a.price__discount:focus {
    color: #fff;
    background-color: black; }
  a.price__discount:focus, a.price__discount.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

/* PRICE GROUP */
.price-group.price-group--retail .price-group__label,
.price-group.price-group--retail .price {
  color: #262626;
  font-weight: 400; }

.product__title {
  font-weight: 700;
  text-decoration: none; }
  .product__title:hover {
    color: #000000; }

.product__price-message.caption--warning {
  border: 1px dashed #ced4da;
  background: #f8f9fa;
  color: #000000;
  font-weight: 700; }
  .product__price-message.caption--warning::before {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: "\f06a"; }

/*
* COMPONENTS: TABLE
*
*/
.table--payment-portal .table__row--totals {
  background: #000000;
  color: #ffffff; }
  .table--payment-portal .table__row--totals .table__cell {
    height: 3rem;
    vertical-align: middle; }

.table__row.is-clickable:focus > .table__cell, .table__row.is-clickable:hover > .table__cell {
  background-color: rgba(0, 0, 0, 0.075); }

.table__row.has-error, .table__row.has-warning {
  background-color: transparent;
  color: inherit; }
  .table__row.has-error.table__row--product, .table__row.has-warning.table__row--product {
    outline-style: solid;
    outline-width: 3px; }
  .table__row.has-error > .table__cell .icon,
  .table__row.has-error > .table__cell .caption__text, .table__row.has-warning > .table__cell .icon,
  .table__row.has-warning > .table__cell .caption__text {
    color: inherit; }

.table__row.has-error.table__row--product {
  outline-color: #f8d7da; }

.table__row.has-error > .table__cell:first-child, .table__row.has-error > .table__cell.table__cell--order-review-purchase-rules-description {
  background: #f8d7da;
  color: #842029; }

.table__row.has-warning.table__row--product {
  outline-color: #faefcd; }

.table__row.has-warning > .table__cell:first-child, .table__row.has-warning > .table__cell.table__cell--order-review-purchase-rules-description {
  background: #faefcd;
  color: #8a6804; }

.table__link {
  transition: all 200ms ease-in-out; }

/*
 * COMPONENTS: TEXT
 *--------------------------
 */
[class*="__label"] {
  font-weight: 700; }

.page-title__subtitle {
  font-size: 0.65em;
  font-weight: 300; }

/* LAYOUT */
/* LAYOUT */
/* LAYOUT */
.site-header {
  padding-top: 0.46875rem; }
  @media (min-width: 768px) {
    .site-header {
      padding-top: 0; } }
  .site-header .menu-toggler__button {
    padding-left: 0; }
  .site-header .section__container {
    width: 100%;
    max-width: 100%; }
  .site-header .section__wrapper--top-navigation {
    background: #fafafa; }
    @media (min-width: 992px) {
      .site-header .section__wrapper--top-navigation {
        padding: 0 5%; } }
    .site-header .section__wrapper--top-navigation .menu__link {
      border-radius: 0; }
    .site-header .section__wrapper--top-navigation .menu__link,
    .site-header .section__wrapper--top-navigation .button--link {
      padding: 0.5rem 1rem; }
  @media (min-width: 992px) {
    .site-header .section__wrapper--main {
      padding: 0 5%; } }
  .site-header .section__wrapper--main .menu__link {
    border-radius: 0; }
  .site-header .section__wrapper--main .menu__link,
  .site-header .section__wrapper--main .button--link {
    padding: 0.5rem 1rem; }
  .site-header .button--link {
    text-decoration: none; }
  .site-header .button-group--store-locator > .button-group__button:after,
  .site-header .button-group--my-account > .button-group__button:after,
  .site-header .button-group--cart > .button-group__button:after {
    display: none; }
    @media (min-width: 768px) {
      .site-header .button-group--store-locator > .button-group__button:after,
      .site-header .button-group--my-account > .button-group__button:after,
      .site-header .button-group--cart > .button-group__button:after {
        display: inline-block; } }
  .site-header .cart .cart__quantity {
    position: absolute;
    top: 0;
    left: 1.5625rem;
    color: #fff;
    background-color: #000000;
    font-size: 0.75em;
    font-weight: 700;
    padding-left: calc(0.65em / 2);
    padding-right: calc(0.65em / 2); }
    a.site-header .cart .cart__quantity:hover, a.site-header .cart .cart__quantity:focus {
      color: #fff;
      background-color: black; }
    a.site-header .cart .cart__quantity:focus, a.site-header .cart .cart__quantity.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .site-header .cart .cart__total {
    margin-left: 0.5rem; }

.site-header__container {
  max-width: 100%; }
  @media (min-width: 768px) {
    .site-header__container {
      max-width: 80%; } }
/* LAYOUT */
.site-main {
  padding: 1.25rem 0; }

/* LAYOUT */
@media (min-width: 992px) {
  .main-menu .main-menu__bar {
    background: #ffffff;
    border-bottom: 0.375rem solid #1a1a1a;
    padding: 0; } }

@media (min-width: 992px) {
  .main-menu .main-menu__container {
    max-width: 90%; } }

@media (min-width: 992px) {
  .main-menu .menu--dropdown {
    border-top: 0.375rem solid #1a1a1a; } }

.main-menu .menu__item {
  border-bottom: 0.0625rem solid #e9ecef; }

@media (min-width: 992px) {
  .main-menu .menu--level1 > .menu__item {
    border-bottom: 0; } }

.main-menu .menu__divider {
  border-top: 0; }

.main-menu .menu__title {
  font-size: calc(1.26563rem + 0.1875vw); }
  @media (min-width: 1200px) {
    .main-menu .menu__title {
      font-size: 1.40625rem; } }
  @media (min-width: 992px) {
    .main-menu .menu__title {
      font-size: calc(1.28906rem + 0.46875vw);
      padding-left: 0; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .main-menu .menu__title {
      font-size: 1.64062rem; } }
@media (min-width: 992px) {
  .main-menu .menu__inner--flyout-right {
    padding: 0.5rem 1rem; } }

.main-menu--fixed .main-menu__container {
  max-width: 100%;
  padding: 0; }

.main-menu--fixed .main-menu__bar {
  padding-left: var(--bs-gutter-x, 1.5rem);
  padding-right: var(--bs-gutter-x, 1.5rem); }

.main-menu__header {
  margin-bottom: 0.46875rem; }

/* LAYOUT */
@media (min-width: 992px) {
  .section__container {
    max-width: 90%; } }

/* LAYOUT */
.site-footer {
  background: #000000;
  color: #ffffff;
  margin-top: 0.9375rem;
  padding: calc(1.375rem + 1.5vw) 0; }
  @media (min-width: 1200px) {
    .site-footer {
      padding: 2.5rem 0; } }
  @media (min-width: 768px) {
    .site-footer {
      margin-top: 2.8125rem; } }
  .site-footer .button {
    text-align: center; }
  .site-footer .cms-blockcontent,
  .site-footer .list,
  .site-footer .list__title {
    width: 100%; }
  .site-footer .list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
    @media (min-width: 768px) {
      .site-footer .list {
        display: inherit; } }
    .site-footer .list.list--social-medias {
      display: inline-flex;
      flex-direction: row;
      justify-content: center; }
      @media (min-width: 768px) {
        .site-footer .list.list--social-medias {
          justify-content: start; } }
      .site-footer .list.list--social-medias .list__item {
        margin: 0 0.9375rem;
        flex: 0 0 0%; }
  .site-footer .list__item {
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .site-footer .list__item {
        text-align: left; } }
  .site-footer .list__title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.25rem; }
    @media (min-width: 768px) {
      .site-footer .list__title {
        text-align: left; } }
  .site-footer .list__link,
  .site-footer a {
    display: block;
    text-align: center;
    color: #ffffff;
    transition: all 200ms ease-in-out; }
    .site-footer .list__link:hover,
    .site-footer a:hover {
      color: #000000;
      opacity: .65; }
    @media (min-width: 768px) {
      .site-footer .list__link,
      .site-footer a {
        display: inline-block;
        text-align: left; } }
  .site-footer .section:last-child {
    border-top: 0.0625rem solid #1a1a1a;
    margin-bottom: 0;
    margin-top: calc(1.375rem + 1.5vw);
    padding-top: 1.25rem; }
    @media (min-width: 1200px) {
      .site-footer .section:last-child {
        margin-top: 2.5rem; } }
  .site-footer .section__inner {
    text-align: center; }
    @media (min-width: 768px) {
      .site-footer .section__inner {
        text-align: inherit; } }
    .site-footer .section__inner > .list {
      border-bottom: 1px solid black;
      padding-bottom: 0.9375rem; }
      @media (min-width: 768px) {
        .site-footer .section__inner > .list {
          border-bottom: 0;
          padding-bottom: 0; } }
/* WIDGET */
/*
 * WIDGET: SEARCH - ADVANCED SEARCH
 *--------------------------
 */
.advanced-search > .button {
  background: transparent;
  border-radius: 25px;
  border: 0;
  height: 3rem; }
  .advanced-search > .button:hover, .advanced-search > .button:focus {
    background: transparent;
    border: 0;
    color: #000000; }
  @media (min-width: 992px) {
    .advanced-search > .button {
      height: 2.8125rem; } }
.advanced-search > .button--dropbown:after {
  content: "\f107"; }

.advanced-search__dropdown {
  -webkit-font-smoothing: antialiased;
  border: 0;
  border-top: 0.3125rem solid #000;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -apple-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -khtml-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -rim-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -xv-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  -o-box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  padding: 1.25rem; }

.availability__value {
  display: inline-block;
  font-weight: 700;
  padding: 0.35em 0.65em;
  color: #fff;
  background-color: #000000;
  font-size: 0.75em; }
  a.availability__value:hover, a.availability__value:focus {
    color: #fff;
    background-color: black; }
  a.availability__value:focus, a.availability__value.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .is-back-order .availability__value {
    color: #fff;
    background-color: #dc3545; }
    a.is-back-order .availability__value:hover, a.is-back-order .availability__value:focus {
      color: #fff;
      background-color: #c6303e; }
    a.is-back-order .availability__value:focus, a.is-back-order .availability__value.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); }
  .is-in-stock .availability__value {
    color: #000;
    background-color: #24963e; }
    a.is-in-stock .availability__value:hover, a.is-in-stock .availability__value:focus {
      color: #000;
      background-color: #208738; }
    a.is-in-stock .availability__value:focus, a.is-in-stock .availability__value.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(36, 150, 62, 0.5); }

.breadcrumb {
  display: flex;
  margin-top: -1.25rem;
  padding: 1.25rem 0.5rem; }

.breadcrumb__item {
  font-size: 0.85rem; }
  .breadcrumb__item.is-active {
    color: #262626;
    font-style: italic; }

.breadcrumb__link {
  text-decoration: none; }
  .breadcrumb__link:hover, .breadcrumb__link:focus, .breadcrumb__link:focus-within {
    text-decoration: underline; }

.category-display--image .category__name {
  padding: 0.9375rem 0.9375rem;
  text-align: left; }

.category-display--tag .card__body {
  padding: 0; }

/*
 * WIDGET: CATEGORY QUICK SEARCH
 *--------------------------
 */
.category-quicksearch__title {
  font-size: calc(1.26563rem + 0.1875vw);
  margin-bottom: 0.625rem; }
  @media (min-width: 1200px) {
    .category-quicksearch__title {
      font-size: 1.40625rem; } }
/*
 * WIDGET: SHOPPING CART SUMMARY
 *--------------------------
 */
.cart-summary.is-empty .cart-summary__content {
  text-align: center; }

.cart-summary .button__text > .cart__quantity {
  color: #fff;
  background-color: #000000;
  font-weight: 700;
  padding-left: calc(0.65em / 2);
  padding-right: calc(0.65em / 2); }
  a.cart-summary .button__text > .cart__quantity:hover, a.cart-summary .button__text > .cart__quantity:focus {
    color: #fff;
    background-color: black; }
  a.cart-summary .button__text > .cart__quantity:focus, a.cart-summary .button__text > .cart__quantity.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.cart-summary__body .price--highlight {
  font-size: 1.17188rem; }

.cart-summary__body :not(.table__cell):not(.list__item) > .caption--shipping-minimum-amount-message,
.cart-summary__body :not(.table__cell):not(.list__item) > .caption--purchase-rule-validation-message {
  border-width: 0;
  border-radius: 0;
  margin-top: -0.9375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

.cart-summary__body :not(.table__cell):not(.list__item) > .caption--purchase-rule-validation-message {
  padding: 0; }
  .cart-summary__body :not(.table__cell):not(.list__item) > .caption--purchase-rule-validation-message .button--link {
    background: inherit;
    color: inherit; }
  .cart-summary__body :not(.table__cell):not(.list__item) > .caption--purchase-rule-validation-message .panel--purchase-rule-validation-message > .list__item {
    padding: 0; }

.cart-summary__quantity {
  color: #fff;
  background-color: #000000;
  font-size: 0.75em;
  font-weight: 700;
  padding-left: calc(0.65em / 2);
  padding-right: calc(0.65em / 2);
  position: relative;
  top: -.75rem; }
  a.cart-summary__quantity:hover, a.cart-summary__quantity:focus {
    color: #fff;
    background-color: black; }
  a.cart-summary__quantity:focus, a.cart-summary__quantity.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.cart-summary__item-quantity .product__quantity {
  color: #fff;
  background-color: #000000;
  font-weight: 700;
  padding-left: calc(0.65em / 2);
  padding-right: calc(0.65em / 2); }
  a.cart-summary__item-quantity .product__quantity:hover, a.cart-summary__item-quantity .product__quantity:focus {
    color: #fff;
    background-color: black; }
  a.cart-summary__item-quantity .product__quantity:focus, a.cart-summary__item-quantity .product__quantity.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .is-added-to-cart .cart-summary__item-quantity .product__quantity {
    color: #fff;
    background-color: #000000; }
    a.is-added-to-cart .cart-summary__item-quantity .product__quantity:hover, a.is-added-to-cart .cart-summary__item-quantity .product__quantity:focus {
      color: #fff;
      background-color: black; }
    a.is-added-to-cart .cart-summary__item-quantity .product__quantity:focus, a.is-added-to-cart .cart-summary__item-quantity .product__quantity.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.coupon__status {
  display: inline-block;
  font-weight: 700;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  color: #fff;
  background-color: #000000; }
  a.coupon__status:hover, a.coupon__status:focus {
    color: #fff;
    background-color: black; }
  a.coupon__status:focus, a.coupon__status.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }
  .coupon__status.is-valid {
    color: #000;
    background-color: #24963e; }
    a.coupon__status.is-valid:hover, a.coupon__status.is-valid:focus {
      color: #000;
      background-color: #208738; }
    a.coupon__status.is-valid:focus, a.coupon__status.is-valid.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(36, 150, 62, 0.5); }
  .coupon__status.is-invalid {
    color: #fff;
    background-color: #dc3545; }
    a.coupon__status.is-invalid:hover, a.coupon__status.is-invalid:focus {
      color: #fff;
      background-color: #c6303e; }
    a.coupon__status.is-invalid:focus, a.coupon__status.is-invalid.focus {
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); }

.credit-card__status.has-expired {
  color: #dc3545; }

.credit-card__status.is-expiring-soon {
  color: #e6ae06; }

.datepicker-dropdown:before {
  border-bottom-color: #000000; }

.datepicker-dropdown:after {
  border-bottom-color: #ffffff; }

.datepicker-dropdown.datepicker-orient-top:before {
  border-top-color: #000000; }

.datepicker-dropdown.datepicker-orient-top:after {
  border-top-color: #ffffff; }

.datepicker .datepicker__day:not(.is-disabled).is-today {
  /* !important: cancel the hover display for the today class, rather than redefining the same CSS for the hover and focus states */
  background-color: #000000 !important;
  background-image: none;
  color: #ffffff !important; }

.datepicker .datepicker__day:not(.is-disabled):hover, .datepicker .datepicker__day:not(.is-disabled):focus {
  background-color: rgba(0, 0, 0, 0.075);
  background-image: none;
  color: #ffffff; }

.datepicker .is-disabled {
  color: #262626; }

.datepicker .is-active, .datepicker .is-active:hover, .datepicker .is-active:focus {
  background-color: #000000;
  background-image: none;
  color: #ffffff; }

.datepicker .is-focused {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }

/*
 * WIDGET: FEE LISTS
 *--------------------------
 */
.fee-list:not(.table__row) {
  font-size: 0.82031rem; }

/* MENU */
.menu--dropdown {
  border: 0; }
  @media (min-width: 992px) {
    .menu--dropdown {
      -webkit-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -apple-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -khtml-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -moz-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -rim-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -xv-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -ms-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      -o-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15);
      box-shadow: 0 3px 5px 0px rgba(0,0,0,0.15); }
      .menu--dropdown .menu--level3 {
        border-top: 0; } }
.menu__icon {
  margin-right: 0.3125rem; }
  .menu--quicklinks .menu__icon {
    margin-right: 0; }

.menu__title .menu__link {
  text-decoration: none; }

.site-footer .menu__title {
  color: #fff;
  font-size: 1.17188rem; }

.menu__link {
  color: #000000;
  transition: all 200ms ease-in-out; }
  .menu__link.is-active {
    color: #000000; }
  .menu__link:focus, .menu__link:hover {
    color: black;
    background-color: rgba(0, 0, 0, 0.075); }
  @media (min-width: 992px) {
    .menu__item--active > .menu__link, .is-opened > .menu__link {
      background: #000000;
      color: #ffffff; }
      .menu__item--active > .menu__link:hover, .is-opened > .menu__link:hover {
        background: #000000;
        color: #ffffff; }
    .menu__link:hover {
      color: #000000; } }
  .site-footer .menu__link {
    padding: 0 1rem;
    color: #fff; }
    .site-footer .menu__link:hover {
      color: #000000;
      padding-left: 1.25rem; }

.menu__link--section-title {
  display: block; }

.menu__divider {
  margin: 0; }

.menu--quicklinks .menu__button {
  background: transparent;
  border-radius: 25px;
  border: 0; }
  .menu--quicklinks .menu__button:hover, .menu--quicklinks .menu__button:focus {
    background: transparent;
    color: #000000;
    border: 0; }

.menu__item--brand {
  vertical-align: middle; }
  .menu__item--brand .logo {
    margin-top: 4px; }
  .menu__item--brand .logo__image {
    width: 50%; }

/*
 * WIDGET: MENU-TOGGLER
 *--------------------------
 */
.menu-toggler {
  background: #ffffff;
  border: none; }

@media (min-width: 992px) {
  .powersearch {
    border-right: 1px solid #ccc;
    padding-right: 0.9375rem; } }

.powersearch > .card--powersearch {
  border: 0; }

.powersearch .card__header .card__text--highlight {
  color: #fff;
  background-color: #000000;
  font-size: 0.75em;
  font-weight: 700;
  padding-left: calc(0.65em / 2);
  padding-right: calc(0.65em / 2);
  position: relative;
  top: -.75rem; }
  a.powersearch .card__header .card__text--highlight:hover, a.powersearch .card__header .card__text--highlight:focus {
    color: #fff;
    background-color: black; }
  a.powersearch .card__header .card__text--highlight:focus, a.powersearch .card__header .card__text--highlight.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.powersearch__section-title {
  color: #ffffff; }
  .powersearch__section-title:hover {
    color: #ffffff; }

.powersearch__filter {
  padding: 0.9375rem; }
  .powersearch__filter .button--secondary {
    border: #ffffff; }

.powersearch__filter-count {
  /* Copying Badge style from Bootstrap */
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #000000;
  position: relative;
  top: -1px; }

/*
 * WIDGET: PRODUCT DISPLAY
 *--------------------------
 */
.product-display--basket-orderlines .card {
  border: 0; }

.product-display--basket-orderlines .product-display__separator {
  display: none; }

@media (min-width: 768px) {
  .product-display--detailview .product-details__zoom {
    position: relative; }
    .product-display--detailview .product-details__zoom .product-details__text {
      font-size: 0;
      margin-top: -2.8125rem;
      position: absolute;
      right: 0;
      opacity: .8; }
      .product-display--detailview .product-details__zoom .product-details__text::after {
        border: 0;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        height: auto;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all linear 0.25s;
        vertical-align: baseline;
        width: auto;
        content: "\f00e";
        background: #ffffff;
        font-size: 1.17188rem;
        padding: 0.75rem 0.9375rem; } }

.product-display--detailview > .product__add-to-cart {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem; }

.product-display--detailview .product__attributes--information {
  background: rgba(0, 0, 0, 0.05);
  padding: 0.46875rem; }
  .product-display--detailview .product__attributes--information .list {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-around; }
  .product-display--detailview .product__attributes--information .list__item {
    margin: auto; }
  .product-display--detailview .product__attributes--information .attributes__label,
  .product-display--detailview .product__attributes--information .attributes__value {
    display: block;
    width: 100%; }

.product-display--detailview .product__attributes--configuration {
  background: none;
  padding: 0.46875rem 0;
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15); }

.product-display--detailview .product__availability .availability__title {
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin-bottom: 0.9375rem;
  padding-bottom: 0.46875rem; }

.product-display--detailview .product__description {
  padding-top: 0.9375rem;
  padding-bottom: 1.875rem; }

.product-display--detailview .product__item-price {
  font-size: calc(1.275rem + 0.3vw); }
  @media (min-width: 1200px) {
    .product-display--detailview .product__item-price {
      font-size: 1.5rem; } }
.product-display--detailview .product__price-group {
  padding-bottom: 1.875rem; }

@media (min-width: 768px) {
  .product-display--detailview .product__price-per-quantity {
    max-width: 25vw; } }

.product-display--detailview .product__product-kit {
  padding-top: 0.9375rem; }

.product-display--detailview .product__rating {
  padding-bottom: 1.875rem;
  border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.15); }

.product-display--detailview .product__socials {
  border-top: 0.0625rem solid rgba(0, 0, 0, 0.15);
  padding-top: 0.9375rem; }

.product-display--gridview .product__title {
  padding: 0 0.9375rem;
  text-align: left; }

.product-display--gridview .product .card__figure {
  border-bottom: 1px solid #000000; }
  .product-display--gridview .product .card__figure .card__link {
    text-decoration: none; }
    .product-display--gridview .product .card__figure .card__link:hover .product__image, .product-display--gridview .product .card__figure .card__link:focus .product__image {
      opacity: 0.8; }

.product-display--gridview .product .card__body {
  position: relative; }

.product-display--gridview .product .product__title {
  min-height: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  font-size: 1.10rem;
  -webkit-line-clamp: 3;
  -apple-line-clamp: 3;
  -khtml-line-clamp: 3;
  -moz-line-clamp: 3;
  -rim-line-clamp: 3;
  -xv-line-clamp: 3;
  -ms-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
  -apple-box-orient: vertical;
  -khtml-box-orient: vertical;
  -moz-box-orient: vertical;
  -rim-box-orient: vertical;
  -xv-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical; }

.product-display--gridview .product .product__price-group.mb-2 {
  margin-bottom: 0; }

.product-display--listview .product .card__figure .card__link:hover .product__image, .product-display--listview .product .card__figure .card__link:focus .product__image {
  opacity: 0.8; }

.product-display--listview .product__brand {
  padding-bottom: 0.46875rem; }

.product-display--purchaselistview .product-display__item .card--product-card {
  position: relative; }

@media (min-width: 768px) {
  .product-display--purchaselistview .product-display__item:not(.is-selected) {
    /* In purchase List mode, show header only on hover or focus */
    /* If the product has been selected, the title is shown*/ }
    .product-display--purchaselistview .product-display__item:not(.is-selected):hover .card__header, .product-display--purchaselistview .product-display__item:not(.is-selected):focus .card__header, .product-display--purchaselistview .product-display__item:not(.is-selected):focus-visible .card__header, .product-display--purchaselistview .product-display__item:not(.is-selected):focus-within .card__header {
      opacity: .9;
      top: 0;
      visibility: visible; } }

@media (min-width: 768px) {
  .product-display--purchaselistview .product-display__item:not(.is-selected) .card__header {
    /* In purchase List mode, hide header and show it only on hover or focus */
    /* If the product has been selected, the title is shown*/
    opacity: 0;
    top: 10px;
    visibility: hidden; } }

@media (min-width: 768px) {
  .product-display--purchaselistview .product-display__item.is-selected .card__header {
    /* In purchase List mode, show header only on hover or focus */
    /* If the product has been selected, the title is shown*/
    opacity: .9;
    top: 0;
    visibility: visible; } }

.product-display--purchaselistview .product-display__item .card--product-card {
  position: relative; }

.product-display--purchaselistview .product-display__item .card__body {
  padding: 0.625rem; }

@media (min-width: 768px) {
  .product-display--purchaselistview .product-display__item .card__header {
    position: absolute;
    width: 100%;
    z-index: 1000;
    transition: all 0.1s ease-in-out; } }

.product-display--order-express .card {
  border: 0; }

.product-display--order-express .card__body {
  padding: 0; }

.product-display--order-express .card__footer {
  padding: 0; }

.product-display--order-express .card__title {
  font-size: 0.9375rem;
  font-weight: 700; }

.product-display--order-express .code {
  font-size: 0.82031rem; }

.product-display--order-express .card--product-card .card__footer {
  margin-top: 0.46875rem;
  padding-top: 0.23438rem; }

.product-display--order-express-related-products .card--product-card {
  border: var(--bs-border-width) solid #000000; }
  .product-display--order-express-related-products .card--product-card .card__body {
    padding: 0.46875rem; }
  .product-display--order-express-related-products .card--product-card .card__footer {
    padding: 0; }
  .product-display--order-express-related-products .card--product-card .card__title,
  .product-display--order-express-related-products .card--product-card .code,
  .product-display--order-express-related-products .card--product-card .price,
  .product-display--order-express-related-products .card--product-card .button {
    font-size: 0.8rem; }

.product-display--summaryview .card__body {
  padding: 0; }

.product-display--summaryview .card__title {
  font-size: inherit; }

.product-display--summaryview.product-display--listview .card--product-card .card__body {
  /*
                *   Cancel default border set to card-body in boostrap
                *   to keep a clean look by default in the widget
                */
  border: 0; }

.product-rating__total-vote {
  font-size: 0.82031rem;
  color: #262626; }

.product-showcase__header {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 2.8125rem; }

.product-showcase__title {
  margin-bottom: 0; }

.product-showcase__view-all {
  margin-left: 0.9375rem; }

.product-tab__item.nav-link.active, .menu__item--preferred-store .product-tab__item.active.store-locator__link--no-preferred-store, .nav-link.ec-flexbox-selected, .menu__item--preferred-store .ec-flexbox-selected.store-locator__link--no-preferred-store, .product-tab__item.nav-link.is-active, .menu__item--preferred-store .product-tab__item.is-active.store-locator__link--no-preferred-store, .product-tab__item.nav-link:hover, .menu__item--preferred-store .product-tab__item.store-locator__link--no-preferred-store:hover, .product-tab__item.nav-link:focus, .menu__item--preferred-store .product-tab__item.store-locator__link--no-preferred-store:focus, .product-tab__item.nav-link:focus-within, .menu__item--preferred-store .product-tab__item.store-locator__link--no-preferred-store:focus-within {
  border-color: #000000;
  background: #000000;
  color: #ffffff; }

.product-tab__nav {
  border: 0; }

.product-tab__pane {
  border: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }

.review__body {
  margin-bottom: 0.9375rem; }

.review__count {
  display: inline-block;
  font-weight: 700;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  color: #fff;
  background-color: #000000; }
  a.review__count:hover, a.review__count:focus {
    color: #fff;
    background-color: black; }
  a.review__count:focus, a.review__count.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.review__date {
  font-size: 0.82031rem; }

.review__header {
  margin-bottom: 0.46875rem; }

.review__footer {
  text-align: right; }
  .review__footer .caption {
    font-size: 0.82031rem; }

.review__location {
  font-size: 0.82031rem; }

.review__title {
  font-size: calc(1.26563rem + 0.1875vw); }
  @media (min-width: 1200px) {
    .review__title {
      font-size: 1.40625rem; } }
.review__username {
  font-weight: 700;
  margin-bottom: 0.9375rem; }

/*
 * WIDGET: SEARCH
 *--------------------------
 */
.main-menu .search {
  background: #ffffff;
  padding: 0.75rem 0.9375rem; }

.search__button.button--secondary {
  background: #000000;
  color: #ffffff; }

.search__advanced-search {
  display: none; }
  @media (min-width: 992px) {
    .search__advanced-search {
      display: block;
      text-align: right; }
      .main-menu .search__advanced-search {
        display: none; } }
.statusbar__content {
  font-size: 1.17188rem;
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.65);
  border: 0;
  color: #fff;
  cursor: wait; }

.statusbar__body {
  height: 100vh; }

.store__status.is-opened {
  color: #24963e; }

.store__status.is-closed {
  color: #dc3545; }

.store__business-hours {
  color: #262626; }

.menu__item--preferred-store .store-locator__link--no-preferred-store {
  /*	when in the top menu, the prefered store link must look like the nav-links */
  transition: all 200ms ease-in-out; }
  .menu__item--preferred-store .store-locator__link--no-preferred-store.is-active {
    color: #000000; }
  @media (min-width: 992px) {
    .is-active > .menu__item--preferred-store .store-locator__link--no-preferred-store, .is-opened > .menu__item--preferred-store .store-locator__link--no-preferred-store {
      background: #000000;
      color: #ffffff; }
      .is-active > .menu__item--preferred-store .store-locator__link--no-preferred-store:hover, .is-opened > .menu__item--preferred-store .store-locator__link--no-preferred-store:hover {
        background: #000000;
        color: #ffffff; }
    .menu__item--preferred-store .store-locator__link--no-preferred-store:hover {
      color: #000000; } }
.tag--in-promotion {
  color: #000000; }
  .tag--in-promotion .icon:before {
    font-size: 1.17188rem; }

.tag--text {
  padding-left: 0.65em;
  padding-right: 0.65em; }

.tag__link {
  color: inherit; }
  .tag__link:hover {
    color: inherit; }

.toolbar .display-type__label {
  display: none; }
  @media (min-width: 576px) {
    .toolbar .display-type__label {
      display: inline; } }
/*
*   PRINT FILE
*/
/*
 *  Print.scss
 *  design specifications for printed media
 */
@media print {
  :root {
    /*
     *  setting up custom properties for easier maintenance
     */
    --print-color: #000000;
    --print-border-color: #000000;
    --print-xsmall-gutter: 0.23438rem;
    --print-small-gutter: 0.46875rem;
    --print-medium-gutter: 0.9375rem; }
  .root {
    /*
     *  Apply a generic style better suited for print display
     */
    margin: 0px;
    padding: 0px;
    font-size: 16px;
    color: var(--print-color); }
    .root *:not(.icon) {
      /*
      *  Using a standard font except for icons
      */
      font-family: Arial, sans-serif; }
  .site-body {
    /*
    *  Removing any color of the background and unwanted margins
    */
    background: none transparent;
    margin: 0px;
    padding: 0px;
    line-height: 1.3em; }
  .form__input,
  .form__select,
  .form__textarea {
    /*
    *  Removing any background color of input
    */
    background: none transparent; }
  .page-title,
  .card__title,
  .card--summary-amount {
    /*
    *  Forcing the standard color for titles
    */
    background-color: transparent;
    color: var(--print-color); }
  .site-header .section__wrapper--top-navigation,
  .site-header .store-locator,
  .site-header .search,
  .site-header .my-account,
  .site-header .cart,
  .site-header .category-quicksearch,
  .site-header .main-menu {
    /*
       *  hidding elements in the header that are controls or commands not relevant on print media
       */
    display: none !important; }
  .site-header .logo {
    /*
       *  spacing around logo since the removal of elemens in the header removes spacing
       */
    padding: 0.46875rem 0; }
    .site-header .logo .logo__image {
      /*
         *  Lmiting the size of the logo on print media
        */
      max-width: 2in; }
  .card:not(.card--cart-summary, .card--powersearch, .card--store, .card--product-tab, .card--product-card) > .card__body {
    /*
      * Cancel any border set on card__body
      */
    border: 0;
    border-radius: 0; }
  .carrier {
    /*
    * Cancel any border set on card__body
    */
    padding: 0;
    border: 0; }
  .customer-service {
    /*
      *  hiding the customer service bar on print media
      */
    display: none !important; }
  .slider__stage-outer {
    /*
     *  removing the height defined by javascript
    */
    height: auto !important; }
  .slider__progress,
  .slider__button--play-stop,
  .slider__nav,
  .slider__dots {
    /*
     *  hidding any controls for the image slider as it is not relevant on print media
     */
    display: none !important; }
  .slider__image {
    /*
     *  limiting the size of the image slider to the standard printable size (8.5 - .5 margin on each side)
     */
    max-width: 7.5in !important;
    max-height: 7.5in !important; }
  .button {
    /*
     *  Removing min-height for buttons as some might be displayed and click-size is not relevant on print media
    */
    min-height: 0; }
    .button:not(.brand__link):not(.gallery__button):not(.slider__button--image):not(.button--sortable) {
      /*
       *  hidding buttons as commands and controls are useless in print media
       *  Keeping the brand displayed as it could be relevant information to print
      */
      display: none !important; }
      .card--store-search-region .button:not(.brand__link):not(.gallery__button):not(.slider__button--image):not(.button--sortable), .card--store-search-region-result .button:not(.brand__link):not(.gallery__button):not(.slider__button--image):not(.button--sortable) {
        /*
         *  buttons in the region list of store locator should still be visible
        */
        display: inline-block !important; }
    .button.button--sortable .button__text {
      /*
       *  removing the word ellipsis
      */
      text-overflow: unset;
      overflow: visible;
      white-space: normal; }
    .button.button--sortable:after {
      /*
			 *	Removing the arrow for the sort order
			*/
      display: none; }
  .site-body:not(.Ecom-CategoryPage):not(.Ecom-ProductPage) .breadcrumb-nav, .site-body:not(.Ecom-CategoryPage):not(.Ecom-ProductPage) .section--breadcrumb {
    /*
      *  hiding the breadcrumb on pages that do not have an extensive hierarchy and is not relevant
      */
    display: none !important; }
  .site-footer,
  .section--powered-by {
    /*
     *  Hidding footer as it contains only links or information that can be found somehere else in the website
     */
    display: none !important; }
  .product__add-to-cart {
    /*
     *  hidding add to cart sections as quantites and buttons are not relevant for print media
    */
    display: none !important; }
  .tag,
  .availability__value {
    /*
     *  reseting the colors for inverted-style elements because printers might disable background graphics
     */
    background-color: transparent !important;
    color: var(--print-color) !important; }
  .availability__quantity-by-warehouse {
    /*
    * reseting max-height to see all available warehouse in print
    */
    max-height: 100% !important;
    overflow-y: visible !important; }
  .product__image {
    /*
      *  Reducing the size of product listing images to compress the print view
    */
    max-width: 50%; }
  .product-display__item .card__body {
    /*
       *  Reducing the size of product listing padding to compress the print view
      */
    padding: 8px; }
  .product-tab .accordion > .card > .card__header {
    /*
       *  hiding the header section of mobile description accordion since the title is displayed in the content
      */
    display: none; }
  .product-tab .panel {
    /*
       *  showing each accordion as opened to show the product description in the print
      */
    display: block; }
  .product-tab__nav {
    /*
     *  Hiding the tab navigation as the description is displayed as the collapsible but opened
    */
    display: none; }
  .product-tab__pane {
    /*
     *  Opening the tabs like opened collapsible
    */
    display: block !important;
    opacity: 1 !important; }
    .product-tab__pane .card__header {
      /*
       *  Showing the header title like the seperated descriptions
      */
      display: block; }
  .product-tab__content {
    /*
     *  Show the product tabs on lower resolution (print) because the script tabCollapse() was not executed (no screen resize)
    */
    display: block !important; }
  .product-details--large-image-gallery {
    /*
     *  Due to the position of the description under the product pictre on these product pages templates,
     *  the order has to be changed on print.
    */ }
    .product-details--large-image-gallery .product-detail__inner--scroll-section {
      /*
     *  The scroll section should follow the title and price so these elements are not bellow all descriptions
     *  located in the sticky-section
    */
      order: 2; }
    .product-details--large-image-gallery .product-detail__inner--sticky-section {
      /*
     *  Position the sticky section before the scroll section to have relevant information before the descriptions in print media
    */
      order: 1; }
  .section--product-navigation {
    /*
     *  Hiding the product navigation section on product page as it is not relevant information on print media
    */
    display: none; }
  .form-check-input {
    /*
     *  Reverting to a standard appearance since check status is driven with a background image
     *  for standard check and switches. 
    */
    -webkit-appearance: checkbox;
    -apple-appearance: checkbox;
    -khtml-appearance: checkbox;
    -moz-appearance: checkbox;
    -rim-appearance: checkbox;
    -xv-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
    appearance: checkbox; }
  .product-display--purchaselistview .product-display__item .card__header {
    /*
     *  the checkbox to select a product in a purchase list is irrelevant in print media
    */
    display: none !important; }
  .table--payment-portal .table__row--totals {
    background-color: transparent !important;
    color: var(--print-color) !important; }
  .table--payment-portal .table__header .table__cell {
    /*
       *  Compacting layout by removing padding in header cell
      */
    padding: 0 !important; }
  /**************************************************************************/
  /*  more specific layout and design for document detail print page  */
  .Ecom-PaymentDetails,
  .ecom-invoicedetails,
  .Ecom-CreditDetails,
  .ecom-quotedetails,
  .ecom-orderdetails,
  .ecom-returndetails,
  .Ecom-OrderApprovalForm,
  .KPP-AccountStatement {
    /*
     *  Specifics for document detail pages
    */ }
    .Ecom-PaymentDetails .section__wrapper,
    .ecom-invoicedetails .section__wrapper,
    .Ecom-CreditDetails .section__wrapper,
    .ecom-quotedetails .section__wrapper,
    .ecom-orderdetails .section__wrapper,
    .ecom-returndetails .section__wrapper,
    .Ecom-OrderApprovalForm .section__wrapper,
    .KPP-AccountStatement .section__wrapper {
      /*
       *  Remove margin top caused by vertical gutters that are not used because the display won't be flex.
      */
      margin-top: 0 !important; }
    .Ecom-PaymentDetails div, .Ecom-PaymentDetails section,
    .ecom-invoicedetails div,
    .ecom-invoicedetails section,
    .Ecom-CreditDetails div,
    .Ecom-CreditDetails section,
    .ecom-quotedetails div,
    .ecom-quotedetails section,
    .ecom-orderdetails div,
    .ecom-orderdetails section,
    .ecom-returndetails div,
    .ecom-returndetails section,
    .Ecom-OrderApprovalForm div,
    .Ecom-OrderApprovalForm section,
    .KPP-AccountStatement div,
    .KPP-AccountStatement section {
      /*
    *   Page-break-inside does not work when the element or it's parent is display: flex.
    *   For the document tracking pages, where the print layout is more relevant, we are removing flex from the page, reverting to a float-based layout
    *   so we can control when elements break on print.
    */
      display: block !important; }
      .Ecom-PaymentDetails div .card__wrapper :after, .Ecom-PaymentDetails div .section__wrapper :after, .Ecom-PaymentDetails section .card__wrapper :after, .Ecom-PaymentDetails section .section__wrapper :after,
      .ecom-invoicedetails div .card__wrapper :after,
      .ecom-invoicedetails div .section__wrapper :after,
      .ecom-invoicedetails section .card__wrapper :after,
      .ecom-invoicedetails section .section__wrapper :after,
      .Ecom-CreditDetails div .card__wrapper :after,
      .Ecom-CreditDetails div .section__wrapper :after,
      .Ecom-CreditDetails section .card__wrapper :after,
      .Ecom-CreditDetails section .section__wrapper :after,
      .ecom-quotedetails div .card__wrapper :after,
      .ecom-quotedetails div .section__wrapper :after,
      .ecom-quotedetails section .card__wrapper :after,
      .ecom-quotedetails section .section__wrapper :after,
      .ecom-orderdetails div .card__wrapper :after,
      .ecom-orderdetails div .section__wrapper :after,
      .ecom-orderdetails section .card__wrapper :after,
      .ecom-orderdetails section .section__wrapper :after,
      .ecom-returndetails div .card__wrapper :after,
      .ecom-returndetails div .section__wrapper :after,
      .ecom-returndetails section .card__wrapper :after,
      .ecom-returndetails section .section__wrapper :after,
      .Ecom-OrderApprovalForm div .card__wrapper :after,
      .Ecom-OrderApprovalForm div .section__wrapper :after,
      .Ecom-OrderApprovalForm section .card__wrapper :after,
      .Ecom-OrderApprovalForm section .section__wrapper :after,
      .KPP-AccountStatement div .card__wrapper :after,
      .KPP-AccountStatement div .section__wrapper :after,
      .KPP-AccountStatement section .card__wrapper :after,
      .KPP-AccountStatement section .section__wrapper :after {
        /*
         *  Since we are floating card__inner, we need to clear it
        */
        content: "";
        width: 100%;
        display: block;
        clear: both; }
      .Ecom-PaymentDetails div .card__wrapper .section__wrapper .card__inner,
      .Ecom-PaymentDetails div .card__wrapper .section__wrapper .section__inner, .Ecom-PaymentDetails div .section__wrapper .section__wrapper .card__inner,
      .Ecom-PaymentDetails div .section__wrapper .section__wrapper .section__inner, .Ecom-PaymentDetails section .card__wrapper .section__wrapper .card__inner,
      .Ecom-PaymentDetails section .card__wrapper .section__wrapper .section__inner, .Ecom-PaymentDetails section .section__wrapper .section__wrapper .card__inner,
      .Ecom-PaymentDetails section .section__wrapper .section__wrapper .section__inner,
      .ecom-invoicedetails div .card__wrapper .section__wrapper .card__inner,
      .ecom-invoicedetails div .card__wrapper .section__wrapper .section__inner,
      .ecom-invoicedetails div .section__wrapper .section__wrapper .card__inner,
      .ecom-invoicedetails div .section__wrapper .section__wrapper .section__inner,
      .ecom-invoicedetails section .card__wrapper .section__wrapper .card__inner,
      .ecom-invoicedetails section .card__wrapper .section__wrapper .section__inner,
      .ecom-invoicedetails section .section__wrapper .section__wrapper .card__inner,
      .ecom-invoicedetails section .section__wrapper .section__wrapper .section__inner,
      .Ecom-CreditDetails div .card__wrapper .section__wrapper .card__inner,
      .Ecom-CreditDetails div .card__wrapper .section__wrapper .section__inner,
      .Ecom-CreditDetails div .section__wrapper .section__wrapper .card__inner,
      .Ecom-CreditDetails div .section__wrapper .section__wrapper .section__inner,
      .Ecom-CreditDetails section .card__wrapper .section__wrapper .card__inner,
      .Ecom-CreditDetails section .card__wrapper .section__wrapper .section__inner,
      .Ecom-CreditDetails section .section__wrapper .section__wrapper .card__inner,
      .Ecom-CreditDetails section .section__wrapper .section__wrapper .section__inner,
      .ecom-quotedetails div .card__wrapper .section__wrapper .card__inner,
      .ecom-quotedetails div .card__wrapper .section__wrapper .section__inner,
      .ecom-quotedetails div .section__wrapper .section__wrapper .card__inner,
      .ecom-quotedetails div .section__wrapper .section__wrapper .section__inner,
      .ecom-quotedetails section .card__wrapper .section__wrapper .card__inner,
      .ecom-quotedetails section .card__wrapper .section__wrapper .section__inner,
      .ecom-quotedetails section .section__wrapper .section__wrapper .card__inner,
      .ecom-quotedetails section .section__wrapper .section__wrapper .section__inner,
      .ecom-orderdetails div .card__wrapper .section__wrapper .card__inner,
      .ecom-orderdetails div .card__wrapper .section__wrapper .section__inner,
      .ecom-orderdetails div .section__wrapper .section__wrapper .card__inner,
      .ecom-orderdetails div .section__wrapper .section__wrapper .section__inner,
      .ecom-orderdetails section .card__wrapper .section__wrapper .card__inner,
      .ecom-orderdetails section .card__wrapper .section__wrapper .section__inner,
      .ecom-orderdetails section .section__wrapper .section__wrapper .card__inner,
      .ecom-orderdetails section .section__wrapper .section__wrapper .section__inner,
      .ecom-returndetails div .card__wrapper .section__wrapper .card__inner,
      .ecom-returndetails div .card__wrapper .section__wrapper .section__inner,
      .ecom-returndetails div .section__wrapper .section__wrapper .card__inner,
      .ecom-returndetails div .section__wrapper .section__wrapper .section__inner,
      .ecom-returndetails section .card__wrapper .section__wrapper .card__inner,
      .ecom-returndetails section .card__wrapper .section__wrapper .section__inner,
      .ecom-returndetails section .section__wrapper .section__wrapper .card__inner,
      .ecom-returndetails section .section__wrapper .section__wrapper .section__inner,
      .Ecom-OrderApprovalForm div .card__wrapper .section__wrapper .card__inner,
      .Ecom-OrderApprovalForm div .card__wrapper .section__wrapper .section__inner,
      .Ecom-OrderApprovalForm div .section__wrapper .section__wrapper .card__inner,
      .Ecom-OrderApprovalForm div .section__wrapper .section__wrapper .section__inner,
      .Ecom-OrderApprovalForm section .card__wrapper .section__wrapper .card__inner,
      .Ecom-OrderApprovalForm section .card__wrapper .section__wrapper .section__inner,
      .Ecom-OrderApprovalForm section .section__wrapper .section__wrapper .card__inner,
      .Ecom-OrderApprovalForm section .section__wrapper .section__wrapper .section__inner,
      .KPP-AccountStatement div .card__wrapper .section__wrapper .card__inner,
      .KPP-AccountStatement div .card__wrapper .section__wrapper .section__inner,
      .KPP-AccountStatement div .section__wrapper .section__wrapper .card__inner,
      .KPP-AccountStatement div .section__wrapper .section__wrapper .section__inner,
      .KPP-AccountStatement section .card__wrapper .section__wrapper .card__inner,
      .KPP-AccountStatement section .card__wrapper .section__wrapper .section__inner,
      .KPP-AccountStatement section .section__wrapper .section__wrapper .card__inner,
      .KPP-AccountStatement section .section__wrapper .section__wrapper .section__inner {
        /*
           *  Floating cols instead of flex
          */
        float: left; }
      .Ecom-PaymentDetails div .card__wrapper .card, .Ecom-PaymentDetails div .card__wrapper .card:not(.card--table) *, .Ecom-PaymentDetails div .section__wrapper .card, .Ecom-PaymentDetails div .section__wrapper .card:not(.card--table) *, .Ecom-PaymentDetails section .card__wrapper .card, .Ecom-PaymentDetails section .card__wrapper .card:not(.card--table) *, .Ecom-PaymentDetails section .section__wrapper .card, .Ecom-PaymentDetails section .section__wrapper .card:not(.card--table) *,
      .ecom-invoicedetails div .card__wrapper .card,
      .ecom-invoicedetails div .card__wrapper .card:not(.card--table) *,
      .ecom-invoicedetails div .section__wrapper .card,
      .ecom-invoicedetails div .section__wrapper .card:not(.card--table) *,
      .ecom-invoicedetails section .card__wrapper .card,
      .ecom-invoicedetails section .card__wrapper .card:not(.card--table) *,
      .ecom-invoicedetails section .section__wrapper .card,
      .ecom-invoicedetails section .section__wrapper .card:not(.card--table) *,
      .Ecom-CreditDetails div .card__wrapper .card,
      .Ecom-CreditDetails div .card__wrapper .card:not(.card--table) *,
      .Ecom-CreditDetails div .section__wrapper .card,
      .Ecom-CreditDetails div .section__wrapper .card:not(.card--table) *,
      .Ecom-CreditDetails section .card__wrapper .card,
      .Ecom-CreditDetails section .card__wrapper .card:not(.card--table) *,
      .Ecom-CreditDetails section .section__wrapper .card,
      .Ecom-CreditDetails section .section__wrapper .card:not(.card--table) *,
      .ecom-quotedetails div .card__wrapper .card,
      .ecom-quotedetails div .card__wrapper .card:not(.card--table) *,
      .ecom-quotedetails div .section__wrapper .card,
      .ecom-quotedetails div .section__wrapper .card:not(.card--table) *,
      .ecom-quotedetails section .card__wrapper .card,
      .ecom-quotedetails section .card__wrapper .card:not(.card--table) *,
      .ecom-quotedetails section .section__wrapper .card,
      .ecom-quotedetails section .section__wrapper .card:not(.card--table) *,
      .ecom-orderdetails div .card__wrapper .card,
      .ecom-orderdetails div .card__wrapper .card:not(.card--table) *,
      .ecom-orderdetails div .section__wrapper .card,
      .ecom-orderdetails div .section__wrapper .card:not(.card--table) *,
      .ecom-orderdetails section .card__wrapper .card,
      .ecom-orderdetails section .card__wrapper .card:not(.card--table) *,
      .ecom-orderdetails section .section__wrapper .card,
      .ecom-orderdetails section .section__wrapper .card:not(.card--table) *,
      .ecom-returndetails div .card__wrapper .card,
      .ecom-returndetails div .card__wrapper .card:not(.card--table) *,
      .ecom-returndetails div .section__wrapper .card,
      .ecom-returndetails div .section__wrapper .card:not(.card--table) *,
      .ecom-returndetails section .card__wrapper .card,
      .ecom-returndetails section .card__wrapper .card:not(.card--table) *,
      .ecom-returndetails section .section__wrapper .card,
      .ecom-returndetails section .section__wrapper .card:not(.card--table) *,
      .Ecom-OrderApprovalForm div .card__wrapper .card,
      .Ecom-OrderApprovalForm div .card__wrapper .card:not(.card--table) *,
      .Ecom-OrderApprovalForm div .section__wrapper .card,
      .Ecom-OrderApprovalForm div .section__wrapper .card:not(.card--table) *,
      .Ecom-OrderApprovalForm section .card__wrapper .card,
      .Ecom-OrderApprovalForm section .card__wrapper .card:not(.card--table) *,
      .Ecom-OrderApprovalForm section .section__wrapper .card,
      .Ecom-OrderApprovalForm section .section__wrapper .card:not(.card--table) *,
      .KPP-AccountStatement div .card__wrapper .card,
      .KPP-AccountStatement div .card__wrapper .card:not(.card--table) *,
      .KPP-AccountStatement div .section__wrapper .card,
      .KPP-AccountStatement div .section__wrapper .card:not(.card--table) *,
      .KPP-AccountStatement section .card__wrapper .card,
      .KPP-AccountStatement section .card__wrapper .card:not(.card--table) *,
      .KPP-AccountStatement section .section__wrapper .card,
      .KPP-AccountStatement section .section__wrapper .card:not(.card--table) * {
        /*
         *  Cards are set as display flex in bootstrap. We set it to block for the cards and it's child. The card as a whole should always stay as one
        */
        display: block !important;
        page-break-inside: avoid !important; }
    .Ecom-PaymentDetails .toolbar,
    .ecom-invoicedetails .toolbar,
    .Ecom-CreditDetails .toolbar,
    .ecom-quotedetails .toolbar,
    .ecom-orderdetails .toolbar,
    .ecom-returndetails .toolbar,
    .Ecom-OrderApprovalForm .toolbar,
    .KPP-AccountStatement .toolbar {
      /*
       *  Hiding the toolbar as it contains dropdown and options not required for print
      */
      display: none !important; }
    .Ecom-PaymentDetails .table,
    .ecom-invoicedetails .table,
    .Ecom-CreditDetails .table,
    .ecom-quotedetails .table,
    .ecom-orderdetails .table,
    .ecom-returndetails .table,
    .Ecom-OrderApprovalForm .table,
    .KPP-AccountStatement .table {
      /*
      *   the last column is usually actions, which leaves an empty space on table-layout fixed
      */
      table-layout: auto !important; }
      .Ecom-PaymentDetails .table > :not(.table__caption) > * > *,
      .ecom-invoicedetails .table > :not(.table__caption) > * > *,
      .Ecom-CreditDetails .table > :not(.table__caption) > * > *,
      .ecom-quotedetails .table > :not(.table__caption) > * > *,
      .ecom-orderdetails .table > :not(.table__caption) > * > *,
      .ecom-returndetails .table > :not(.table__caption) > * > *,
      .Ecom-OrderApprovalForm .table > :not(.table__caption) > * > *,
      .KPP-AccountStatement .table > :not(.table__caption) > * > * {
        /*
       *  general table padding reduction to compact view
	   *	selector is based on bootstrap
      */
        padding: var(--print-xsmall-gutter); }
    .Ecom-PaymentDetails .g-2, .Ecom-PaymentDetails .gy-2,
    .ecom-invoicedetails .g-2,
    .ecom-invoicedetails .gy-2,
    .Ecom-CreditDetails .g-2,
    .Ecom-CreditDetails .gy-2,
    .ecom-quotedetails .g-2,
    .ecom-quotedetails .gy-2,
    .ecom-orderdetails .g-2,
    .ecom-orderdetails .gy-2,
    .ecom-returndetails .g-2,
    .ecom-returndetails .gy-2,
    .Ecom-OrderApprovalForm .g-2,
    .Ecom-OrderApprovalForm .gy-2,
    .KPP-AccountStatement .g-2,
    .KPP-AccountStatement .gy-2 {
      /*
       *  reducing the g-2 to smaller value to compact layout
      */
      --bs-gutter-y: var(--print-small-gutter); }
    .Ecom-PaymentDetails .g-2,
    .ecom-invoicedetails .g-2,
    .Ecom-CreditDetails .g-2,
    .ecom-quotedetails .g-2,
    .ecom-orderdetails .g-2,
    .ecom-returndetails .g-2,
    .Ecom-OrderApprovalForm .g-2,
    .KPP-AccountStatement .g-2 {
      --bs-gutter-x: var(--print-small-gutter); }
    .Ecom-PaymentDetails .list-group-item,
    .ecom-invoicedetails .list-group-item,
    .Ecom-CreditDetails .list-group-item,
    .ecom-quotedetails .list-group-item,
    .ecom-orderdetails .list-group-item,
    .ecom-returndetails .list-group-item,
    .Ecom-OrderApprovalForm .list-group-item,
    .KPP-AccountStatement .list-group-item {
      /*
     *  reducing padding in list items for specific print layout
    */
      padding: var(--print-xsmall-gutter); }
    .Ecom-PaymentDetails .card,
    .ecom-invoicedetails .card,
    .Ecom-CreditDetails .card,
    .ecom-quotedetails .card,
    .ecom-orderdetails .card,
    .ecom-returndetails .card,
    .Ecom-OrderApprovalForm .card,
    .KPP-AccountStatement .card {
      /*
       *  card containters for sections. Removing shadow for hard borders more printer friendly
      */
      box-shadow: none;
      border: solid 1px var(--print-border-color);
      border-radius: 0; }
    .Ecom-PaymentDetails .mb-3:not(:last-child),
    .ecom-invoicedetails .mb-3:not(:last-child),
    .Ecom-CreditDetails .mb-3:not(:last-child),
    .ecom-quotedetails .mb-3:not(:last-child),
    .ecom-orderdetails .mb-3:not(:last-child),
    .ecom-returndetails .mb-3:not(:last-child),
    .Ecom-OrderApprovalForm .mb-3:not(:last-child),
    .KPP-AccountStatement .mb-3:not(:last-child) {
      /*
       *  reducing the margin between sections for a more compressed view
      */
      margin-bottom: var(--print-small-gutter) !important; }
    .Ecom-PaymentDetails .table__cell--invoice-review-action,
    .ecom-invoicedetails .table__cell--invoice-review-action,
    .Ecom-CreditDetails .table__cell--invoice-review-action,
    .ecom-quotedetails .table__cell--invoice-review-action,
    .ecom-orderdetails .table__cell--invoice-review-action,
    .ecom-returndetails .table__cell--invoice-review-action,
    .Ecom-OrderApprovalForm .table__cell--invoice-review-action,
    .KPP-AccountStatement .table__cell--invoice-review-action {
      /*
       *  hiding the last row in the invoice list that contain button
      */
      display: none !important; }
    .Ecom-PaymentDetails .card__header,
    .Ecom-PaymentDetails .card__body,
    .Ecom-PaymentDetails .card__footer,
    .ecom-invoicedetails .card__header,
    .ecom-invoicedetails .card__body,
    .ecom-invoicedetails .card__footer,
    .Ecom-CreditDetails .card__header,
    .Ecom-CreditDetails .card__body,
    .Ecom-CreditDetails .card__footer,
    .ecom-quotedetails .card__header,
    .ecom-quotedetails .card__body,
    .ecom-quotedetails .card__footer,
    .ecom-orderdetails .card__header,
    .ecom-orderdetails .card__body,
    .ecom-orderdetails .card__footer,
    .ecom-returndetails .card__header,
    .ecom-returndetails .card__body,
    .ecom-returndetails .card__footer,
    .Ecom-OrderApprovalForm .card__header,
    .Ecom-OrderApprovalForm .card__body,
    .Ecom-OrderApprovalForm .card__footer,
    .KPP-AccountStatement .card__header,
    .KPP-AccountStatement .card__body,
    .KPP-AccountStatement .card__footer {
      /*
       *  reducing the padding for a more compressed view
      */
      padding: var(--print-xsmall-gutter); }
    .Ecom-PaymentDetails .card__header,
    .ecom-invoicedetails .card__header,
    .Ecom-CreditDetails .card__header,
    .ecom-quotedetails .card__header,
    .ecom-orderdetails .card__header,
    .ecom-returndetails .card__header,
    .Ecom-OrderApprovalForm .card__header,
    .KPP-AccountStatement .card__header {
      /*
       *  removing space below card__header to compact view
      */
      border-bottom-color: var(--print-border-color); }
    .Ecom-PaymentDetails .document__order-items,
    .Ecom-PaymentDetails .document__return-lines,
    .ecom-invoicedetails .document__order-items,
    .ecom-invoicedetails .document__return-lines,
    .Ecom-CreditDetails .document__order-items,
    .Ecom-CreditDetails .document__return-lines,
    .ecom-quotedetails .document__order-items,
    .ecom-quotedetails .document__return-lines,
    .ecom-orderdetails .document__order-items,
    .ecom-orderdetails .document__return-lines,
    .ecom-returndetails .document__order-items,
    .ecom-returndetails .document__return-lines,
    .Ecom-OrderApprovalForm .document__order-items,
    .Ecom-OrderApprovalForm .document__return-lines,
    .KPP-AccountStatement .document__order-items,
    .KPP-AccountStatement .document__return-lines {
      /*
       *  In order to have page break to work, the display must not be set to flex or not be floating.
       *  Ideally, the total section should not break, so the containing card
       */
      display: block; }
      .Ecom-PaymentDetails .document__order-items .card__footer,
      .Ecom-PaymentDetails .document__return-lines .card__footer,
      .ecom-invoicedetails .document__order-items .card__footer,
      .ecom-invoicedetails .document__return-lines .card__footer,
      .Ecom-CreditDetails .document__order-items .card__footer,
      .Ecom-CreditDetails .document__return-lines .card__footer,
      .ecom-quotedetails .document__order-items .card__footer,
      .ecom-quotedetails .document__return-lines .card__footer,
      .ecom-orderdetails .document__order-items .card__footer,
      .ecom-orderdetails .document__return-lines .card__footer,
      .ecom-returndetails .document__order-items .card__footer,
      .ecom-returndetails .document__return-lines .card__footer,
      .Ecom-OrderApprovalForm .document__order-items .card__footer,
      .Ecom-OrderApprovalForm .document__return-lines .card__footer,
      .KPP-AccountStatement .document__order-items .card__footer,
      .KPP-AccountStatement .document__return-lines .card__footer {
        break-inside: avoid; }
        .Ecom-PaymentDetails .document__order-items .card__footer .card__wrapper,
        .Ecom-PaymentDetails .document__return-lines .card__footer .card__wrapper,
        .ecom-invoicedetails .document__order-items .card__footer .card__wrapper,
        .ecom-invoicedetails .document__return-lines .card__footer .card__wrapper,
        .Ecom-CreditDetails .document__order-items .card__footer .card__wrapper,
        .Ecom-CreditDetails .document__return-lines .card__footer .card__wrapper,
        .ecom-quotedetails .document__order-items .card__footer .card__wrapper,
        .ecom-quotedetails .document__return-lines .card__footer .card__wrapper,
        .ecom-orderdetails .document__order-items .card__footer .card__wrapper,
        .ecom-orderdetails .document__return-lines .card__footer .card__wrapper,
        .ecom-returndetails .document__order-items .card__footer .card__wrapper,
        .ecom-returndetails .document__return-lines .card__footer .card__wrapper,
        .Ecom-OrderApprovalForm .document__order-items .card__footer .card__wrapper,
        .Ecom-OrderApprovalForm .document__return-lines .card__footer .card__wrapper,
        .KPP-AccountStatement .document__order-items .card__footer .card__wrapper,
        .KPP-AccountStatement .document__return-lines .card__footer .card__wrapper {
          /*
         *  aligning the table to the right like the desktop view
        */
          justify-content: flex-end; }
    .Ecom-PaymentDetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .ecom-invoicedetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .Ecom-CreditDetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .ecom-quotedetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .ecom-orderdetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .ecom-returndetails .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .Ecom-OrderApprovalForm .table__header .table__cell--header .table__label:not(.table__label--visually-hidden),
    .KPP-AccountStatement .table__header .table__cell--header .table__label:not(.table__label--visually-hidden) {
      /*
       *  reseting the white space of table headers to save horizontal space since table do not flip
      */
      white-space: normal; }
    .Ecom-PaymentDetails .table__cell--order-review-content-code,
    .ecom-invoicedetails .table__cell--order-review-content-code,
    .Ecom-CreditDetails .table__cell--order-review-content-code,
    .ecom-quotedetails .table__cell--order-review-content-code,
    .ecom-orderdetails .table__cell--order-review-content-code,
    .ecom-returndetails .table__cell--order-review-content-code,
    .Ecom-OrderApprovalForm .table__cell--order-review-content-code,
    .KPP-AccountStatement .table__cell--order-review-content-code {
      /*
       *  hiding the code cell in print
      */
      display: none !important; }
    .Ecom-PaymentDetails .table__cell--order-review-content-description .product__code,
    .ecom-invoicedetails .table__cell--order-review-content-description .product__code,
    .Ecom-CreditDetails .table__cell--order-review-content-description .product__code,
    .ecom-quotedetails .table__cell--order-review-content-description .product__code,
    .ecom-orderdetails .table__cell--order-review-content-description .product__code,
    .ecom-returndetails .table__cell--order-review-content-description .product__code,
    .Ecom-OrderApprovalForm .table__cell--order-review-content-description .product__code,
    .KPP-AccountStatement .table__cell--order-review-content-description .product__code {
      /*
         *  showing the code in the description cell
        */
      display: block !important; }
    .Ecom-PaymentDetails .table__cell--order-review-content-description .product__description,
    .ecom-invoicedetails .table__cell--order-review-content-description .product__description,
    .Ecom-CreditDetails .table__cell--order-review-content-description .product__description,
    .ecom-quotedetails .table__cell--order-review-content-description .product__description,
    .ecom-orderdetails .table__cell--order-review-content-description .product__description,
    .ecom-returndetails .table__cell--order-review-content-description .product__description,
    .Ecom-OrderApprovalForm .table__cell--order-review-content-description .product__description,
    .KPP-AccountStatement .table__cell--order-review-content-description .product__description {
      /*
         *  hiding the product description as it is not relevant for the print media
        */
      display: none; }
    .Ecom-PaymentDetails .table__cell--order-review-content-picture,
    .ecom-invoicedetails .table__cell--order-review-content-picture,
    .Ecom-CreditDetails .table__cell--order-review-content-picture,
    .ecom-quotedetails .table__cell--order-review-content-picture,
    .ecom-orderdetails .table__cell--order-review-content-picture,
    .ecom-returndetails .table__cell--order-review-content-picture,
    .Ecom-OrderApprovalForm .table__cell--order-review-content-picture,
    .KPP-AccountStatement .table__cell--order-review-content-picture {
      /*
       *  smaller product picture in the order review to save space
      */
      min-width: 0; }
      .Ecom-PaymentDetails .table__cell--order-review-content-picture .product__image,
      .ecom-invoicedetails .table__cell--order-review-content-picture .product__image,
      .Ecom-CreditDetails .table__cell--order-review-content-picture .product__image,
      .ecom-quotedetails .table__cell--order-review-content-picture .product__image,
      .ecom-orderdetails .table__cell--order-review-content-picture .product__image,
      .ecom-returndetails .table__cell--order-review-content-picture .product__image,
      .Ecom-OrderApprovalForm .table__cell--order-review-content-picture .product__image,
      .KPP-AccountStatement .table__cell--order-review-content-picture .product__image {
        max-width: 50px;
        min-width: 0; }
      .Ecom-PaymentDetails .table__cell--order-review-content-picture .icon,
      .ecom-invoicedetails .table__cell--order-review-content-picture .icon,
      .Ecom-CreditDetails .table__cell--order-review-content-picture .icon,
      .ecom-quotedetails .table__cell--order-review-content-picture .icon,
      .ecom-orderdetails .table__cell--order-review-content-picture .icon,
      .ecom-returndetails .table__cell--order-review-content-picture .icon,
      .Ecom-OrderApprovalForm .table__cell--order-review-content-picture .icon,
      .KPP-AccountStatement .table__cell--order-review-content-picture .icon {
        /*
       *  smaller gift certificate icon
      */
        font-size: 3em; }
  .card--document-tracking-search-by {
    /*
     *  hiding the search document box with search inputs and actions
    */
    display: none !important; }
  .table__cell--order-review-action,
  .table__cell--invoice-review-action,
  .table__cell--credit-review-action,
  .table__cell--payment-review-action,
  .table__cell--return-review-action {
    /*
     *  Hiding the table cell that contains the action buttons to remove blank space
    */
    display: none !important; }
  [class*="acsb"][class*="acsb"][class*="acsb"][class*="acsb"],
  .uwy,
  [class*="uw-"],
  #chatBeaconBtn,
  #chatBeaconCtrl {
    /*
    *  accessibe.com accessibility widget to hide on print
    *  userway accessibility widget to hide on print
	  *  ChatBeacon to hide on print
    *  Giving a high priority to our selector to overwrite any inline styles from the pluggin
    */
    display: none !important; }
  .ecom-paymenttracking div,
  .ecom-paymenttracking section,
  .ecom-ordertracking div,
  .ecom-ordertracking section,
  .ecom-invoicetracking div,
  .ecom-invoicetracking section,
  .ecom-credittracking div,
  .ecom-credittracking section,
  .ecom-quotetracking div,
  .ecom-quotetracking section,
  .ecom-returntracking div,
  .ecom-returntracking section {
    /*
    *   Page-break-inside does not work when the element or it's parent is display: flex.
    *   For the document tracking pages, where the print layout is more relevant, we are removing flex from the page, reverting to a float-based layout
    *   so we can control when elements break on print.
    */
    display: block !important; }
    .ecom-paymenttracking div.section__inner--nav-tabs, .ecom-paymenttracking div.section__wrapper--search-filters, .ecom-paymenttracking div.toolbar,
    .ecom-paymenttracking section.section__inner--nav-tabs,
    .ecom-paymenttracking section.section__wrapper--search-filters,
    .ecom-paymenttracking section.toolbar,
    .ecom-ordertracking div.section__inner--nav-tabs,
    .ecom-ordertracking div.section__wrapper--search-filters,
    .ecom-ordertracking div.toolbar,
    .ecom-ordertracking section.section__inner--nav-tabs,
    .ecom-ordertracking section.section__wrapper--search-filters,
    .ecom-ordertracking section.toolbar,
    .ecom-invoicetracking div.section__inner--nav-tabs,
    .ecom-invoicetracking div.section__wrapper--search-filters,
    .ecom-invoicetracking div.toolbar,
    .ecom-invoicetracking section.section__inner--nav-tabs,
    .ecom-invoicetracking section.section__wrapper--search-filters,
    .ecom-invoicetracking section.toolbar,
    .ecom-credittracking div.section__inner--nav-tabs,
    .ecom-credittracking div.section__wrapper--search-filters,
    .ecom-credittracking div.toolbar,
    .ecom-credittracking section.section__inner--nav-tabs,
    .ecom-credittracking section.section__wrapper--search-filters,
    .ecom-credittracking section.toolbar,
    .ecom-quotetracking div.section__inner--nav-tabs,
    .ecom-quotetracking div.section__wrapper--search-filters,
    .ecom-quotetracking div.toolbar,
    .ecom-quotetracking section.section__inner--nav-tabs,
    .ecom-quotetracking section.section__wrapper--search-filters,
    .ecom-quotetracking section.toolbar,
    .ecom-returntracking div.section__inner--nav-tabs,
    .ecom-returntracking div.section__wrapper--search-filters,
    .ecom-returntracking div.toolbar,
    .ecom-returntracking section.section__inner--nav-tabs,
    .ecom-returntracking section.section__wrapper--search-filters,
    .ecom-returntracking section.toolbar {
      display: none !important; }
  .ecom-paymenttracking .card, .ecom-paymenttracking .card:not(.card--table) *:not(script),
  .ecom-ordertracking .card,
  .ecom-ordertracking .card:not(.card--table) *:not(script),
  .ecom-invoicetracking .card,
  .ecom-invoicetracking .card:not(.card--table) *:not(script),
  .ecom-credittracking .card,
  .ecom-credittracking .card:not(.card--table) *:not(script),
  .ecom-quotetracking .card,
  .ecom-quotetracking .card:not(.card--table) *:not(script),
  .ecom-returntracking .card,
  .ecom-returntracking .card:not(.card--table) *:not(script) {
    /*
         *  Setting elements that are not scripts and not part of a card containing a table to display block to allow page break avoid
        */
    display: block !important; }
  .table__row,
  .table__cell {
    page-break-inside: avoid !important; } }

/*
 *--------------------------------------------------
 * UTILITIES: CUSTOMER THEME MANAGER
 *--------------------------------------------------
 *
 * File used to add custom SCSS/CSS to the current theme's stylesheet. By editing your theme and including additional SCSS/CSS of your own,
 * you’ll be able to optimize each and every visual element on your site.
 *
 * Use the inspector feature for a browser to know which element need to be customized. Right-click (Control-click on Mac) on the webpage,
 * then select Inspect Element, Show Inspector, etc. in the revealed dropdown.
 *
*/
/* k-ecommerce Design integration - 2025 START */
:root {
  /* Custom font is added in head block through Layout > Advanced Options settings */
  --custom-accent-color: #e1161f;
  --custom-alt-bg-color: #efefef;
  --custom-button--primary-hover-color: #0e66b7;
  --custom-button--secondary-hover-color: #323232;
  --custom-facebook-color: #1877F2;
  --custom-font: "Roboto", serif;
  --custom-font-weight-bold: 700;
  --custom-font-weight-Xbold: 900;
  --custom-Instagram-color: #962fbf;
  --custom-Linkedin-color: #0a66c2;
  --custom-Pinterest-color: #E60023;
  --custom-muted-text: #929292; }

/********************/
/* GENERIC STYLE    */
/********************/
.site-body {
  font-family: var(--custom-font); }

.homepage .site-main {
  padding-top: 0; }

h1,
.h1,
h2,
.h2,
h3,
.modal__title,
.powersearch__title,
.h3,
h4,
.h4,
h5,
.h5,
.h5
h6,
.h6 {
  color: #000000;
  font-weight: var(--custom-font-weight-Xbold);
  text-transform: uppercase; }

h1,
.h1 {
  font-size: 2.125rem; }

h2,
.h2 {
  font-size: 1.75rem; }

h3, .modal__title, .powersearch__title,
.h3 {
  font-size: 1.375rem; }

h4,
.h4 {
  font-size: 1.25rem; }

h5,
.h5 {
  font-size: 1.125rem; }

h6,
.h6 {
  font-size: 0.875rem; }

.page-title {
  color: #000000; }

.page-title--decoration {
  border-bottom: 4px solid #000000;
  padding-bottom: 20px; }

.card__header {
  border-width: 2px; }

.card__title {
  font-family: var(--custom-font);
  text-transform: uppercase; }

.button-group--cart .button--primary .icon {
  color: #ffffff; }

.button--primary:active, .button--primary:hover, .button--primary:focus {
  background-color: var(--custom-button--primary-hover-color); }
  .button--primary:active .icon.icon--svg, .button--primary:hover .icon.icon--svg, .button--primary:focus .icon.icon--svg {
    fill: var(--custom-button--primary-hover-color); }

.button--primary .icon.icon--svg {
  fill: #ffffff; }

.button--secondary:active .icon.icon--svg, .button--secondary:hover .icon.icon--svg, .button--secondary:focus .icon.icon--svg {
  fill: #ffffff; }

.button--secondary .icon.icon--svg {
  fill: #000000; }

.icon.icon--svg {
  display: inline;
  height: 1.25rem;
  transition: .3s fill; }

.form__form-group--floating-labels.form__form-group .form__label {
  color: var(--custom-muted-text); }

.form__input:not(.form__input--check):not(.form__input--radio),
.form__select,
.form__text--input {
  height: 2.8125rem; }

.breadcrumb__link {
  text-transform: uppercase; }

.breadcrumb__item.is-active {
  color: var(--custom-muted-text); }

.statusbar .button.btn-outline-secondary {
  background-color: var(--custom-alt-bg-color);
  border: 2px solid #fff;
  color: #000000; }
  .statusbar .button.btn-outline-secondary:active, .statusbar .button.btn-outline-secondary:focus, .statusbar .button.btn-outline-secondary:hover {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff; }

/********************/
/* HEADER           */
/********************/
.site-header {
  /* last child to target the section with logo, search, My account and cart */ }
  .site-header .section__wrapper--top-navigation {
    background: var(--custom-alt-bg-color); }
    .site-header .section__wrapper--top-navigation > .align-items-center {
      align-items: flex-start !important;
      /*To cancel the aligne middle*/ }
  .site-header .section__wrapper--main {
    padding-bottom: 1rem;
    /*DIFFERENT FOR LDT WHEELS - To add a bit of spacing for the logo*/
    padding-top: 1rem;
    /*DIFFERENT FOR LDT WHEELS - To add a bit of spacing for the logo*/ }
    @media (min-width: 992px) {
      .site-header .section__wrapper--main {
        /* Second child to target the section with search, My account and cart to get them align on one line*/ }
        .site-header .section__wrapper--main .section__inner:nth-child(2) {
          display: flex !important;
          /* first child to target the section with my account and cart to move it to the right of the search*/
          /* Second child to target the search section so it takes the reste of the space available */ }
          .site-header .section__wrapper--main .section__inner:nth-child(2) .section__wrapper:first-child {
            order: 2; }
          .site-header .section__wrapper--main .section__inner:nth-child(2) .section__wrapper:nth-child(2) {
            flex-grow: 1;
            /*To make the search align center in his wrapper*/ }
            .site-header .section__wrapper--main .section__inner:nth-child(2) .section__wrapper:nth-child(2) > .section__inner {
              justify-content: left !important; } }
  .site-header .main-menu--fixed .button-group--cart > .button:hover, .site-header .main-menu--fixed .button-group--cart > .button:active, .site-header .main-menu--fixed .button-group--cart > .button:focus, .site-header .main-menu--fixed .button-group--cart > .button:focus-within {
    background-color: var(--custom-button--primary-hover-color);
    opacity: 1; }
    .site-header .main-menu--fixed .button-group--cart > .button:hover .icon, .site-header .main-menu--fixed .button-group--cart > .button:hover::after, .site-header .main-menu--fixed .button-group--cart > .button:active .icon, .site-header .main-menu--fixed .button-group--cart > .button:active::after, .site-header .main-menu--fixed .button-group--cart > .button:focus .icon, .site-header .main-menu--fixed .button-group--cart > .button:focus::after, .site-header .main-menu--fixed .button-group--cart > .button:focus-within .icon, .site-header .main-menu--fixed .button-group--cart > .button:focus-within::after {
      color: #fff; }
  .site-header .main-menu--fixed .button-group--cart > .button .icon {
    font-size: 1.4rem; }
  .site-header .main-menu--fixed .button-group--search > .button {
    color: #fff; }
    .site-header .main-menu--fixed .button-group--search > .button:hover, .site-header .main-menu--fixed .button-group--search > .button:active, .site-header .main-menu--fixed .button-group--search > .button:focus, .site-header .main-menu--fixed .button-group--search > .button:focus-within {
      background-color: var(--custom-button--primary-hover-color);
      color: #fff;
      opacity: 1; }
      .site-header .main-menu--fixed .button-group--search > .button:hover .icon, .site-header .main-menu--fixed .button-group--search > .button:hover::after, .site-header .main-menu--fixed .button-group--search > .button:active .icon, .site-header .main-menu--fixed .button-group--search > .button:active::after, .site-header .main-menu--fixed .button-group--search > .button:focus .icon, .site-header .main-menu--fixed .button-group--search > .button:focus::after, .site-header .main-menu--fixed .button-group--search > .button:focus-within .icon, .site-header .main-menu--fixed .button-group--search > .button:focus-within::after {
        color: #fff; }
    .site-header .main-menu--fixed .button-group--search > .button .icon::before {
      font-size: 1.4rem; }

/*DIFFERENT FOR LDT WHEELS - there is no facebook link on the left*/
/*To add icons / style and organized the top navigation bar*/
.menu--header-nav {
  /*set color and font for the icons*/
  /*To add a Font Awesome 6 icons after or before the text START*/
  /*To add a Font Awesome 6 icons after or before the text END*/ }
  @media (min-width: 992px) {
    .menu--header-nav {
      display: inline-block;
      text-align: right;
      width: 100%; }
      .menu--header-nav .menu__item {
        display: inline-block;
        padding-top: 0.3125rem;
        position: relative; }
        .menu--header-nav .menu__item:after {
          color: #000000;
          content: '|';
          display: inline-block;
          font-size: 0.875rem;
          position: absolute;
          right: -4px;
          top: 11px; }
      .menu--header-nav .menu__item:first-child:after {
        display: none; }
      .menu--header-nav .menu__item:first-child {
        float: left;
        padding-top: 0; }
        .menu--header-nav .menu__item:first-child:after {
          right: 0; }
      .menu--header-nav .menu__link.nav-link, .menu--header-nav .menu__item--preferred-store .menu__link.store-locator__link--no-preferred-store, .menu__item--preferred-store .menu--header-nav .menu__link.store-locator__link--no-preferred-store {
        font-size: 0.75rem;
        text-transform: uppercase; } }
  .menu--header-nav .menu__link[href*="facebook.com"],
  .menu--header-nav .menu__link[href*="tel:"] {
    color: #000000;
    text-decoration: none;
    text-transform: none; }
    .menu--header-nav .menu__link[href*="facebook.com"]:after,
    .menu--header-nav .menu__link[href*="tel:"]:after {
      display: inline-block;
      font-size: 1.125rem;
      font-weight: 400; }
  .menu--header-nav .menu__link[href*="facebook.com"] {
    font-size: 1.125rem; }
    .menu--header-nav .menu__link[href*="facebook.com"]:after {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      color: #000000;
      content: '\f39e';
      font-family: 'Font Awesome 6 Brands';
      margin-left: 5px; }
  .menu--header-nav .menu__link[href*="tel:"] {
    font-size: 1.125rem;
    font-weight: var(--custom-font-weight-Xbold); }
    .menu--header-nav .menu__link[href*="tel:"]:before {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      color: #000000;
      content: "\f095";
      margin-right: 5px; }
  .menu--header-nav .menu__link[href*="/create-account"],
  .menu--header-nav .menu__link[href*="/creation-compte"] {
    font-weight: var(--custom-font-weight-Xbold); }
  .menu--header-nav .menu__link:active, .menu--header-nav .menu__link:focus, .menu--header-nav .menu__link:hover {
    background-color: transparent;
    color: #000000; }

.language-selector {
  padding-top: 0.25rem; }
  .language-selector .button.button--link {
    font-size: 0.75rem;
    text-transform: uppercase; }
    .language-selector .button.button--link:active, .language-selector .button.button--link:focus, .language-selector .button.button--link:hover {
      color: #000000; }

/*Search*/
.search .form__wrapper {
  position: relative; }

.search .form__input {
  border-width: 2px; }

.search .form__form-group--floating-labels .form__label {
  font-size: 0.875rem;
  text-transform: uppercase; }

@media (min-width: 992px) {
  .search {
    width: 70%; } }

.search__submit {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3; }

.search__button.button--secondary {
  background: transparent;
  border: none;
  color: #000000;
  font-size: 1.375rem;
  padding: 0.3125rem; }
  .search__button.button--secondary:active, .search__button.button--secondary:focus, .search__button.button--secondary:hover {
    background: transparent;
    border: none;
    color: #000000; }

@media (min-width: 992px) {
  .search__advanced-search {
    display: none; } }

/*My Account and cart icon*/
.button-group--my-account > .button-group__button {
  align-items: flex-end;
  display: flex; }
  .button-group--my-account > .button-group__button .button__text {
    font-weight: var(--custom-font-weight-Xbold);
    text-transform: uppercase; }
  .button-group--my-account > .button-group__button .icon:before {
    font-size: 1.625rem; }
  .button-group--my-account > .button-group__button:active:after,
  .button-group--my-account > .button-group__button:active .button__text,
  .button-group--my-account > .button-group__button:active .icon, .button-group--my-account > .button-group__button:focus:after,
  .button-group--my-account > .button-group__button:focus .button__text,
  .button-group--my-account > .button-group__button:focus .icon, .button-group--my-account > .button-group__button:hover:after,
  .button-group--my-account > .button-group__button:hover .button__text,
  .button-group--my-account > .button-group__button:hover .icon {
    color: #000000; }

.button-group--cart .icon {
  color: #000000; }
  .button-group--cart .icon::before {
    font-size: 1.625rem; }

.button-group--cart > .button:active, .button-group--cart > .button:focus, .button-group--cart > .button:hover {
  background-color: transparent; }

.main-menu--fixed .search {
  width: 100%; }

.main-menu--fixed .button-group--search {
  color: #ffffff; }

.main-menu--fixed .button-group--cart .icon {
  color: #ffffff; }

.site-header .main-menu--fixed .cart .cart__quantity {
  top: 0; }

.site-header .cart .cart__quantity {
  top: -9px; }

.cart__quantity,
.cart-summary__quantity {
  border-radius: 50%;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  min-width: 1.5rem;
  text-align: center; }

/********************/
/* MAIN NAVIGATION  */
/********************/
@media (min-width: 992px) {
  .main-menu {
    background-color: #000000; } }

.main-menu .main-menu__bar {
  border-bottom: 0; }
  @media (min-width: 992px) {
    .main-menu .main-menu__bar {
      background-color: #000000; } }
@media (min-width: 992px) {
  .main-menu .menu__link--lvl1 {
    color: #ffffff;
    font-weight: var(--custom-font-weight-bold);
    text-transform: uppercase; } }

.menu__link:not(.menu__link--home) {
  padding-bottom: 0.875rem;
  padding-top: 0.875rem; }

.menu__link--home {
  font-size: 0;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem; }
  .menu__link--home:after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: '\e3af';
    font-size: 1.125rem; }

@media (min-width: 992px) {
  .main-menu__navigation .menu__link--lvl1:active, .main-menu__navigation .menu__link--lvl1:focus, .main-menu__navigation .menu__link--lvl1:hover,
  .main-menu__navigation .menu__link--lvl1.show:active,
  .main-menu__navigation .menu__link--lvl1.show:focus,
  .main-menu__navigation .menu__link--lvl1.show:hover {
    background-color: var(--custom-button--primary-hover-color); } }

/********************/
/* PRODUCT LISTING  */
/********************/
/*power search*/
.powersearch__section .card__header {
  background: #000000;
  font-weight: var(--custom-font-weight-Xbold); }
  .powersearch__section .card__header .button--link:focus, .powersearch__section .card__header .button--link:hover, .powersearch__section .card__header .button--link:focus-within {
    color: #ffffff; }

.powersearch__section .powersearch__section-title {
  color: #ffffff; }

.powersearch__filter {
  border: 0; }

/*product box*/
.card--product-card {
  /* Adjust spacing inside small description (content is from customer) */ }
  .card--product-card .product__description {
    line-height: normal; }
    .card--product-card .product__description p {
      margin-bottom: 0; }
    .card--product-card .product__description p:nth-child(2),
    .card--product-card .product__description p:nth-child(4) {
      margin-bottom: 0.9375rem; }

.product-display--gridview .card--product-card {
  text-align: center; }
  .product-display--gridview .card--product-card > .card__body {
    border: 1px solid #f8f8f8;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0; }

.product-display--gridview .product .card__figure {
  border-bottom: 0; }

.product-display--gridview .card__content {
  /* display flex to change order of elements */
  align-items: center;
  display: flex;
  flex-flow: column; }

.product-display--gridview .product__description {
  order: -3; }

.product-display--gridview .product__code {
  /* Copying Badge style from Bootstrap */
  color: #fff;
  background-color: #000000;
  border-radius: 15px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  order: -2;
  padding: 0.35em 0.65em; }
  a.product-display--gridview .product__code:hover, a.product-display--gridview .product__code:focus {
    color: #fff;
    background-color: black; }
  a.product-display--gridview .product__code:focus, a.product-display--gridview .product__code.focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5); }

.product-display--gridview .product__price-group {
  border: solid #d3d3d3;
  border-width: 1px 0;
  max-width: 18.75rem;
  order: -1;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  width: 100%; }

.product-display--gridview .product__price-group:not(.price-group--tires) {
  margin-bottom: 0.46875rem !important;
  /* overwrite mb-2 class */ }

.product-display--gridview .attributes__wrapper {
  justify-content: center; }

.product-display--gridview .availability__quantity-by-warehouse .button {
  border: 0; }
  .product-display--gridview .availability__quantity-by-warehouse .button:active, .product-display--gridview .availability__quantity-by-warehouse .button:hover, .product-display--gridview .availability__quantity-by-warehouse .button:focus {
    background-color: #ffffff;
    color: #000000; }

/********************/
/* PRODUCT PAGE     */
/********************/
.product-display--detailview .product__attributes--information {
  background: transparent;
  padding: 0 0 0.625rem 0; }
  .product-display--detailview .product__attributes--information .list {
    gap: 10px;
    justify-content: flex-start; }
  .product-display--detailview .product__attributes--information .list__item {
    background-color: var(--custom-alt-bg-color);
    margin: initial;
    padding: 0.5rem 0.75rem; }

/********************/
/* CART             */
/********************/
.panel--cart-summary-dropdown .button--secondary:hover .icon::before, .panel--cart-summary-dropdown .button--secondary:active .icon::before, .panel--cart-summary-dropdown .button--secondary:focus .icon::before, .panel--cart-summary-dropdown .button--secondary:focus-within .icon::before {
  color: #fff; }

/********************/
/* FOOTER           */
/********************/
.site-footer {
  background-color: #000000;
  font-size: 1rem;
  padding-bottom: 0.9375rem;
  padding-top: 4.375rem; }
  .site-footer .list__link-icon .list__link:before {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    content: "\f3c5";
    margin-right: 10px; }
  .site-footer .list__link {
    border: 0;
    padding-bottom: 0.375rem;
    padding-top: 0.375rem; }
    .site-footer .list__link:active, .site-footer .list__link:focus, .site-footer .list__link:hover {
      border: 0;
      opacity: 1; }
    .site-footer .list__link[href*="tel:"]:before {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      content: "\f095";
      margin-right: 10px; }
    .site-footer .list__link[href*="mailto:"]:before {
      border: 0;
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      height: auto;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transition: all linear 0.25s;
      vertical-align: baseline;
      width: auto;
      content: "\f0e0";
      margin-right: 10px; }
    .site-footer .list__link[href*="facebook.com"] {
      background-color: var(--custom-facebook-color);
      font-size: 1.25rem;
      padding: 0.625rem 1.875rem;
      margin-left: 0.9375rem;
      margin-top: 0.9375rem; }
      .site-footer .list__link[href*="facebook.com"]:after {
        border: 0;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        height: auto;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all linear 0.25s;
        vertical-align: baseline;
        width: auto;
        content: '\f39e';
        font-family: 'Font Awesome 6 Brands'; }
      .site-footer .list__link[href*="facebook.com"]:active, .site-footer .list__link[href*="facebook.com"]:focus, .site-footer .list__link[href*="facebook.com"]:hover {
        background-color: var(--custom-button--secondary-hover-color);
        border-color: #ffffff;
        color: #ffffff; }
        .site-footer .list__link[href*="facebook.com"]:active:after, .site-footer .list__link[href*="facebook.com"]:focus:after, .site-footer .list__link[href*="facebook.com"]:hover:after {
          color: #ffffff; }
  .site-footer .section--middle-row {
    padding-bottom: 1.25rem; }
    .site-footer .section--middle-row .section__inner {
      text-align: center; }
      @media (min-width: 992px) {
        .site-footer .section--middle-row .section__inner {
          width: 20%; }
          .site-footer .section--middle-row .section__inner:nth-child(3) {
            width: 25%; }
          .site-footer .section--middle-row .section__inner:last-child {
            border-left: 1px solid #fff;
            padding-left: 2.5rem;
            width: 35%; } }
  @media (max-width: 991.98px) {
    .site-footer .list__item,
    .site-footer .section--bottom-row {
      text-align: center; } }
.footer__title {
  color: #ffffff;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  padding-left: 0.875rem; }

@media (min-width: 992px) {
  .footer-ssl {
    text-align: right; } }

/********************/
/* Homepage - style */
/********************/
.homepage .slider__dots,
.homepage .slider__button--play-stop,
.homepage .slider__progress {
  display: none; }

.homepage .slider__button--nav {
  background: transparent;
  border: none; }
  @media (min-width: 992px) {
    .homepage .slider__button--nav {
      font-size: 36px; } }
  .homepage .slider__button--nav:active, .homepage .slider__button--nav:focus, .homepage .slider__button--nav:hover {
    background: transparent;
    border: none;
    color: var(--custom-button--primary-hover-color); }

/*******************************/
/* Homepage Tabs & Accordions  */
/*******************************/
.mb-3.mb-1 {
  margin-bottom: .46875rem !important; }

.section-tab .section-accordion__header .accordion-button {
  box-shadow: none;
  color: #000000;
  font-size: 1.875rem;
  font-weight: 900;
  padding-left: 0;
  text-transform: uppercase; }
  .section-tab .section-accordion__header .accordion-button::after {
    border: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    height: auto;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all linear 0.25s;
    vertical-align: baseline;
    width: auto;
    background-image: none;
    content: "\f054";
    font-size: 2rem; }
  .section-tab .section-accordion__header .accordion-button.collapsed, .section-tab .section-accordion__header .accordion-button.section__header--bottom-border {
    border-bottom: 0.1875rem solid #000000; }
  .section-tab .section-accordion__header .accordion-button:not(.collapsed) {
    background-color: transparent; }
    .section-tab .section-accordion__header .accordion-button:not(.collapsed)::after {
      --bs-accordion-btn-icon-transform: rotate( 90deg ); }
  .section-tab .section-accordion__header .accordion-button[disabled]::after {
    display: none; }

.section-tab .nav-tabs {
  border-bottom: 0; }

.section-tab .section__header-icon::before {
  content: "";
  height: 2.4375rem;
  padding-right: 1rem; }

.section-tab .header-icon--wheels::before {
  content: url(/medias/wheel-icon.png?fv=9C2B92E4867FB4C7C7E44EE57EC0F5DA); }

.section-tab .header-icon--tires::before {
  content: url(/medias/tire-icon.png?fv=4973D7BB39C316EF714AF2A8072EFFD9); }

.section-tab .header-icon--accessories::before {
  content: url(/medias/accessorie-icon.png?fv=E84FD20BD0A076124E148119936AAAC9); }

@media (min-width: 768px) {
  .section-tab .tab-accordion {
    border-top: 0.1875rem solid #000000; } }

.section-tab .tab-accordion .card__body {
  padding: 2rem 1rem; }

.section-tab .tab-navigation__link {
  border: 0;
  color: #000000;
  font-size: 1rem;
  padding: .75rem 0;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%; }
  .section-tab .tab-navigation__link.tab-navigation__link--accent {
    color: var(--custom-accent-color);
    font-style: italic;
    font-weight: 700; }
  .section-tab .tab-navigation__link.active, .section-tab .tab-navigation__link.ec-flexbox-selected, .section-tab .tab-navigation__link:active, .section-tab .tab-navigation__link:focus, .section-tab .tab-navigation__link:focus-visible[href]:not(.button), .section-tab .tab-navigation__link:focus-within[href]:not(.button), .section-tab .tab-navigation__link:hover {
    color: #ffffff;
    background-color: #000000;
    text-decoration: none; }

.section-tab .section-accordion__body {
  padding: 0; }
  .section-tab .section-accordion__body .card {
    margin-bottom: 0.125rem; }
  .section-tab .section-accordion__body .card__header {
    background-color: #000000;
    padding: 0.5rem 1.5625rem 0.5rem 2.1875rem; }
    .section-tab .section-accordion__body .card__header .tab-navigation__link {
      color: #ffffff;
      display: flex !important; }
      .section-tab .section-accordion__body .card__header .tab-navigation__link::after {
        border: 0;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        height: auto;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transition: all linear 0.25s;
        vertical-align: baseline;
        width: auto;
        content: "\f054";
        font-size: 1rem;
        margin-left: auto; }
      .section-tab .section-accordion__body .card__header .tab-navigation__link:not(.collapsed)::after {
        transform: rotate(90deg); }

.section-tab .card {
  box-shadow: none; }
  .section-tab .card .card--product-tab-pane .card__body {
    padding: 0; }

.section-tab .content--h3 {
  color: #000000;
  font-size: 1.5rem;
  margin: 0.9375rem 0; }
  @media (min-width: 768px) {
    .section-tab .content--h3 {
      text-align: center; } }
.section-tab .content__link {
  color: #000000;
  display: inline !important;
  text-decoration: none; }
  .section-tab .content__link .content--h4 {
    font-size: 1.125rem;
    margin: 0.625rem 0;
    text-align: center; }
  .section-tab .content__link .content__image {
    transition: .3s; }
  .section-tab .content__link:active, .section-tab .content__link:focus, .section-tab .content__link:hover {
    text-decoration: underline; }
    .section-tab .content__link:active .content__image, .section-tab .content__link:focus .content__image, .section-tab .content__link:hover .content__image {
      filter: grayscale(0.8);
      opacity: .80;
      transition: .3s; }

.section-tab .link--chevron::after {
  border: 0;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  height: auto;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all linear 0.25s;
  vertical-align: baseline;
  width: auto;
  content: "\f054";
  font-size: .75rem;
  margin: 0 auto 0 .25rem; }

.section-tab .link--chevron.content__link {
  font-size: 1em;
  text-transform: uppercase; }

.section-tab .content__image {
  height: auto;
  max-width: 100%; }

/*****************************/
/* Custom Quick Search START */
/*****************************/
.vehicle-search {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  margin-bottom: 0.9375rem;
  /* small margin-bottom required to see box-shadow */
  max-width: 93.75rem; }
  @media (min-width: 1200px) {
    .vehicle-search {
      margin-top: -83px;
      position: relative;
      z-index: 1; } }
  .vehicle-search .card__header {
    padding: 0; }
  .vehicle-search .vehicle-search__item {
    border: 0;
    padding: 1.0625rem 0.625rem 0.8125rem; }
    @media (min-width: 768px) and (max-width: 1199.98px) {
      .vehicle-search .vehicle-search__item {
        background: var(--custom-alt-bg-color); } }
    .vehicle-search .vehicle-search__item.active, .vehicle-search .vehicle-search__item.ec-flexbox-selected, .vehicle-search .vehicle-search__item:hover, .vehicle-search .vehicle-search__item:focus {
      background: #000000;
      border: 0;
      color: #ffffff; }
  .vehicle-search .button--primary {
    font-weight: 700;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    text-transform: uppercase; }
  @media (max-width: 767.98px) {
    .vehicle-search .panel {
      border-bottom: 2px solid #000; } }
.vehicle-search__nav {
  border: 0; }

.vehicle-search__item {
  background: rgba(255, 255, 255, 0.8); }
  .vehicle-search__item[href]:focus-within[href]:not(.button) {
    text-decoration: none;
    /* overwrite base style */ }
  .vehicle-search__item.button--link:active, .vehicle-search__item.button--link:focus, .vehicle-search__item.button--link:hover {
    opacity: 1; }
  .vehicle-search__item .vehicle-search__text--strong {
    font-size: 1.5em;
    text-transform: uppercase; }
  @media (min-width: 768px) {
    .vehicle-search__item {
      margin-left: 0.125rem; }
      .vehicle-search__item:first-child {
        margin-left: 0; } }
.vehicle-search__text {
  font-size: 1.125rem;
  text-transform: uppercase; }

.vehicle-search__content {
  background: #ffffff;
  border-top: 5px solid #000000;
  padding: 0.625rem; }

@media (max-width: 767.98px) {
  .form__form-group--switch {
    border-bottom: 2px solid var(--custom-alt-bg-color);
    margin-bottom: 15px; } }

@media (max-width: 991.98px) {
  .vehicle-search__pane--vehicles .form__form-group--switch {
    border-bottom: 2px solid var(--custom-alt-bg-color); } }

.card:not(.card--powersearch) .card:not(.card--product-card).card--tires {
  /* not selectors required to override background style */ }
  .card:not(.card--powersearch) .card:not(.card--product-card).card--tires .card__body,
  .card:not(.card--powersearch) .card:not(.card--product-card).card--tires .card__footer {
    background-color: #f8f8f8;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }

.card--tires {
  line-height: normal;
  width: 100%; }
  .card--tires .product__price-group {
    border: 0;
    padding: 0;
    max-width: none; }

.message-bar {
  padding-top: 6px;
  padding-bottom: 12px; }
  .message-bar h2, .message-bar .h2 {
    margin-bottom: 0; }

/* Custom Quick Search END */
/***************************/
/* PROMO GRID */
/***************************/
.promo-grid__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: left; }

.promo-grid__button {
  margin-top: 0.9375rem; }

.promo-grid__container {
  position: relative;
  min-height: 410px; }

.promo-grid__content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 3;
  padding: 0.9375rem 1.875rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center; }

.promo-grid__figure {
  margin: 0;
  z-index: 1;
  display: block;
  height: 100%; }

.promo-grid__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
  position: relative; }
  .promo-grid__image.promo-grid__image--bg1 {
    object-position: left; }
  .promo-grid__image.promo-grid__image--bg3, .promo-grid__image.promo-grid__image--bg4 {
    object-position: right; }

.promo-grid__link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
  text-indent: -9999px; }
  .promo-grid__link:focus, .promo-grid__link.focus {
    /*
		 * Alternative for browsers not supporting :focus-visible
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
  .promo-grid__link:focus:not(:focus-visible) {
    /*
		 * Removing the previous styling because the browser understands :focus-visible and will apply the following style.
		*/
    box-shadow: none; }
  .promo-grid__link:focus-visible, .promo-grid__link:focus-within {
    /*
		*	Use Bootstrap default focus styling to meet
		*	WCAG 2.1 AA compliance 2.4.7
		*/
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.6); }
    .promo-grid__link:focus-visible[href]:not(.button), .promo-grid__link:focus-within[href]:not(.button) {
      /*
			*	Add underline decoration for links
			*/
      text-decoration: underline; }
  .promo-grid__link:hover ~ .promo-grid__background,
  .promo-grid__link:hover ~ .promo-grid__content > .promo-grid__button, .promo-grid__link:focus ~ .promo-grid__background,
  .promo-grid__link:focus ~ .promo-grid__content > .promo-grid__button {
    opacity: 0.8; }

.promo-grid__title {
  color: #fff; }

/*********************/