@charset "UTF-8";
/*
***
* Style Dashboard of VELTRA Design System For JP Old Page Integration
***
* June 23, 2022
* Added Cassette Component styles for integration into old pages in current site.

* Dec 28, 2020
* This file compile all required & necessary styles for AC Detail Phase 1's Header & Footer
* AC Detail Phase 1's Header & Footer deployed in all JP old pages on current site (www.veltra.com/jp)
* For details, please refer to "New Header + Footer Task Breakdown" sheet
* Reference: https://docs.google.com/spreadsheets/d/1ioYvh7BG4SqkCZS_VjXupMSjTS4UNFcFq21IRSc_udQ/edit#gid=2053660470
***
*/
.fs-36 {
  font-size: 2.25rem;
  line-height: 2.6rem;
  margin-bottom: 0.625rem;
  font-weight: normal;
}

.fs-32 {
  font-size: 2rem;
  line-height: 2.6rem;
  margin-bottom: 0.625rem;
  font-weight: normal;
}

.fs-24 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  font-weight: normal;
}

.fs-20 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
}

.fs-18 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.375rem;
  font-weight: normal;
}

.fs-16 {
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-14 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-13 {
  font-size: 13px;
  line-height: 1.1875rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-12 {
  font-size: 0.75rem;
  line-height: 1.6rem;
  margin-bottom: 0.25rem;
  font-weight: normal;
}

.fs-36:first-line {
  line-height: 2.6rem;
}

.fs-32:first-line {
  line-height: 2.6rem;
}

.fs-24:first-line {
  line-height: 2rem;
}

.fs-20:first-line {
  line-height: 1.75rem;
}

.fs-18:first-line {
  line-height: 1.625rem;
}

.fs-16:first-line {
  line-height: 1.375rem;
}

.fs-14:first-line {
  line-height: 1.25rem;
}

.fs-13:first-line {
  line-height: 1.3125rem;
}

.fs-12:first-line {
  line-height: 1.5rem;
}

@media (min-width: 576px) {
  .fs-sm-36 {
    font-size: 2.25rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-sm-32 {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-sm-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-sm-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-sm-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-sm-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-sm-36:first-line {
    line-height: 2.6rem;
  }

  .fs-sm-32:first-line {
    line-height: 2.6rem;
  }

  .fs-sm-24:first-line {
    line-height: 2rem;
  }

  .fs-sm-20:first-line {
    line-height: 1.75rem;
  }

  .fs-sm-18:first-line {
    line-height: 1.625rem;
  }

  .fs-sm-16:first-line {
    line-height: 1.375rem;
  }

  .fs-sm-14:first-line {
    line-height: 1.25rem;
  }

  .fs-sm-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-sm-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .fs-md-36 {
    font-size: 2.25rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-md-32 {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-md-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-md-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-md-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-md-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-md-36:first-line {
    line-height: 2.6rem;
  }

  .fs-md-32:first-line {
    line-height: 2.6rem;
  }

  .fs-md-24:first-line {
    line-height: 2rem;
  }

  .fs-md-20:first-line {
    line-height: 1.75rem;
  }

  .fs-md-18:first-line {
    line-height: 1.625rem;
  }

  .fs-md-16:first-line {
    line-height: 1.375rem;
  }

  .fs-md-14:first-line {
    line-height: 1.25rem;
  }

  .fs-md-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-md-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) {
  .fs-lg-36 {
    font-size: 2.25rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-lg-32 {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-lg-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-lg-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-lg-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-lg-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-lg-36:first-line {
    line-height: 2.6rem;
  }

  .fs-lg-32:first-line {
    line-height: 2.6rem;
  }

  .fs-lg-24:first-line {
    line-height: 2rem;
  }

  .fs-lg-20:first-line {
    line-height: 1.75rem;
  }

  .fs-lg-18:first-line {
    line-height: 1.625rem;
  }

  .fs-lg-16:first-line {
    line-height: 1.375rem;
  }

  .fs-lg-14:first-line {
    line-height: 1.25rem;
  }

  .fs-lg-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-lg-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .fs-xl-36 {
    font-size: 2.25rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-xl-32 {
    font-size: 2rem;
    line-height: 2.6rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-xl-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-xl-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-xl-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-xl-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-xl-36:first-line {
    line-height: 2.6rem;
  }

  .fs-xl-32:first-line {
    line-height: 2.6rem;
  }

  .fs-xl-24:first-line {
    line-height: 2rem;
  }

  .fs-xl-20:first-line {
    line-height: 1.75rem;
  }

  .fs-xl-18:first-line {
    line-height: 1.625rem;
  }

  .fs-xl-16:first-line {
    line-height: 1.375rem;
  }

  .fs-xl-14:first-line {
    line-height: 1.25rem;
  }

  .fs-xl-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-xl-12:first-line {
    line-height: 1.5rem;
  }
}
h1,
h2,
h3,
h4,
h5,
.fs-13,
h6 {
  font-weight: normal;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.375rem;
}

h4 {
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 0.125rem;
}

h5 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0.125rem;
}

h6 {
  font-size: 0.75rem;
  line-height: 1.6rem;
  margin-bottom: 0.25rem;
}

h1::first-line {
  line-height: 2rem;
}

h2::first-line {
  line-height: 1.75rem;
}

h3::first-line {
  line-height: 1.625rem;
}

h4::first-line {
  line-height: 1.375rem;
}

h5::first-line {
  line-height: 1.25rem;
}

.fs-13::first-line {
  line-height: 1.3125rem;
}

h6::first-line,
.fs-12::first-line {
  line-height: 1.5rem;
}

p {
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 0.25rem;
}

p::first-line {
  line-height: 1.5rem;
}

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.aspect-ratio:before {
  content: "";
  display: block;
}
.aspect-ratio > * {
  position: absolute;
  top: 0;
}
.aspect-ratio > img {
  width: 100%;
}
.aspect-ratio.ratio-1-1 {
  padding-top: 100%;
}
.aspect-ratio.ratio-1-1 > img {
  top: 0;
  height: 100%;
  width: auto;
  max-width: none;
}
.aspect-ratio.ratio-2-1 {
  padding-top: 50%;
}
.aspect-ratio.ratio-2-1 > img {
  top: -25%;
}
.aspect-ratio.ratio-2-3 {
  padding-top: 150%;
}
.aspect-ratio.ratio-2-3 > img {
  top: -25%;
}
.aspect-ratio.ratio-3-2 {
  padding-top: 66.66%;
}
.aspect-ratio.ratio-3-2 > img {
  top: -6.66%;
}
.aspect-ratio.ratio-3-4 {
  padding-top: 133.33%;
}
.aspect-ratio.ratio-3-4 > img {
  top: -6%;
}
.aspect-ratio.ratio-4-3 {
  padding-top: 75%;
}
.aspect-ratio.ratio-4-3 > img {
  top: 0;
}
.aspect-ratio.ratio-8-5 {
  padding-top: 62.5%;
}
.aspect-ratio.ratio-8-5 > img {
  top: 0;
}
.aspect-ratio.ratio-16-9 {
  padding-top: 56.25%;
}
.aspect-ratio.ratio-16-9 > img {
  top: -17%;
}
.aspect-ratio.ratio-10-3 {
  padding-top: 30%;
}
.aspect-ratio.ratio-10-3 > img {
  top: -30%;
}

@font-face {
  font-family: "vds_icons";
  src: url("/fonts/vds_icons.eot?6cma2a");
  src: url("/fonts/vds_icons.eot?6cma2a#iefix") format("embedded-opentype"), url("/fonts/vds_icons.ttf?6cma2a") format("truetype"), url("/fonts/vds_icons.woff?6cma2a") format("woff"), url("/fonts/vds_icons.svg?6cma2a#vds_icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "vds_icons", sans-serif !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-web-share-o:before {
  content: "\e959";
}

.icon-youtube:before {
  content: "\e957";
}

.icon-tiktok:before {
  content: "\e958";
}

.icon-message:before {
  content: "\e956";
}

.icon-thumbs-up-o:before {
  content: "\e955";
}

.icon-photo-o:before {
  content: "\e954";
}

.icon-snow-o:before {
  content: "\e950";
}

.icon-rain-o:before {
  content: "\e951";
}

.icon-cloudy-o:before {
  content: "\e952";
}

.icon-sunny-o:before {
  content: "\e953";
}

.icon-spot-o:before {
  content: "\e94e";
}

.icon-fourbox-o:before {
  content: "\e94f";
}

.icon-home:before {
  content: "\e94d";
}

.icon-share:before {
  content: "\e94c";
}

.icon-ringbell-o:before {
  content: "\e94b";
}

.icon-mail-o:before {
  content: "\e948";
}

.icon-reply:before {
  content: "\e949";
}

.icon-reply-o:before {
  content: "\e94a";
}

.icon-comment:before {
  content: "\e111";
}

.icon-magnifier-o:before {
  content: "\e222";
}

.icon-star:before {
  content: "\e444";
}

.icon-burger-o:before {
  content: "\e456";
}

.icon-cross-o:before {
  content: "\e555";
}

.icon-comment-o:before {
  content: "\e789";
}

.icon-bookmark-o:before {
  content: "\e900";
}

.icon-wheelchair-o:before {
  content: "\e901";
}

.icon-gototop-arrow:before {
  content: "\e902";
}

.icon-line:before {
  content: "\e903";
}

.icon-coupon-o:before {
  content: "\e904";
}

.icon-recent2-o:before {
  content: "\e905";
}

.icon-email-o:before {
  content: "\e906";
}

.icon-point-o:before {
  content: "\e907";
}

.icon-file2-o:before {
  content: "\e908";
}

.icon-up-down-arrow:before {
  content: "\e909";
}

.icon-file-o:before {
  content: "\e90a";
}

.icon-refresh:before {
  content: "\e90b";
}

.icon-exclamation-o:before {
  content: "\e90c";
}

.icon-facebook:before {
  content: "\e90d";
}

.icon-instagram-o:before {
  content: "\e90e";
}

.icon-info-o:before {
  content: "\e90f";
}

.icon-play:before {
  content: "\e910";
}

.icon-square:before {
  content: "\e911";
}

.icon-location-pin:before {
  content: "\e912";
}

.icon-circle-tick:before {
  content: "\e913";
}

.icon-box:before {
  content: "\e914";
}

.icon-multi-box:before {
  content: "\e915";
}

.icon-down-arrow:before {
  content: "\e916";
}

.icon-tick-o:before {
  content: "\e917";
}

.icon-external:before {
  content: "\e918";
}

.icon-smiley-o:before {
  content: "\e919";
}

.icon-right-arrow-o:before {
  content: "\e91a";
}

.icon-play-o:before {
  content: "\e91b";
}

.icon-info:before {
  content: "\e91c";
}

.icon-camera:before {
  content: "\e91d";
}

.icon-tag:before {
  content: "\e91e";
}

.icon-plus-o:before {
  content: "\e91f";
}

.icon-minus-o:before {
  content: "\e920";
}

.icon-down-o:before {
  content: "\e921";
}

.icon-up-o:before {
  content: "\e922";
}

.icon-star-o:before {
  content: "\e923";
}

.icon-ticket-o:before {
  content: "\e924";
}

.icon-ticket:before {
  content: "\e925";
}

.icon-love:before {
  content: "\e926";
}

.icon-love-o:before {
  content: "\e927";
}

.icon-filter-o:before {
  content: "\e928";
}

.icon-calendar-o:before {
  content: "\e929";
}

.icon-sort-o:before {
  content: "\e92a";
}

.icon-location-o:before {
  content: "\e92b";
}

.icon-human-o:before {
  content: "\e92c";
}

.icon-currency-o:before {
  content: "\e92d";
}

.icon-left-o:before {
  content: "\e92e";
}

.icon-right-o:before {
  content: "\e92f";
}

.icon-instant:before {
  content: "\e930";
}

.icon-message-o:before {
  content: "\e931";
}

.icon-idea-o:before {
  content: "\e932";
}

.icon-meal-o:before {
  content: "\e933";
}

.icon-time-o:before {
  content: "\e934";
}

.icon-transport-o:before {
  content: "\e935";
}

.icon-recent-o:before {
  content: "\e936";
}

.icon-clip-o:before {
  content: "\e937";
}

.icon-left-arrow:before {
  content: "\e938";
}

.icon-burger-list-o:before {
  content: "\e939";
}

.icon-flag:before {
  content: "\e93a";
}

.icon-camera-o:before {
  content: "\e93b";
}

.icon-circle-down-o:before {
  content: "\e93c";
}

.icon-circle-right-o:before {
  content: "\e93d";
}

.icon-circle-tick-o:before {
  content: "\e93e";
}

.icon-pencil-o:before {
  content: "\e93f";
}

.icon-phone-call-o:before {
  content: "\e940";
}

.icon-phone-call:before {
  content: "\e941";
}

.icon-tag-o:before {
  content: "\e942";
}

.icon-special-deal:before {
  content: "\e943";
}

.icon-transport:before {
  content: "\e944";
}

.icon-coupon:before {
  content: "\e945";
}

.icon-line-o:before {
  content: "\e946";
}

.icon-twitter:before {
  content: "\e947";
}

.lazyload-wrapper {
  position: relative;
  min-width: auto;
}
.lazyload-wrapper img {
  transition: all 1s ease;
}

.lazyload, .lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
}

.icon-40 {
  font-size: 2.5rem;
}

.icon-36 {
  font-size: 2.25rem;
}

.icon-32 {
  font-size: 2rem;
}

.icon-28 {
  font-size: 1.75rem;
}

.icon-24 {
  font-size: 1.5rem;
}

.icon-20 {
  font-size: 1.25rem;
}

.icon-16 {
  font-size: 1rem;
}

.icon-12 {
  font-size: 0.75rem;
}

.icon-white {
  color: #ffffff;
}

.icon-red {
  color: #C22828;
}

.icon-pink {
  color: #E4336B;
}

.icon-blue {
  color: #0077D9;
}

.icon-dark-blue {
  color: #376DAB;
}

.icon-light-gray {
  color: #DADADA;
}

.icon-white-gray {
  color: #F4F4F4;
}

.icon-dark-gray {
  color: #7F7F7F;
}

.icon-black {
  color: #484848;
}

.icon-gray {
  color: #B6B6B6;
}

.icon-vt-blue {
  color: #79A2C3;
}

.label {
  display: inline-flex;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0px 0.5rem;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
}
.label.label-disable {
  color: #B6B6B6;
  background: #F4F4F4;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
}

.label-text {
  color: #7F7F7F;
  font-size: 0.875rem;
  align-items: baseline;
}

.label-icon {
  color: #7F7F7F;
}

.label-icon > i {
  font-size: 16px;
  margin-right: 0.25rem;
}

.label-rounded {
  border-radius: 100% !important;
  height: 20px;
  width: 20px;
  line-height: 1.3rem;
  padding: 0;
}

.label-1 {
  border-radius: 1.875rem;
  background-color: #E4336B;
  color: #ffffff;
}
.label-1:hover {
  background-color: #E4336B;
  color: #ffffff;
}

.label-2 {
  border-radius: 1.875rem;
  background-color: #F4F4F4;
  color: #484848;
}
.label-2:hover {
  background-color: #F4F4F4;
  color: #484848;
}

.label-3 {
  cursor: pointer;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 1.875rem;
  background-color: #EFF4FA;
  color: #484848;
}
.label-3:hover {
  background-color: #376DAB;
  color: #ffffff;
}

.label-4 {
  border-radius: 0.25rem;
  background-color: #376DAB;
  color: #ffffff;
}
.label-4:hover {
  background-color: #376DAB;
  color: #ffffff;
}

.label-5 {
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  background-color: #ffffff;
  color: #484848;
}
.label-5:hover {
  background-color: #ffffff;
  color: #484848;
}

.label-6 {
  border-radius: 0.25rem;
  background-color: #3EBBEF;
  color: #ffffff;
}

.label-chips-primary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  font-weight: 700;
  border-radius: 3.75rem;
  background-color: #EFF4FA;
  color: #0077D9;
}
.label-chips-primary:hover {
  background-color: #376DAB;
  color: #ffffff;
}

.label-chips-secondary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  border-radius: 1.875rem;
  background-color: #EFF4FA;
  color: #0077D9;
}
.label-chips-secondary:hover {
  background-color: #376DAB;
  color: #ffffff;
}

.label-chips-tertiary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  border-radius: 1.875rem;
  background-color: #F4F4F4;
  color: #0077D9;
}
.label-chips-tertiary:hover {
  background-color: #376DAB;
  color: #ffffff;
}

.label-chips-assist-primary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  border: 1px solid #0077D9;
  border-radius: 1.875rem;
  background-color: #ffffff;
  color: #0077D9;
}
.label-chips-assist-primary:hover {
  background-color: #EFF4FA;
  color: #0077D9;
  border: 1px solid #0077D9;
}

.label-chips-assist-secondary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  border: 1px solid #DADADA;
  border-radius: 1.875rem;
  background-color: #ffffff;
  color: #484848;
}
.label-chips-assist-secondary:hover {
  background-color: #EFF4FA;
  color: #484848;
  border: 1px solid #376DAB;
}

.label-chips-assist-tertiary {
  padding: 0.25rem 1rem;
  cursor: pointer;
  border: 1px solid #DADADA;
  border-radius: 1.875rem;
  background-color: #ffffff;
  color: #0077D9;
}
.label-chips-assist-tertiary:hover {
  background-color: #EFF4FA;
  color: #0077D9;
  border: 1px solid #376DAB;
}

/* modal */
i[data-toggle=modal]:hover {
  color: #376DAB;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -999;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: none;
  opacity: 0;
  transition: opacity 0.2s linear, z-index 0.2s 0.5s;
}
.modal.show {
  display: block;
  z-index: 1050;
}
.modal.animation {
  opacity: 1;
  transition: opacity 0.2s linear;
}
.modal.no-animation {
  transition: none;
}
.modal.no-animation.show {
  transition: none;
}
.modal .modal-content {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  z-index: 1050;
  padding-top: 0;
  padding-bottom: 0;
  overflow-y: auto;
}
.modal .modal-content .modal-content-scroll {
  height: 100%;
  overflow-y: auto;
  padding-top: 76px;
  padding-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px;
}
.modal button.close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding: 0;
  position: fixed;
  top: 20px;
  right: 24px;
  z-index: 1030;
}
.modal button.close:hover {
  background-color: #F4F4F4;
}
.modal button.close i {
  position: relative;
  top: 2px;
}
.modal .modal-footer {
  display: flex;
  padding: 1rem;
  border: 1px solid #dee2e6;
  justify-content: flex-end;
  flex-shrink: 0;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0.3;
  background: #484848;
  z-index: 1040;
  transition: opacity 0.2s linear;
}
.modal-overlay:hover {
  opacity: 0.8;
}
.modal.secondary-modal.show {
  z-index: 1060;
}

@media screen and (min-width: 768px) {
  .modal {
    padding-top: 64px;
    padding-bottom: 64px;
  }
  .modal .modal-content {
    border-radius: 0.625rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 716px;
    padding-top: 76px;
    padding-bottom: 40px;
    position: relative;
    overflow-y: auto;
  }
  .modal .modal-content .modal-content-scroll {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 24px;
    padding-right: 24px;
  }
  .modal-sm .modal-content {
    max-width: 486px;
  }
  .modal-md .modal-content {
    max-width: 716px;
  }
  .modal-lg .modal-content {
    max-width: 946px;
  }
  .modal button.close {
    position: absolute;
  }

  .secondary-modal {
    margin-top: 100%;
    padding-top: 200px;
    padding-bottom: 0;
  }
  .secondary-modal .modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    height: 100% !important;
    top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0;
    padding-top: 3rem;
  }
  .secondary-modal .modal-content .modal-content-scroll {
    border-top: 0.0625rem solid #DADADA;
  }
  .secondary-modal .modal-content .modal-content-scroll .modal-actual-content {
    padding-top: 2.5rem;
  }
  .secondary-modal.animation {
    margin-top: 0;
    transition: margin-top 0.5s ease;
  }
  .secondary-modal button.close {
    box-shadow: none;
    top: 0.375rem;
  }
  .secondary-modal button.close:hover {
    background-color: #ffffff;
  }
}
.list-group {
  list-style-type: none;
  padding: 2rem 0;
  margin: 0;
}
.list-group li:first-child a {
  padding-top: 0;
}
.list-group a {
  color: #484848;
  display: flex;
  padding: 1rem 0;
}
.list-group a.with-icon .item-name {
  margin-left: 0.75rem;
}
.list-group a .item-name {
  display: inline-block;
}
.list-group a .item-extra-info {
  font-size: 0.875rem;
  margin-left: 0.75rem;
}

.red-square:before, .black-square:before {
  font-family: "vds_icons", sans-serif;
  content: "\e911";
  font-size: 1rem;
  float: left;
}

.list-style-none {
  list-style-type: none;
}

.red-square:before {
  color: #E4336B;
  margin-left: -20px;
}

.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .select-hide {
  display: none;
}
.custom-select .select-items {
  position: absolute;
  background-color: #ffffff;
  z-index: 1000;
  max-height: 150px;
  overflow-y: scroll;
  border: 1px solid #0077D9;
  border-top: none;
}
.custom-select .select-items.theme-default {
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
}
.custom-select .select-items.theme-default a {
  border: none;
}
.custom-select .select-items.theme-default a:hover {
  color: #376DAB;
  background-color: transparent;
}
.custom-select .select-items.theme-default.child-bottom {
  border: 1px solid #DADADA;
}
.custom-select .select-items.child-bottom {
  bottom: 100%;
  right: 0;
  left: 0;
  border: 1px solid #0077D9;
  border-bottom: none;
}
.custom-select .select-items.child-top {
  top: 100%;
  right: 0;
  left: 0;
}
.custom-select .select-items a {
  display: block;
  color: #484848;
  padding: 0.5rem 1rem;
  border-bottom: 1px dotted #DADADA;
  cursor: pointer;
  user-select: none;
}
.custom-select .select-items a:hover {
  background-color: #EFF4FA;
}
.custom-select .select-items a:last-child {
  border: none;
}
.custom-select .select-selected {
  color: #7F7F7F;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  border-color: #0077D9;
  cursor: pointer;
  user-select: none;
  background-color: #ffffff;
}
.custom-select .select-selected.theme-default {
  border: 1px solid #DADADA;
}
.custom-select .select-selected.theme-default.select-arrow-active {
  border-color: #DADADA;
  border-style: solid;
}
.custom-select .select-selected.theme-default.selected {
  background: #ffffff;
  border: 1px solid #DADADA;
}
.custom-select .select-selected.theme-default:after {
  font-family: "vds_icons", sans-serif;
  content: "\e909";
  color: #7F7F7F;
  position: absolute;
  right: 1rem;
}
.custom-select .select-selected:after {
  font-family: "vds_icons", sans-serif;
  content: "\e916";
  color: #0077D9;
  position: absolute;
  right: 1rem;
}
.custom-select .select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}
.custom-select .select-selected.selected {
  color: #484848;
  background: #EFF4FA;
  border: 1px solid #0077D9;
}
.custom-select .select-selected.select-arrow-active {
  border-style: solid solid dotted solid;
  border-color: #0077D9 #0077D9 #DADADA #0077D9;
}
.custom-select .select-selected.select-arrow-active.child-bottom {
  border-style: dotted solid solid solid;
  border-color: #DADADA #0077D9 #0077D9 #0077D9;
}
.custom-select.error .select-selected {
  background: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select.disabled .select-selected {
  pointer-events: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  color: #ffffff;
}
.custom-select.disabled .select-selected > i {
  color: #ffffff;
}
.custom-select.disabled .select-selected:after {
  color: #ffffff;
}

.custom-select-radiobox.error .btn-icon {
  background-color: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select-radiobox.disabled .btn-icon {
  pointer-events: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  color: #ffffff;
}
.custom-select-radiobox.disabled .btn-icon i {
  color: #ffffff;
}
.custom-select-radiobox .btn-icon {
  min-height: 3rem;
}
.custom-select-radiobox .btn-icon > div {
  width: 90%;
}
.custom-select-radiobox .btn-icon.selected {
  background-color: #EFF4FA;
  border: 1px solid #0077D9;
}
.custom-select-radiobox .btn-icon.selected span {
  text-align: start;
  width: 100%;
}
.custom-select-radiobox .btn-icon.selected span .inserted-text {
  padding-right: 1.5rem;
}
.custom-select-radiobox .btn-icon.clicked {
  border-style: solid solid none solid;
}
.custom-select-radiobox .custom-select-label-options {
  display: none;
  border: 1px solid #0077D9;
  border-style: none solid solid solid;
  background-color: #ffffff;
}
.custom-select-radiobox .custom-select-label-options.show {
  display: block;
}
.custom-select-radiobox .custom-select-label-options .custom-select-label-options-container {
  max-height: 320px;
  overflow-y: scroll;
}
.custom-select-radiobox .custom-select-label-options .label-options {
  padding: 0.5625rem 1rem;
  border-top: 1px dotted #B6B6B6;
  margin-bottom: 0;
}
.custom-select-radiobox .custom-select-label-options .label-options:hover, .custom-select-radiobox .custom-select-label-options .label-options:active {
  background-color: #EFF4FA;
  cursor: pointer;
}
.custom-select-radiobox .custom-select-label-options input[type=radio]:checked + label {
  background-color: #EFF4FA;
}

.custom-select-radiobox-2 {
  position: relative;
}
.custom-select-radiobox-2.error .btn-icon {
  background-color: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select-radiobox-2.disabled .btn-icon {
  pointer-events: none;
}
.custom-select-radiobox-2 .btn-icon {
  margin-bottom: 0;
}
.custom-select-radiobox-2 .btn-icon > div {
  width: 90%;
}
.custom-select-radiobox-2 .btn-icon.selected {
  border: 1px solid #0077D9;
}
.custom-select-radiobox-2 .btn-icon.selected span {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.custom-select-radiobox-2 .btn-icon.selected span .inserted-text {
  display: table-cell;
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  padding-right: 1.5rem;
}
.custom-select-radiobox-2 .btn-icon.gray-border {
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
}
.custom-select-radiobox-2 .custom-select-label-options {
  display: none;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  background-color: #ffffff;
  position: absolute;
  bottom: 41px;
  width: 239px;
  z-index: 1050;
}
.custom-select-radiobox-2 .custom-select-label-options.show {
  display: block;
}
.custom-select-radiobox-2 .custom-select-label-options.show.left {
  left: 0;
}
.custom-select-radiobox-2 .custom-select-label-options.show.right {
  right: 0;
}
.custom-select-radiobox-2 .custom-select-label-options .custom-select-label-options-container {
  padding: 0.75rem 0;
  max-height: 200px;
  overflow-y: scroll;
}
.custom-select-radiobox-2 .custom-select-label-options .custom-select-title {
  padding: 1px 1rem;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options {
  padding: 1px 1rem;
  margin-bottom: 0;
  display: block;
  color: #DADADA;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options .currency {
  color: #7F7F7F;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options.select-active .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options.select-active .currency {
  color: #376DAB;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options .currency-container:hover .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options .currency-container:hover .currency {
  color: #376DAB;
}

.custom-select-box-mobile {
  position: relative;
}
.custom-select-box-mobile > select {
  width: 100%;
  border: 1px solid #DADADA;
  color: #7F7F7F;
  padding: 0.5rem;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("/ac2020/img/icon-updown-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px);
  background-size: 10px auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .custom-select .select-selected.theme-default:after {
    top: 0.5625rem;
  }
  .custom-select:after {
    top: 0.5625rem;
  }
}
.search-menu {
  cursor: pointer;
}
.search-menu .icon-magnifier-o {
  margin-right: 0.5rem;
}
.search-menu .for-fixed {
  background: #0077D9;
  border-radius: 100%;
  box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
  height: 56px;
  width: 56px;
  z-index: 1030;
  position: fixed;
  left: 0.75rem;
  top: 4.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-500%);
  transition: all 0.6s ease;
}
.search-menu .for-fixed.show {
  transform: translateY(0);
}
.search-menu .for-fixed .icon-magnifier-o {
  color: #ffffff;
  margin: 0;
}

.search-menu-list {
  background: #ffffff;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.25rem;
  position: fixed;
  z-index: 1050;
  transition: 0.5s ease;
  transform: translateX(-100%);
}
.search-menu-list button.close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 1.25rem;
  right: 0;
  left: auto;
  transform: translateX(0);
  border: 0;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-right: 1.5rem;
  padding: 0;
  z-index: 1050;
}
.search-menu-list button.close i {
  position: relative;
  top: 1px;
}
.search-menu-list.show {
  transform: translateX(0);
}
.search-menu-list.show button.close:hover, .search-menu-list.show button.close:active {
  background-color: #F4F4F4;
}
.search-menu-list .search-menu-container {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.search-menu-list .search-menu-content {
  padding: 4.25rem 1.25rem 0.5rem;
}
.search-menu-list .search-menu-content .list-group .cat-parent .icon-up-o {
  margin-top: 4px;
}
.search-menu-list .search-menu-content .list-group .cat-child {
  display: flex;
  font-size: 0.875rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.search-menu-list .search-menu-content .list-group .cat-child a {
  padding: 0;
}
.search-menu-list .search-menu-content .list-group .cat-child i {
  font-size: 1rem;
  font-weight: 700;
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 1.5rem;
}
.search-menu-list .search-menu-content .list-group .cat-child i.icon-down-o {
  margin-top: -4px;
  padding-left: 5px;
  padding-top: 5px;
}
.search-menu-list .search-menu-content .list-group .cat-child i.icon-up-o {
  margin-top: 4px;
  padding-left: 5px;
  padding-top: 2px;
}
.search-menu-list .search-menu-content .list-group .child-content {
  padding-left: 0.75rem;
}
.search-menu-list .search-menu-content .list-group .child-content a {
  padding-top: 0.25rem;
  padding-bottom: 0.5rem;
}
.search-menu-list .search-menu-content .list-group ul {
  padding: 0;
}
.search-menu-list .search-menu-content .list-group ul li {
  font-size: 0.875rem;
  list-style-type: none;
}
.search-menu-list .search-menu-content .list-group a.selected {
  color: #376DAB;
  font-weight: 700;
}
.search-menu-list .search-menu-content .list-group a:hover, .search-menu-list .search-menu-content .list-group a:active {
  color: #376DAB;
}
.search-menu-list .search-menu-content .chips-group {
  margin-bottom: 1rem;
}
.search-menu-list .search-menu-content .chips-group li:hover a, .search-menu-list .search-menu-content .chips-group li:active a {
  color: #ffffff;
}
.search-menu-list .search-menu-content .chips-group li a {
  color: #0077D9;
}
.search-menu-list .search-menu-content .chips-group li a:hover, .search-menu-list .search-menu-content .chips-group li a:active {
  color: #ffffff;
}
.search-menu-list .search-menu-content .chips-group-2 a {
  color: #0077D9;
}
.search-menu-list .search-menu-content .view-all {
  display: inline;
  color: #0077D9;
  font-size: 0.875rem;
}

#keyword-search-form {
  position: relative;
  z-index: 1;
}
#keyword-search-form .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  left: -99999999px;
  width: 1px;
}
#keyword-search-form .ui-autocomplete-input {
  font-size: 1.125rem;
  border: 0;
  border-radius: 0px;
  border-bottom: 2px solid #0077D9;
  padding-left: 0.5rem;
  padding-right: 3rem;
  height: 48px;
  width: 100%;
  outline: 0;
  box-sizing: border-box;
}
#keyword-search-form .ui-autocomplete-input.active {
  background: #EFF4FA;
}
#keyword-search-form i {
  margin-right: 0;
  position: absolute;
  top: 0.25rem;
  right: 1rem;
}
#keyword-search-form #kw_btn {
  margin-right: 0;
  position: absolute;
  top: 0.25rem;
  right: 1rem;
  width: 20px;
  height: 20px;
  opacity: 0;
}
#keyword-search-form .suggest_class.ui-autocomplete {
  background: #ffffff;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  left: 0 !important;
  padding: 0.25rem 0.75rem;
  height: 100%;
  max-height: 320px;
  overflow-y: auto;
  position: relative;
  width: 100% !important;
}
#keyword-search-form .suggest_class.ui-autocomplete li {
  list-style-type: none;
  display: flex;
  align-items: center;
}
#keyword-search-form .suggest_class.ui-autocomplete .suggest-title-category {
  padding: 0.5rem 0;
}
#keyword-search-form .suggest_class.ui-autocomplete .suggest-parent-category-count,
#keyword-search-form .suggest_class.ui-autocomplete .suggest_cate_area {
  font-weight: 400;
}
#keyword-search-form .suggest_class.ui-autocomplete a {
  color: #7F7F7F;
  padding: 0.5rem 0;
  width: 100%;
}
#keyword-search-form .suggest_class.ui-autocomplete a:hover, #keyword-search-form .suggest_class.ui-autocomplete a:active {
  color: #376DAB;
}

#keyword_search_dropdown_header {
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .search-menu .for-fixed {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 2.5rem;
    border-bottom-right-radius: 2.5rem;
    padding-left: 1.25rem;
    padding-right: 0.75rem;
    left: 0;
    width: auto;
  }
  .search-menu .for-fixed .text-dark-gray {
    color: #ffffff;
  }
  .search-menu .for-fixed .icon-magnifier-o {
    margin-right: 0.5rem;
  }

  .search-menu-list {
    border-right: 2px solid #DADADA;
    width: 376px;
    transition: 0.7s ease;
  }
  .search-menu-list.show button.close {
    transform: translateX(-15px);
    margin-right: 0;
    right: auto;
    left: 330px;
  }
}
/* Global Header START */
#global-header .search-menu-list {
  background: #ffffff;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.25rem;
  position: fixed;
  z-index: -999;
  transition: opacity 0.2s linear, z-index 0.2s 0.5s;
  opacity: 0;
  display: none;
}
#global-header .search-menu-list button.close {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 1.25rem;
  right: 0;
  left: auto;
  transform: translateX(0);
  border: 0;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  margin-right: 1.5rem;
  padding: 0;
  z-index: 1050;
}
#global-header .search-menu-list button.close i {
  position: relative;
  top: 1px;
}
#global-header .search-menu-list.show {
  display: block;
  z-index: 1050;
}
#global-header .search-menu-list.show button.close:hover, #global-header .search-menu-list.show button.close:active {
  background-color: #F4F4F4;
}
#global-header .search-menu-list.animation {
  opacity: 1;
  transition: opacity 0.2s linear;
}
#global-header .search-menu-list .search-menu-container {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
#global-header .search-menu-list .search-menu-content {
  padding: 4.25rem 1.25rem 0.5rem;
}
#global-header .search-overlay {
  background: #484848;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
#global-header #keyword-search-form {
  position: relative;
  z-index: 1;
}
#global-header #keyword-search-form .ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  left: -99999999px;
  width: 1px;
}
#global-header #keyword-search-form .ui-autocomplete-input {
  font-size: 0.875rem;
  border: 0;
  border-radius: 0px;
  border-bottom: 2px solid #0077D9;
  padding-left: 0.5rem;
  padding-right: 3rem;
  height: 36px;
  width: 100%;
  outline: 0;
  box-sizing: border-box;
}
#global-header #keyword-search-form .ui-autocomplete-input.active {
  background: #EFF4FA;
}
#global-header #keyword-search-form i {
  margin-right: 0;
  position: absolute;
  top: 0.25rem;
  right: 1rem;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete {
  background: #ffffff;
  border: none;
  border-radius: 0.25rem;
  box-shadow: none;
  display: none;
  font-size: 0.875rem;
  font-weight: 700;
  left: 0 !important;
  padding: 0.25rem 0.75rem;
  height: 100%;
  max-height: none;
  overflow-y: auto;
  position: relative;
  width: 100% !important;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete li {
  list-style-type: none;
  display: flex;
  align-items: center;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete .suggest-title-category {
  padding: 0.5rem 0;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete .suggest-parent-category-count,
#global-header #keyword-search-form .suggest_class.ui-autocomplete .suggest_cate_area {
  font-weight: 400;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete a {
  color: #7F7F7F;
  padding: 0.5rem 0;
  width: 100%;
}
#global-header #keyword-search-form .suggest_class.ui-autocomplete a:hover, #global-header #keyword-search-form .suggest_class.ui-autocomplete a:active {
  color: #376DAB;
}
#global-header #keyword_search_dropdown_header {
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 992px) {
  #global-header #keyword-search-form .ui-autocomplete-input {
    width: 380px;
  }
  #global-header #keyword-search-form .suggest_class.ui-autocomplete {
    border: 1px solid #DADADA;
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
    max-height: 320px;
  }
}
/* Global Header END */
.accordion [data-toggle=collapse] {
  cursor: pointer;
}
.accordion .collapse {
  display: none;
}
.accordion .item-extra-info .icon-up-o,
.accordion .item-extra-info .icon-down-o {
  padding-left: 0.75rem;
}
.accordion .item-extra-info .icon-up-o {
  display: inline-block;
  vertical-align: middle;
}
.accordion .item-extra-info .icon-down-o {
  display: inline-block;
  margin-top: -3px;
  vertical-align: top;
}

header {
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
}
header .logo {
  background-image: url(/ac2020/img/veltra-logo-dark.png?v=2);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 126px auto;
  height: 28px;
  margin: 0;
  width: 126px;
}
header .logo:hover, header .logo:active {
  background-image: url(/ac2020/img/veltra-logo-blue.png?v=2);
}
header .logo.ha-logo {
  background-image: url(/ac2020/img/hawaii-activities-logo.png);
  background-size: auto 28px;
  background-position: center 2px;
  width: 160px;
}

#crumb {
  margin-bottom: 8px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
#crumb .content {
  overflow-x: auto;
  justify-content: center;
}
#crumb .content.has-scroll {
  justify-content: left;
}
#crumb .content.for-fixed {
  background: #ffffff;
  border-bottom: 1px solid #DADADA;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1020;
  transform: translateY(-150%);
  transition: all 0.3s ease;
}
#crumb .content.for-fixed.show {
  transform: translateY(0);
}
#crumb .content.for-fixed .label {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
#crumb .content .label {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  header {
    border-bottom: 0.0625rem solid #DADADA;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0.75rem;
  }
  header .search-menu {
    width: 300px;
  }
  header .hamburger-menu {
    width: 300px;
  }
  header .logo.ha-logo {
    background-size: auto 40px;
    background-position: center center;
    height: 32px;
    width: 180px;
  }

  #crumb {
    margin-left: 0;
    margin-right: 0;
  }
  #crumb .content .label {
    margin-top: 0.75rem;
  }
}
/* Global Header START */
#global-header {
  border-bottom: none;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-top: 0;
}
#global-header #global-header-content {
  background: #ffffff;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 0.75rem;
}
#global-header #global-header-content.highest-z-index {
  z-index: 1070;
}
#global-header #global-header-content #header_kw-search_open,
#global-header #global-header-content #header_mypage_open-menu {
  min-width: 50px;
}
#global-header #global-header-content #header_mypage_open-menu {
  cursor: pointer;
}
#global-header #global-header-content #header_wishlist_move-wishlist {
  min-width: 80px;
}
#global-header .vt-logo img {
  width: 110px;
}

:lang(jp) #global-header .vt-logo img,
:lang(ja) #global-header .vt-logo img {
  height: auto;
  width: 142px;
}

#global-crumb .for-fixed-container {
  background: #ffffff;
  padding-top: 0.75rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #DADADA;
  z-index: 1020;
  transform: translateY(-150%);
  transition: all 0.3s ease;
}
#global-crumb .for-fixed-container.show {
  transform: translateY(0);
}
#global-crumb .content {
  overflow: auto;
  white-space: nowrap;
  margin-bottom: -10px;
}
#global-crumb .content .btn-tertiary {
  background-color: #EFF4FA;
  height: 30px;
  padding: 0.15rem 0.75rem;
}
#global-crumb .content .btn-tertiary:hover {
  color: #376DAB;
}
#global-crumb .content.for-fixed .btn-tertiary {
  background: #0077D9;
  color: #ffffff;
}
#global-crumb .content.for-fixed .btn-tertiary:hover {
  background: #376DAB;
  color: #ffffff;
}
#global-crumb #ctglist {
  background: #F4F4F4;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-top: 1.25rem;
  position: fixed;
  z-index: 1050;
  transition: 0.5s ease;
  transform: translateX(-100%);
}
#global-crumb #ctglist.show {
  transform: translateX(0);
}
#global-crumb #ctglist #link-to-country {
  overflow: auto;
}
#global-crumb #ctglist #link-to-country .btn-tertiary {
  background-color: #EFF4FA;
}
#global-crumb #ctglist #link-to-country .btn-tertiary:hover {
  color: #376DAB;
}
#global-crumb #ctglist .scrollable-container {
  height: 100%;
  width: 100%;
  padding-bottom: 128px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#global-crumb #ctglist .scrollable-container .current-selected-cat .selected-cat {
  background-color: #376DAB;
  color: #ffffff;
}
#global-crumb #ctglist .scrollable-container .current-selected-cat .child-cat {
  list-style-type: none;
}
#global-crumb #ctglist .scrollable-container a:hover, #global-crumb #ctglist .scrollable-container a:active {
  background-color: #EFF4FA;
}
#global-crumb #ctglist .scrollable-container .mt-negative-4 {
  margin-top: -0.25rem;
}
#global-crumb #ctglist button.close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 3.125rem;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 0;
  top: 20px;
  right: 24px;
}
#global-crumb .ctglist-overlay {
  background: #484848;
  cursor: pointer;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
  opacity: 0.3;
}
#global-crumb .ctglist-overlay.show {
  display: block;
}
#global-crumb .category-link.hide-category {
  display: none !important;
}
#global-crumb .category-link.show {
  display: block !important;
}
#global-crumb .category-link.active {
  background-color: #F0F6FB;
}
#global-crumb .category-link a:hover {
  background-color: transparent !important;
}
#global-crumb .category-link.selected > .item-extra-info {
  background-color: #2379C3;
}
#global-crumb .category-link.selected > .item-extra-info .icon-black {
  color: #fff;
}
#global-crumb .category-link.selected > .item-extra-info .text-black {
  color: #fff;
}
#global-crumb .child-category.selected > .item-extra-info {
  background-color: #2379C3;
}
#global-crumb .child-category.selected > .item-extra-info .icon-black {
  color: #fff;
}
#global-crumb .child-category.selected > .item-extra-info .text-black {
  color: #fff;
}
#global-crumb .grandchild-category.selected > .item-extra-info {
  background-color: #2379C3;
}
#global-crumb .grandchild-category.selected > .item-extra-info .icon-black {
  color: #fff;
}
#global-crumb .grandchild-category.selected > .item-extra-info .text-black {
  color: #fff;
}
#global-crumb .parent-ctg.active {
  background-color: #F0F6FB;
}
#global-crumb .category-item-list-toggle {
  display: block;
  text-align: right;
  padding: 10px;
}
#global-crumb #category-list-toggle:hover {
  background-color: transparent !important;
}

@media screen and (min-width: 576px) {
  #global-header .vt-logo img {
    width: 130px;
  }

  :lang(jp) #global-header .vt-logo img,
:lang(ja) #global-header .vt-logo img {
    width: 160px;
  }
}
@media screen and (min-width: 992px) {
  #global-header #global-header-content {
    width: 100%;
  }

  #global-crumb .content {
    margin-bottom: 8px;
  }
  #global-crumb #ctglist {
    width: 376px;
    transition: 0.7s ease;
  }
}
@-moz-document url-prefix() {
  #global-crumb #ctglist .scrollable-container {
    height: calc(100% - 120px);
  }
}
/* Global Header END */
#footer-highlights #footer-highlights-list a img, #footer-2020 .android-app, #footer-2020 .apple-app, #footer-2020 .custom-select {
  width: 100%;
}

:lang(en) #footer-2020 {
  font-family: "Noto Sans JP", sans-serif !important;
}

#footer-2020 {
  background-color: #F4F4F4;
}
#footer-2020 .footer-body {
  background-color: #ffffff;
}
#footer-2020 .apple-app img {
  width: 73px;
  height: auto;
}
#footer-2020 .android-app img {
  width: 86px;
  height: auto;
}
#footer-2020 .back-to-top:hover span {
  color: #376DAB;
}
#footer-2020 .footer-link-title:hover {
  color: #376DAB;
}
#footer-2020 .social-icon-container i:hover {
  opacity: 0.6;
}
#footer-2020 .app-icon .apple-app {
  padding-top: 6px;
}
#footer-2020 .app-icon .android-app {
  padding-top: 7px;
}
#footer-2020 .veltra-footer-ha-logo {
  width: 128px;
  height: auto;
}
#footer-2020 .veltra-footer-ha-logo:hover {
  opacity: 0.6;
  transition: none;
}
#footer-2020 .veltra-footer-kite-logo {
  width: 68px;
  height: auto;
}
#footer-2020 .veltra-footer-kite-logo:hover {
  opacity: 0.6;
  transition: none;
}
#footer-2020 .veltra-footer-emo-logo {
  width: 68px;
  height: auto;
}
#footer-2020 .veltra-footer-emo-logo:hover {
  opacity: 0.6;
  transition: none;
}
#footer-2020 .veltra-footer-colorier-logo {
  width: 92px;
  height: auto;
}
#footer-2020 .veltra-footer-colorier-logo:hover {
  opacity: 0.6;
  transition: none;
}
#footer-2020 .footer-link-title .item-extra-info i {
  font-size: 1rem;
}

:lang(jp) #footer-2020 .social-icon-container a,
:lang(ja) #footer-2020 .social-icon-container a {
  width: 40%;
}

:lang(en) #footer-2020 .social-icon-container a {
  width: auto;
}

/* SEO start */
#seo-title-2020 .breadcrumbs {
  white-space: nowrap;
  margin-bottom: -10px;
}
#seo-title-2020 .breadcrumbs a {
  color: #7F7F7F;
}
#seo-title-2020 .breadcrumbs a:hover {
  color: #376DAB;
}

/* SEO end */
/* Footer Highlights start */
#footer-highlights #footer-highlights-list {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.75rem 0.75rem;
}
/* Footer Highlights end */
@media screen and (min-width: 768px) {
  #footer-highlights #footer-highlights-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  #footer-2020 .footer-link-title {
    pointer-events: none;
  }
  #footer-2020 .footer-links .icon-down-o {
    display: none;
  }
  #footer-2020 .footer-links .icon-up-o {
    display: none;
  }
  #footer-2020 .border-dotted-bottom-light {
    border: none;
  }
  #footer-2020 .custom-select {
    width: 132px;
  }
  #footer-2020 .apple-app {
    width: 132px;
  }
  #footer-2020 .android-app {
    width: 132px;
  }
  #footer-2020 .footer-links.border-dotted-top-light {
    border: none;
  }

  #seo-title-2020 .breadcrumbs {
    margin-bottom: 0px;
  }

  #footer-highlights {
    padding: 0 140px;
  }
  #footer-highlights .container {
    width: auto;
    min-width: auto;
  }
  #footer-highlights #footer-highlights-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.75rem 0.75rem;
  }
  #footer-highlights #footer-highlights-list.total-highlights-2 {
    grid-template-columns: 0.5fr 1fr 1fr 0.5fr;
  }
}
.right-menu-mobile-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 1050;
  top: 0;
  left: 0;
  background-color: rgba(72, 72, 72, 0.3);
}
.right-menu-mobile-bg.show {
  display: block;
}

.right-account-menu .user-info-container {
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.right-account-menu .user-info-container .user-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
.right-account-menu .user-info-container .user-info .icon-human-o .icon-bookmark-o {
  vertical-align: middle;
}
.right-account-menu .user-info-container .user-info .vertical-right-menu-title {
  font-size: 14px;
  font-style: normal;
  vertical-align: super;
}

.ac2020-right-menu {
  height: 100%;
  width: 80%;
  background-color: #ffffff;
  position: fixed;
  z-index: 1050;
  top: 0;
  right: -100%;
}
.ac2020-right-menu.show {
  right: 0px;
  overflow-y: scroll;
}
.ac2020-right-menu .ac2020-right-menu-container {
  padding: 2.5rem 1.5rem;
  background-color: #ffffff;
}
.ac2020-right-menu .ac2020-right-menu-container .account-management-link > a {
  padding: 0.625rem 0;
}
.ac2020-right-menu .ac2020-right-menu-container .number {
  color: #7F7F7F;
}
.ac2020-right-menu .ac2020-right-menu-container .account-link {
  color: #7F7F7F;
}
.ac2020-right-menu .ac2020-right-menu-container a:hover .number {
  color: #0077D9;
}
.ac2020-right-menu .ac2020-right-menu-container a:hover .account-link {
  color: #0077D9;
}

@media screen and (min-width: 992px) {
  .ac2020-right-menu {
    position: absolute;
    display: none;
    min-width: 320px;
    top: 41px;
    right: 0;
    z-index: 1010;
  }
  .ac2020-right-menu.show {
    display: block;
    overflow-y: inherit;
  }
  .ac2020-right-menu .ac2020-right-menu-container {
    border: 2px solid #DADADA;
    margin-top: -1px;
  }
}
.wishlist-notification {
  color: #ffffff;
  border: 0.0625rem solid #0077D9;
  background: #0077D9;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-top: -0.25rem;
  margin-left: 0.75rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 14px;
  text-align: center;
}

/* Global Header START */
#global-header .right-menu-mobile-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  z-index: 1040;
  top: 0;
  left: 0;
  background-color: rgba(72, 72, 72, 0.3);
}
#global-header .right-menu-mobile-bg.show {
  display: block;
}
#global-header .menu-text {
  color: #7F7F7F;
  font-size: 0.75rem;
  line-height: 0.875rem;
}
#global-header .wishlist-notification {
  color: #ffffff;
  border: 0.0625rem solid #E4336B;
  background: #E4336B;
  position: absolute;
  width: 18px;
  height: 18px;
  margin-left: 0.25rem;
  font-family: "-apple-system", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  top: 0.5rem;
}
#global-header .right-account-menu .user-info-container {
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
#global-header .right-account-menu .user-info-container .user-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
}
#global-header .right-account-menu .user-info-container .user-info .icon-human-o .icon-bookmark-o {
  vertical-align: middle;
}
#global-header .ac2020-right-menu {
  height: 100%;
  width: 80%;
  background-color: #ffffff;
  position: fixed;
  z-index: 1050;
  top: 0;
  right: -100%;
  text-align: left;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#global-header .ac2020-right-menu.show {
  right: 0px;
  overflow-y: scroll;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container {
  padding: 2.5rem 1.5rem;
  background-color: #ffffff;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container .account-management-link > a {
  padding: 0.625rem 0;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container .number {
  color: #7F7F7F;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container .account-link {
  color: #7F7F7F;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container a:hover .number {
  color: #0077D9;
}
#global-header .ac2020-right-menu .ac2020-right-menu-container a:hover .account-link {
  color: #0077D9;
}

@media screen and (min-width: 992px) {
  #global-header .menu-text {
    color: #7F7F7F;
    font-size: 0.875rem;
    line-height: 1.6rem;
  }
  #global-header .wishlist-notification {
    margin-left: 1rem;
    bottom: 0.25rem;
  }
  #global-header .ac2020-right-menu {
    position: absolute;
    display: none;
    min-width: 320px;
    top: 26px;
    right: 0;
    z-index: 1010;
  }
  #global-header .ac2020-right-menu.show {
    display: block;
    overflow-y: inherit;
  }
  #global-header .ac2020-right-menu .ac2020-right-menu-container {
    border: 2px solid #DADADA;
    margin-top: -1px;
  }
  #global-header .right-account-menu:hover .ac2020-right-menu {
    display: block;
  }
}
/* Global Header END */
.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-top {
  vertical-align: text-top !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.bg-medium-emphasis, .bg-low-emphasis, .bg-white-color {
  background: #ffffff;
}

.bg-nobg {
  background: transparent !important;
}

.bg-low-emphasis {
  border: 0.0625rem solid #DADADA;
}

.bg-medium-emphasis {
  border: 0.0625rem solid #B6B6B6;
}

.bg-high-emphasis {
  background: #F4F4F4;
}

.bg-light-blue {
  background: #EFF4FA;
}

.bg-vt-blue {
  background: #79A2C3;
}

.bg-light-pink {
  background: #FCEBF0;
}

.bg-light-red {
  background: #F9E9E9;
}

.bg-vt-orange {
  background: #F38268;
}

.transparent-gray {
  background: #484848;
  opacity: 0.3;
}
.transparent-gray:hover {
  cursor: pointer;
  opacity: 0.8;
}

.transparent-white {
  background: rgba(255, 255, 255, 0.9);
}

.border {
  border: 0.0625rem solid #484848;
}

.border-top {
  border-top: 0.0625rem solid #484848;
}

.border-right {
  border-right: 0.0625rem solid #484848;
}

.border-bottom {
  border-bottom: 0.0625rem solid #484848;
}

.border-left {
  border-left: 0.0625rem solid #484848;
}

.border-dotted {
  border: 0.0625rem dotted #484848;
}

.border-dotted-top {
  border-top: 0.0625rem dotted #484848;
}

.border-dotted-right {
  border-right: 0.0625rem dotted #484848;
}

.border-dotted-bottom {
  border-bottom: 0.0625rem dotted #484848;
}

.border-dotted-left {
  border-left: 0.0625rem dotted #484848;
}

.border-light {
  border: 0.0625rem solid #DADADA;
}

.border-top-light {
  border-top: 0.0625rem solid #DADADA;
}

.border-right-light {
  border-right: 0.0625rem solid #DADADA;
}

.border-bottom-light {
  border-bottom: 0.0625rem solid #DADADA;
}

.border-left-light {
  border-left: 0.0625rem solid #DADADA;
}

.border-dotted-light {
  border: 0.0625rem dotted #DADADA;
}

.border-dotted-top-light {
  border-top: 0.0625rem dotted #DADADA;
}

.border-dotted-right-light {
  border-right: 0.0625rem dotted #DADADA;
}

.border-dotted-bottom-light {
  border-bottom: 0.0625rem dotted #DADADA;
}

.border-dotted-left-light {
  border-left: 0.0625rem dotted #DADADA;
}

.border-gray {
  border: 0.0625rem solid #B6B6B6;
}

.border-top-gray {
  border-top: 0.0625rem solid #B6B6B6;
}

.border-right-gray {
  border-right: 0.0625rem solid #B6B6B6;
}

.border-bottom-gray {
  border-bottom: 0.0625rem solid #B6B6B6;
}

.border-left-gray {
  border-left: 0.0625rem solid #B6B6B6;
}

.border-dotted-gray {
  border: 0.0625rem dotted #B6B6B6;
}

.border-dotted-top-gray {
  border-top: 0.0625rem dotted #B6B6B6;
}

.border-dotted-right-gray {
  border-right: 0.0625rem dotted #B6B6B6;
}

.border-dotted-bottom-gray {
  border-bottom: 0.0625rem dotted #B6B6B6;
}

.border-dotted-left-gray {
  border-left: 0.0625rem dotted #B6B6B6;
}

.rounded-0 {
  border-radius: 0rem !important;
}

.rounded-4 {
  border-radius: 0.25rem;
}

.rounded-8 {
  border-radius: 0.5rem;
}

.rounded-12 {
  border-radius: 0.75rem;
}

.rounded-16 {
  border-radius: 1rem;
}

.rounded-20 {
  border-radius: 1.25rem;
}

.rounded-24 {
  border-radius: 1.5rem;
}

.rounded-30 {
  border-radius: 1.875rem;
}

.rounded-32 {
  border-radius: 2rem;
}

.rounded-40 {
  border-radius: 2.5rem;
}

.rounded-50 {
  border-radius: 3.125rem;
}

.rounded-60 {
  border-radius: 3.75rem;
}

.rounded {
  border-radius: 0.25rem;
}

.rounded-top {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.rounded-right {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-left {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.rounded-circle {
  border-radius: 100%;
}

.clearfix {
  clear: both !important;
}
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.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-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !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-basis-0 {
  flex-basis: 0 !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;
}

.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;
}

@media (min-width: 576px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !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-basis-0 {
    flex-basis: 0 !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;
  }

  .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;
  }
}
@media (min-width: 768px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !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-basis-0 {
    flex-basis: 0 !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;
  }

  .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;
  }
}
@media (min-width: 992px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !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-basis-0 {
    flex-basis: 0 !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;
  }

  .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;
  }
}
@media (min-width: 1200px) {
  .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-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !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-basis-0 {
    flex-basis: 0 !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;
  }

  .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;
  }
}
.float-none {
  float: none !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

@media (min-width: 576px) {
  .float-sm-none {
    float: none !important;
  }

  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }
}
@media (min-width: 768px) {
  .float-md-none {
    float: none !important;
  }

  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }
}
@media (min-width: 992px) {
  .float-lg-none {
    float: none !important;
  }

  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-none {
    float: none !important;
  }

  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }
}
.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !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;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !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;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !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;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !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;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !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;
  }
}
.overflow-visible {
  overflow: visible !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

@media (min-width: 576px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }

  .overflow-sm-hidden {
    overflow: hidden !important;
  }

  .overflow-sm-auto {
    overflow: auto !important;
  }

  .overflow-x-sm-scroll {
    overflow-x: scroll !important;
  }

  .overflow-y-sm-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }

  .overflow-md-hidden {
    overflow: hidden !important;
  }

  .overflow-md-auto {
    overflow: auto !important;
  }

  .overflow-x-md-scroll {
    overflow-x: scroll !important;
  }

  .overflow-y-md-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 992px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }

  .overflow-lg-hidden {
    overflow: hidden !important;
  }

  .overflow-lg-auto {
    overflow: auto !important;
  }

  .overflow-x-lg-scroll {
    overflow-x: scroll !important;
  }

  .overflow-y-lg-scroll {
    overflow-y: scroll !important;
  }
}
@media (min-width: 1200px) {
  .overflow-xl-visible {
    overflow: visible !important;
  }

  .overflow-xl-hidden {
    overflow: hidden !important;
  }

  .overflow-xl-auto {
    overflow: auto !important;
  }

  .overflow-x-xl-scroll {
    overflow-x: scroll !important;
  }

  .overflow-y-xl-scroll {
    overflow-y: scroll !important;
  }
}
.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;
}

.position-fixed-top {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 1030;
}

.position-fixed-bottom {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1030;
}

@supports (position: sticky) {
  .position-sticky {
    top: 0;
    z-index: 1020;
  }
}

.box-shadow-0 {
  box-shadow: none;
}

.box-shadow-1 {
  box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
}

.box-shadow-2 {
  box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
}

.box-shadow-3 {
  box-shadow: 0rem 0rem 0.9375rem rgba(0, 0, 0, 0.4);
}

@media (min-width: 576px) {
  .box-shadow-sm-0 {
    box-shadow: none;
  }

  .box-shadow-sm-1 {
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
  }

  .box-shadow-sm-2 {
    box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
  }

  .box-shadow-sm-3 {
    box-shadow: 0rem 0rem 0.9375rem rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 768px) {
  .box-shadow-md-0 {
    box-shadow: none;
  }

  .box-shadow-md-1 {
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
  }

  .box-shadow-md-2 {
    box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
  }

  .box-shadow-md-3 {
    box-shadow: 0rem 0rem 0.9375rem rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 992px) {
  .box-shadow-lg-0 {
    box-shadow: none;
  }

  .box-shadow-lg-1 {
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
  }

  .box-shadow-lg-2 {
    box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
  }

  .box-shadow-lg-3 {
    box-shadow: 0rem 0rem 0.9375rem rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1200px) {
  .box-shadow-xl-0 {
    box-shadow: none;
  }

  .box-shadow-xl-1 {
    box-shadow: 0rem 0rem 0.313rem rgba(0, 0, 0, 0.1);
  }

  .box-shadow-xl-2 {
    box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
  }

  .box-shadow-xl-3 {
    box-shadow: 0rem 0rem 0.9375rem rgba(0, 0, 0, 0.4);
  }
}
.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.0625rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.0625rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.0625rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.0625rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.0625rem !important;
}

.m-2 {
  margin: 0.125rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.125rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.125rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.125rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.125rem !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.mt-4,
.my-4 {
  margin-top: 0.25rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 0.25rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 0.25rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 0.25rem !important;
}

.m-6 {
  margin: 0.375rem !important;
}

.mt-6,
.my-6 {
  margin-top: 0.375rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 0.375rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 0.375rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 0.375rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 0.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 0.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 0.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 0.5rem !important;
}

.m-12 {
  margin: 0.75rem !important;
}

.mt-12,
.my-12 {
  margin-top: 0.75rem !important;
}

.mr-12,
.mx-12 {
  margin-right: 0.75rem !important;
}

.mb-12,
.my-12 {
  margin-bottom: 0.75rem !important;
}

.ml-12,
.mx-12 {
  margin-left: 0.75rem !important;
}

.m-14 {
  margin: 0.875rem !important;
}

.mt-14,
.my-14 {
  margin-top: 0.875rem !important;
}

.mr-14,
.mx-14 {
  margin-right: 0.875rem !important;
}

.mb-14,
.my-14 {
  margin-bottom: 0.875rem !important;
}

.ml-14,
.mx-14 {
  margin-left: 0.875rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.mt-16,
.my-16 {
  margin-top: 1rem !important;
}

.mr-16,
.mx-16 {
  margin-right: 1rem !important;
}

.mb-16,
.my-16 {
  margin-bottom: 1rem !important;
}

.ml-16,
.mx-16 {
  margin-left: 1rem !important;
}

.m-20 {
  margin: 1.25rem !important;
}

.mt-20,
.my-20 {
  margin-top: 1.25rem !important;
}

.mr-20,
.mx-20 {
  margin-right: 1.25rem !important;
}

.mb-20,
.my-20 {
  margin-bottom: 1.25rem !important;
}

.ml-20,
.mx-20 {
  margin-left: 1.25rem !important;
}

.m-24 {
  margin: 1.5rem !important;
}

.mt-24,
.my-24 {
  margin-top: 1.5rem !important;
}

.mr-24,
.mx-24 {
  margin-right: 1.5rem !important;
}

.mb-24,
.my-24 {
  margin-bottom: 1.5rem !important;
}

.ml-24,
.mx-24 {
  margin-left: 1.5rem !important;
}

.m-26 {
  margin: 1.625rem !important;
}

.mt-26,
.my-26 {
  margin-top: 1.625rem !important;
}

.mr-26,
.mx-26 {
  margin-right: 1.625rem !important;
}

.mb-26,
.my-26 {
  margin-bottom: 1.625rem !important;
}

.ml-26,
.mx-26 {
  margin-left: 1.625rem !important;
}

.m-28 {
  margin: 1.75rem !important;
}

.mt-28,
.my-28 {
  margin-top: 1.75rem !important;
}

.mr-28,
.mx-28 {
  margin-right: 1.75rem !important;
}

.mb-28,
.my-28 {
  margin-bottom: 1.75rem !important;
}

.ml-28,
.mx-28 {
  margin-left: 1.75rem !important;
}

.m-32 {
  margin: 2rem !important;
}

.mt-32,
.my-32 {
  margin-top: 2rem !important;
}

.mr-32,
.mx-32 {
  margin-right: 2rem !important;
}

.mb-32,
.my-32 {
  margin-bottom: 2rem !important;
}

.ml-32,
.mx-32 {
  margin-left: 2rem !important;
}

.m-36 {
  margin: 2.25rem !important;
}

.mt-36,
.my-36 {
  margin-top: 2.25rem !important;
}

.mr-36,
.mx-36 {
  margin-right: 2.25rem !important;
}

.mb-36,
.my-36 {
  margin-bottom: 2.25rem !important;
}

.ml-36,
.mx-36 {
  margin-left: 2.25rem !important;
}

.m-40 {
  margin: 2.5rem !important;
}

.mt-40,
.my-40 {
  margin-top: 2.5rem !important;
}

.mr-40,
.mx-40 {
  margin-right: 2.5rem !important;
}

.mb-40,
.my-40 {
  margin-bottom: 2.5rem !important;
}

.ml-40,
.mx-40 {
  margin-left: 2.5rem !important;
}

.m-44 {
  margin: 2.75rem !important;
}

.mt-44,
.my-44 {
  margin-top: 2.75rem !important;
}

.mr-44,
.mx-44 {
  margin-right: 2.75rem !important;
}

.mb-44,
.my-44 {
  margin-bottom: 2.75rem !important;
}

.ml-44,
.mx-44 {
  margin-left: 2.75rem !important;
}

.m-48 {
  margin: 3rem !important;
}

.mt-48,
.my-48 {
  margin-top: 3rem !important;
}

.mr-48,
.mx-48 {
  margin-right: 3rem !important;
}

.mb-48,
.my-48 {
  margin-bottom: 3rem !important;
}

.ml-48,
.mx-48 {
  margin-left: 3rem !important;
}

.m-52 {
  margin: 3.25rem !important;
}

.mt-52,
.my-52 {
  margin-top: 3.25rem !important;
}

.mr-52,
.mx-52 {
  margin-right: 3.25rem !important;
}

.mb-52,
.my-52 {
  margin-bottom: 3.25rem !important;
}

.ml-52,
.mx-52 {
  margin-left: 3.25rem !important;
}

.m-56 {
  margin: 3.5rem !important;
}

.mt-56,
.my-56 {
  margin-top: 3.5rem !important;
}

.mr-56,
.mx-56 {
  margin-right: 3.5rem !important;
}

.mb-56,
.my-56 {
  margin-bottom: 3.5rem !important;
}

.ml-56,
.mx-56 {
  margin-left: 3.5rem !important;
}

.m-60 {
  margin: 3.75rem !important;
}

.mt-60,
.my-60 {
  margin-top: 3.75rem !important;
}

.mr-60,
.mx-60 {
  margin-right: 3.75rem !important;
}

.mb-60,
.my-60 {
  margin-bottom: 3.75rem !important;
}

.ml-60,
.mx-60 {
  margin-left: 3.75rem !important;
}

.m-64 {
  margin: 4rem !important;
}

.mt-64,
.my-64 {
  margin-top: 4rem !important;
}

.mr-64,
.mx-64 {
  margin-right: 4rem !important;
}

.mb-64,
.my-64 {
  margin-bottom: 4rem !important;
}

.ml-64,
.mx-64 {
  margin-left: 4rem !important;
}

.m-68 {
  margin: 4.25rem !important;
}

.mt-68,
.my-68 {
  margin-top: 4.25rem !important;
}

.mr-68,
.mx-68 {
  margin-right: 4.25rem !important;
}

.mb-68,
.my-68 {
  margin-bottom: 4.25rem !important;
}

.ml-68,
.mx-68 {
  margin-left: 4.25rem !important;
}

.m-72 {
  margin: 4.5rem !important;
}

.mt-72,
.my-72 {
  margin-top: 4.5rem !important;
}

.mr-72,
.mx-72 {
  margin-right: 4.5rem !important;
}

.mb-72,
.my-72 {
  margin-bottom: 4.5rem !important;
}

.ml-72,
.mx-72 {
  margin-left: 4.5rem !important;
}

.m-76 {
  margin: 5.42rem !important;
}

.mt-76,
.my-76 {
  margin-top: 5.42rem !important;
}

.mr-76,
.mx-76 {
  margin-right: 5.42rem !important;
}

.mb-76,
.my-76 {
  margin-bottom: 5.42rem !important;
}

.ml-76,
.mx-76 {
  margin-left: 5.42rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.0625rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.0625rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.0625rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.0625rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.0625rem !important;
}

.p-2 {
  padding: 0.125rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.125rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.125rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.125rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.125rem !important;
}

.p-4 {
  padding: 0.25rem !important;
}

.pt-4,
.py-4 {
  padding-top: 0.25rem !important;
}

.pr-4,
.px-4 {
  padding-right: 0.25rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 0.25rem !important;
}

.pl-4,
.px-4 {
  padding-left: 0.25rem !important;
}

.p-6 {
  padding: 0.375rem !important;
}

.pt-6,
.py-6 {
  padding-top: 0.375rem !important;
}

.pr-6,
.px-6 {
  padding-right: 0.375rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 0.375rem !important;
}

.pl-6,
.px-6 {
  padding-left: 0.375rem !important;
}

.p-8 {
  padding: 0.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 0.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 0.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 0.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 0.5rem !important;
}

.p-12 {
  padding: 0.75rem !important;
}

.pt-12,
.py-12 {
  padding-top: 0.75rem !important;
}

.pr-12,
.px-12 {
  padding-right: 0.75rem !important;
}

.pb-12,
.py-12 {
  padding-bottom: 0.75rem !important;
}

.pl-12,
.px-12 {
  padding-left: 0.75rem !important;
}

.p-14 {
  padding: 0.875rem !important;
}

.pt-14,
.py-14 {
  padding-top: 0.875rem !important;
}

.pr-14,
.px-14 {
  padding-right: 0.875rem !important;
}

.pb-14,
.py-14 {
  padding-bottom: 0.875rem !important;
}

.pl-14,
.px-14 {
  padding-left: 0.875rem !important;
}

.p-16 {
  padding: 1rem !important;
}

.pt-16,
.py-16 {
  padding-top: 1rem !important;
}

.pr-16,
.px-16 {
  padding-right: 1rem !important;
}

.pb-16,
.py-16 {
  padding-bottom: 1rem !important;
}

.pl-16,
.px-16 {
  padding-left: 1rem !important;
}

.p-20 {
  padding: 1.25rem !important;
}

.pt-20,
.py-20 {
  padding-top: 1.25rem !important;
}

.pr-20,
.px-20 {
  padding-right: 1.25rem !important;
}

.pb-20,
.py-20 {
  padding-bottom: 1.25rem !important;
}

.pl-20,
.px-20 {
  padding-left: 1.25rem !important;
}

.p-24 {
  padding: 1.5rem !important;
}

.pt-24,
.py-24 {
  padding-top: 1.5rem !important;
}

.pr-24,
.px-24 {
  padding-right: 1.5rem !important;
}

.pb-24,
.py-24 {
  padding-bottom: 1.5rem !important;
}

.pl-24,
.px-24 {
  padding-left: 1.5rem !important;
}

.p-26 {
  padding: 1.625rem !important;
}

.pt-26,
.py-26 {
  padding-top: 1.625rem !important;
}

.pr-26,
.px-26 {
  padding-right: 1.625rem !important;
}

.pb-26,
.py-26 {
  padding-bottom: 1.625rem !important;
}

.pl-26,
.px-26 {
  padding-left: 1.625rem !important;
}

.p-28 {
  padding: 1.75rem !important;
}

.pt-28,
.py-28 {
  padding-top: 1.75rem !important;
}

.pr-28,
.px-28 {
  padding-right: 1.75rem !important;
}

.pb-28,
.py-28 {
  padding-bottom: 1.75rem !important;
}

.pl-28,
.px-28 {
  padding-left: 1.75rem !important;
}

.p-32 {
  padding: 2rem !important;
}

.pt-32,
.py-32 {
  padding-top: 2rem !important;
}

.pr-32,
.px-32 {
  padding-right: 2rem !important;
}

.pb-32,
.py-32 {
  padding-bottom: 2rem !important;
}

.pl-32,
.px-32 {
  padding-left: 2rem !important;
}

.p-36 {
  padding: 2.25rem !important;
}

.pt-36,
.py-36 {
  padding-top: 2.25rem !important;
}

.pr-36,
.px-36 {
  padding-right: 2.25rem !important;
}

.pb-36,
.py-36 {
  padding-bottom: 2.25rem !important;
}

.pl-36,
.px-36 {
  padding-left: 2.25rem !important;
}

.p-40 {
  padding: 2.5rem !important;
}

.pt-40,
.py-40 {
  padding-top: 2.5rem !important;
}

.pr-40,
.px-40 {
  padding-right: 2.5rem !important;
}

.pb-40,
.py-40 {
  padding-bottom: 2.5rem !important;
}

.pl-40,
.px-40 {
  padding-left: 2.5rem !important;
}

.p-44 {
  padding: 2.75rem !important;
}

.pt-44,
.py-44 {
  padding-top: 2.75rem !important;
}

.pr-44,
.px-44 {
  padding-right: 2.75rem !important;
}

.pb-44,
.py-44 {
  padding-bottom: 2.75rem !important;
}

.pl-44,
.px-44 {
  padding-left: 2.75rem !important;
}

.p-48 {
  padding: 3rem !important;
}

.pt-48,
.py-48 {
  padding-top: 3rem !important;
}

.pr-48,
.px-48 {
  padding-right: 3rem !important;
}

.pb-48,
.py-48 {
  padding-bottom: 3rem !important;
}

.pl-48,
.px-48 {
  padding-left: 3rem !important;
}

.p-52 {
  padding: 3.25rem !important;
}

.pt-52,
.py-52 {
  padding-top: 3.25rem !important;
}

.pr-52,
.px-52 {
  padding-right: 3.25rem !important;
}

.pb-52,
.py-52 {
  padding-bottom: 3.25rem !important;
}

.pl-52,
.px-52 {
  padding-left: 3.25rem !important;
}

.p-56 {
  padding: 3.5rem !important;
}

.pt-56,
.py-56 {
  padding-top: 3.5rem !important;
}

.pr-56,
.px-56 {
  padding-right: 3.5rem !important;
}

.pb-56,
.py-56 {
  padding-bottom: 3.5rem !important;
}

.pl-56,
.px-56 {
  padding-left: 3.5rem !important;
}

.p-60 {
  padding: 3.75rem !important;
}

.pt-60,
.py-60 {
  padding-top: 3.75rem !important;
}

.pr-60,
.px-60 {
  padding-right: 3.75rem !important;
}

.pb-60,
.py-60 {
  padding-bottom: 3.75rem !important;
}

.pl-60,
.px-60 {
  padding-left: 3.75rem !important;
}

.p-64 {
  padding: 4rem !important;
}

.pt-64,
.py-64 {
  padding-top: 4rem !important;
}

.pr-64,
.px-64 {
  padding-right: 4rem !important;
}

.pb-64,
.py-64 {
  padding-bottom: 4rem !important;
}

.pl-64,
.px-64 {
  padding-left: 4rem !important;
}

.p-68 {
  padding: 4.25rem !important;
}

.pt-68,
.py-68 {
  padding-top: 4.25rem !important;
}

.pr-68,
.px-68 {
  padding-right: 4.25rem !important;
}

.pb-68,
.py-68 {
  padding-bottom: 4.25rem !important;
}

.pl-68,
.px-68 {
  padding-left: 4.25rem !important;
}

.p-72 {
  padding: 4.5rem !important;
}

.pt-72,
.py-72 {
  padding-top: 4.5rem !important;
}

.pr-72,
.px-72 {
  padding-right: 4.5rem !important;
}

.pb-72,
.py-72 {
  padding-bottom: 4.5rem !important;
}

.pl-72,
.px-72 {
  padding-left: 4.5rem !important;
}

.p-76 {
  padding: 5.42rem !important;
}

.pt-76,
.py-76 {
  padding-top: 5.42rem !important;
}

.pr-76,
.px-76 {
  padding-right: 5.42rem !important;
}

.pb-76,
.py-76 {
  padding-bottom: 5.42rem !important;
}

.pl-76,
.px-76 {
  padding-left: 5.42rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.0625rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.0625rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.0625rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.0625rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.0625rem !important;
  }

  .m-sm-2 {
    margin: 0.125rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.125rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.125rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.125rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.125rem !important;
  }

  .m-sm-4 {
    margin: 0.25rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 0.25rem !important;
  }

  .m-sm-6 {
    margin: 0.375rem !important;
  }

  .mt-sm-6,
.my-sm-6 {
    margin-top: 0.375rem !important;
  }

  .mr-sm-6,
.mx-sm-6 {
    margin-right: 0.375rem !important;
  }

  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 0.375rem !important;
  }

  .ml-sm-6,
.mx-sm-6 {
    margin-left: 0.375rem !important;
  }

  .m-sm-8 {
    margin: 0.5rem !important;
  }

  .mt-sm-8,
.my-sm-8 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-8,
.mx-sm-8 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-8,
.my-sm-8 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-8,
.mx-sm-8 {
    margin-left: 0.5rem !important;
  }

  .m-sm-12 {
    margin: 0.75rem !important;
  }

  .mt-sm-12,
.my-sm-12 {
    margin-top: 0.75rem !important;
  }

  .mr-sm-12,
.mx-sm-12 {
    margin-right: 0.75rem !important;
  }

  .mb-sm-12,
.my-sm-12 {
    margin-bottom: 0.75rem !important;
  }

  .ml-sm-12,
.mx-sm-12 {
    margin-left: 0.75rem !important;
  }

  .m-sm-14 {
    margin: 0.875rem !important;
  }

  .mt-sm-14,
.my-sm-14 {
    margin-top: 0.875rem !important;
  }

  .mr-sm-14,
.mx-sm-14 {
    margin-right: 0.875rem !important;
  }

  .mb-sm-14,
.my-sm-14 {
    margin-bottom: 0.875rem !important;
  }

  .ml-sm-14,
.mx-sm-14 {
    margin-left: 0.875rem !important;
  }

  .m-sm-16 {
    margin: 1rem !important;
  }

  .mt-sm-16,
.my-sm-16 {
    margin-top: 1rem !important;
  }

  .mr-sm-16,
.mx-sm-16 {
    margin-right: 1rem !important;
  }

  .mb-sm-16,
.my-sm-16 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-16,
.mx-sm-16 {
    margin-left: 1rem !important;
  }

  .m-sm-20 {
    margin: 1.25rem !important;
  }

  .mt-sm-20,
.my-sm-20 {
    margin-top: 1.25rem !important;
  }

  .mr-sm-20,
.mx-sm-20 {
    margin-right: 1.25rem !important;
  }

  .mb-sm-20,
.my-sm-20 {
    margin-bottom: 1.25rem !important;
  }

  .ml-sm-20,
.mx-sm-20 {
    margin-left: 1.25rem !important;
  }

  .m-sm-24 {
    margin: 1.5rem !important;
  }

  .mt-sm-24,
.my-sm-24 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-24,
.mx-sm-24 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-24,
.my-sm-24 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-24,
.mx-sm-24 {
    margin-left: 1.5rem !important;
  }

  .m-sm-26 {
    margin: 1.625rem !important;
  }

  .mt-sm-26,
.my-sm-26 {
    margin-top: 1.625rem !important;
  }

  .mr-sm-26,
.mx-sm-26 {
    margin-right: 1.625rem !important;
  }

  .mb-sm-26,
.my-sm-26 {
    margin-bottom: 1.625rem !important;
  }

  .ml-sm-26,
.mx-sm-26 {
    margin-left: 1.625rem !important;
  }

  .m-sm-28 {
    margin: 1.75rem !important;
  }

  .mt-sm-28,
.my-sm-28 {
    margin-top: 1.75rem !important;
  }

  .mr-sm-28,
.mx-sm-28 {
    margin-right: 1.75rem !important;
  }

  .mb-sm-28,
.my-sm-28 {
    margin-bottom: 1.75rem !important;
  }

  .ml-sm-28,
.mx-sm-28 {
    margin-left: 1.75rem !important;
  }

  .m-sm-32 {
    margin: 2rem !important;
  }

  .mt-sm-32,
.my-sm-32 {
    margin-top: 2rem !important;
  }

  .mr-sm-32,
.mx-sm-32 {
    margin-right: 2rem !important;
  }

  .mb-sm-32,
.my-sm-32 {
    margin-bottom: 2rem !important;
  }

  .ml-sm-32,
.mx-sm-32 {
    margin-left: 2rem !important;
  }

  .m-sm-36 {
    margin: 2.25rem !important;
  }

  .mt-sm-36,
.my-sm-36 {
    margin-top: 2.25rem !important;
  }

  .mr-sm-36,
.mx-sm-36 {
    margin-right: 2.25rem !important;
  }

  .mb-sm-36,
.my-sm-36 {
    margin-bottom: 2.25rem !important;
  }

  .ml-sm-36,
.mx-sm-36 {
    margin-left: 2.25rem !important;
  }

  .m-sm-40 {
    margin: 2.5rem !important;
  }

  .mt-sm-40,
.my-sm-40 {
    margin-top: 2.5rem !important;
  }

  .mr-sm-40,
.mx-sm-40 {
    margin-right: 2.5rem !important;
  }

  .mb-sm-40,
.my-sm-40 {
    margin-bottom: 2.5rem !important;
  }

  .ml-sm-40,
.mx-sm-40 {
    margin-left: 2.5rem !important;
  }

  .m-sm-44 {
    margin: 2.75rem !important;
  }

  .mt-sm-44,
.my-sm-44 {
    margin-top: 2.75rem !important;
  }

  .mr-sm-44,
.mx-sm-44 {
    margin-right: 2.75rem !important;
  }

  .mb-sm-44,
.my-sm-44 {
    margin-bottom: 2.75rem !important;
  }

  .ml-sm-44,
.mx-sm-44 {
    margin-left: 2.75rem !important;
  }

  .m-sm-48 {
    margin: 3rem !important;
  }

  .mt-sm-48,
.my-sm-48 {
    margin-top: 3rem !important;
  }

  .mr-sm-48,
.mx-sm-48 {
    margin-right: 3rem !important;
  }

  .mb-sm-48,
.my-sm-48 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-48,
.mx-sm-48 {
    margin-left: 3rem !important;
  }

  .m-sm-52 {
    margin: 3.25rem !important;
  }

  .mt-sm-52,
.my-sm-52 {
    margin-top: 3.25rem !important;
  }

  .mr-sm-52,
.mx-sm-52 {
    margin-right: 3.25rem !important;
  }

  .mb-sm-52,
.my-sm-52 {
    margin-bottom: 3.25rem !important;
  }

  .ml-sm-52,
.mx-sm-52 {
    margin-left: 3.25rem !important;
  }

  .m-sm-56 {
    margin: 3.5rem !important;
  }

  .mt-sm-56,
.my-sm-56 {
    margin-top: 3.5rem !important;
  }

  .mr-sm-56,
.mx-sm-56 {
    margin-right: 3.5rem !important;
  }

  .mb-sm-56,
.my-sm-56 {
    margin-bottom: 3.5rem !important;
  }

  .ml-sm-56,
.mx-sm-56 {
    margin-left: 3.5rem !important;
  }

  .m-sm-60 {
    margin: 3.75rem !important;
  }

  .mt-sm-60,
.my-sm-60 {
    margin-top: 3.75rem !important;
  }

  .mr-sm-60,
.mx-sm-60 {
    margin-right: 3.75rem !important;
  }

  .mb-sm-60,
.my-sm-60 {
    margin-bottom: 3.75rem !important;
  }

  .ml-sm-60,
.mx-sm-60 {
    margin-left: 3.75rem !important;
  }

  .m-sm-64 {
    margin: 4rem !important;
  }

  .mt-sm-64,
.my-sm-64 {
    margin-top: 4rem !important;
  }

  .mr-sm-64,
.mx-sm-64 {
    margin-right: 4rem !important;
  }

  .mb-sm-64,
.my-sm-64 {
    margin-bottom: 4rem !important;
  }

  .ml-sm-64,
.mx-sm-64 {
    margin-left: 4rem !important;
  }

  .m-sm-68 {
    margin: 4.25rem !important;
  }

  .mt-sm-68,
.my-sm-68 {
    margin-top: 4.25rem !important;
  }

  .mr-sm-68,
.mx-sm-68 {
    margin-right: 4.25rem !important;
  }

  .mb-sm-68,
.my-sm-68 {
    margin-bottom: 4.25rem !important;
  }

  .ml-sm-68,
.mx-sm-68 {
    margin-left: 4.25rem !important;
  }

  .m-sm-72 {
    margin: 4.5rem !important;
  }

  .mt-sm-72,
.my-sm-72 {
    margin-top: 4.5rem !important;
  }

  .mr-sm-72,
.mx-sm-72 {
    margin-right: 4.5rem !important;
  }

  .mb-sm-72,
.my-sm-72 {
    margin-bottom: 4.5rem !important;
  }

  .ml-sm-72,
.mx-sm-72 {
    margin-left: 4.5rem !important;
  }

  .m-sm-76 {
    margin: 5.42rem !important;
  }

  .mt-sm-76,
.my-sm-76 {
    margin-top: 5.42rem !important;
  }

  .mr-sm-76,
.mx-sm-76 {
    margin-right: 5.42rem !important;
  }

  .mb-sm-76,
.my-sm-76 {
    margin-bottom: 5.42rem !important;
  }

  .ml-sm-76,
.mx-sm-76 {
    margin-left: 5.42rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.0625rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.0625rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.0625rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.0625rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.0625rem !important;
  }

  .p-sm-2 {
    padding: 0.125rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.125rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.125rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.125rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.125rem !important;
  }

  .p-sm-4 {
    padding: 0.25rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 0.25rem !important;
  }

  .p-sm-6 {
    padding: 0.375rem !important;
  }

  .pt-sm-6,
.py-sm-6 {
    padding-top: 0.375rem !important;
  }

  .pr-sm-6,
.px-sm-6 {
    padding-right: 0.375rem !important;
  }

  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 0.375rem !important;
  }

  .pl-sm-6,
.px-sm-6 {
    padding-left: 0.375rem !important;
  }

  .p-sm-8 {
    padding: 0.5rem !important;
  }

  .pt-sm-8,
.py-sm-8 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-8,
.px-sm-8 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-8,
.py-sm-8 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-8,
.px-sm-8 {
    padding-left: 0.5rem !important;
  }

  .p-sm-12 {
    padding: 0.75rem !important;
  }

  .pt-sm-12,
.py-sm-12 {
    padding-top: 0.75rem !important;
  }

  .pr-sm-12,
.px-sm-12 {
    padding-right: 0.75rem !important;
  }

  .pb-sm-12,
.py-sm-12 {
    padding-bottom: 0.75rem !important;
  }

  .pl-sm-12,
.px-sm-12 {
    padding-left: 0.75rem !important;
  }

  .p-sm-14 {
    padding: 0.875rem !important;
  }

  .pt-sm-14,
.py-sm-14 {
    padding-top: 0.875rem !important;
  }

  .pr-sm-14,
.px-sm-14 {
    padding-right: 0.875rem !important;
  }

  .pb-sm-14,
.py-sm-14 {
    padding-bottom: 0.875rem !important;
  }

  .pl-sm-14,
.px-sm-14 {
    padding-left: 0.875rem !important;
  }

  .p-sm-16 {
    padding: 1rem !important;
  }

  .pt-sm-16,
.py-sm-16 {
    padding-top: 1rem !important;
  }

  .pr-sm-16,
.px-sm-16 {
    padding-right: 1rem !important;
  }

  .pb-sm-16,
.py-sm-16 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-16,
.px-sm-16 {
    padding-left: 1rem !important;
  }

  .p-sm-20 {
    padding: 1.25rem !important;
  }

  .pt-sm-20,
.py-sm-20 {
    padding-top: 1.25rem !important;
  }

  .pr-sm-20,
.px-sm-20 {
    padding-right: 1.25rem !important;
  }

  .pb-sm-20,
.py-sm-20 {
    padding-bottom: 1.25rem !important;
  }

  .pl-sm-20,
.px-sm-20 {
    padding-left: 1.25rem !important;
  }

  .p-sm-24 {
    padding: 1.5rem !important;
  }

  .pt-sm-24,
.py-sm-24 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-24,
.px-sm-24 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-24,
.py-sm-24 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-24,
.px-sm-24 {
    padding-left: 1.5rem !important;
  }

  .p-sm-26 {
    padding: 1.625rem !important;
  }

  .pt-sm-26,
.py-sm-26 {
    padding-top: 1.625rem !important;
  }

  .pr-sm-26,
.px-sm-26 {
    padding-right: 1.625rem !important;
  }

  .pb-sm-26,
.py-sm-26 {
    padding-bottom: 1.625rem !important;
  }

  .pl-sm-26,
.px-sm-26 {
    padding-left: 1.625rem !important;
  }

  .p-sm-28 {
    padding: 1.75rem !important;
  }

  .pt-sm-28,
.py-sm-28 {
    padding-top: 1.75rem !important;
  }

  .pr-sm-28,
.px-sm-28 {
    padding-right: 1.75rem !important;
  }

  .pb-sm-28,
.py-sm-28 {
    padding-bottom: 1.75rem !important;
  }

  .pl-sm-28,
.px-sm-28 {
    padding-left: 1.75rem !important;
  }

  .p-sm-32 {
    padding: 2rem !important;
  }

  .pt-sm-32,
.py-sm-32 {
    padding-top: 2rem !important;
  }

  .pr-sm-32,
.px-sm-32 {
    padding-right: 2rem !important;
  }

  .pb-sm-32,
.py-sm-32 {
    padding-bottom: 2rem !important;
  }

  .pl-sm-32,
.px-sm-32 {
    padding-left: 2rem !important;
  }

  .p-sm-36 {
    padding: 2.25rem !important;
  }

  .pt-sm-36,
.py-sm-36 {
    padding-top: 2.25rem !important;
  }

  .pr-sm-36,
.px-sm-36 {
    padding-right: 2.25rem !important;
  }

  .pb-sm-36,
.py-sm-36 {
    padding-bottom: 2.25rem !important;
  }

  .pl-sm-36,
.px-sm-36 {
    padding-left: 2.25rem !important;
  }

  .p-sm-40 {
    padding: 2.5rem !important;
  }

  .pt-sm-40,
.py-sm-40 {
    padding-top: 2.5rem !important;
  }

  .pr-sm-40,
.px-sm-40 {
    padding-right: 2.5rem !important;
  }

  .pb-sm-40,
.py-sm-40 {
    padding-bottom: 2.5rem !important;
  }

  .pl-sm-40,
.px-sm-40 {
    padding-left: 2.5rem !important;
  }

  .p-sm-44 {
    padding: 2.75rem !important;
  }

  .pt-sm-44,
.py-sm-44 {
    padding-top: 2.75rem !important;
  }

  .pr-sm-44,
.px-sm-44 {
    padding-right: 2.75rem !important;
  }

  .pb-sm-44,
.py-sm-44 {
    padding-bottom: 2.75rem !important;
  }

  .pl-sm-44,
.px-sm-44 {
    padding-left: 2.75rem !important;
  }

  .p-sm-48 {
    padding: 3rem !important;
  }

  .pt-sm-48,
.py-sm-48 {
    padding-top: 3rem !important;
  }

  .pr-sm-48,
.px-sm-48 {
    padding-right: 3rem !important;
  }

  .pb-sm-48,
.py-sm-48 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-48,
.px-sm-48 {
    padding-left: 3rem !important;
  }

  .p-sm-52 {
    padding: 3.25rem !important;
  }

  .pt-sm-52,
.py-sm-52 {
    padding-top: 3.25rem !important;
  }

  .pr-sm-52,
.px-sm-52 {
    padding-right: 3.25rem !important;
  }

  .pb-sm-52,
.py-sm-52 {
    padding-bottom: 3.25rem !important;
  }

  .pl-sm-52,
.px-sm-52 {
    padding-left: 3.25rem !important;
  }

  .p-sm-56 {
    padding: 3.5rem !important;
  }

  .pt-sm-56,
.py-sm-56 {
    padding-top: 3.5rem !important;
  }

  .pr-sm-56,
.px-sm-56 {
    padding-right: 3.5rem !important;
  }

  .pb-sm-56,
.py-sm-56 {
    padding-bottom: 3.5rem !important;
  }

  .pl-sm-56,
.px-sm-56 {
    padding-left: 3.5rem !important;
  }

  .p-sm-60 {
    padding: 3.75rem !important;
  }

  .pt-sm-60,
.py-sm-60 {
    padding-top: 3.75rem !important;
  }

  .pr-sm-60,
.px-sm-60 {
    padding-right: 3.75rem !important;
  }

  .pb-sm-60,
.py-sm-60 {
    padding-bottom: 3.75rem !important;
  }

  .pl-sm-60,
.px-sm-60 {
    padding-left: 3.75rem !important;
  }

  .p-sm-64 {
    padding: 4rem !important;
  }

  .pt-sm-64,
.py-sm-64 {
    padding-top: 4rem !important;
  }

  .pr-sm-64,
.px-sm-64 {
    padding-right: 4rem !important;
  }

  .pb-sm-64,
.py-sm-64 {
    padding-bottom: 4rem !important;
  }

  .pl-sm-64,
.px-sm-64 {
    padding-left: 4rem !important;
  }

  .p-sm-68 {
    padding: 4.25rem !important;
  }

  .pt-sm-68,
.py-sm-68 {
    padding-top: 4.25rem !important;
  }

  .pr-sm-68,
.px-sm-68 {
    padding-right: 4.25rem !important;
  }

  .pb-sm-68,
.py-sm-68 {
    padding-bottom: 4.25rem !important;
  }

  .pl-sm-68,
.px-sm-68 {
    padding-left: 4.25rem !important;
  }

  .p-sm-72 {
    padding: 4.5rem !important;
  }

  .pt-sm-72,
.py-sm-72 {
    padding-top: 4.5rem !important;
  }

  .pr-sm-72,
.px-sm-72 {
    padding-right: 4.5rem !important;
  }

  .pb-sm-72,
.py-sm-72 {
    padding-bottom: 4.5rem !important;
  }

  .pl-sm-72,
.px-sm-72 {
    padding-left: 4.5rem !important;
  }

  .p-sm-76 {
    padding: 5.42rem !important;
  }

  .pt-sm-76,
.py-sm-76 {
    padding-top: 5.42rem !important;
  }

  .pr-sm-76,
.px-sm-76 {
    padding-right: 5.42rem !important;
  }

  .pb-sm-76,
.py-sm-76 {
    padding-bottom: 5.42rem !important;
  }

  .pl-sm-76,
.px-sm-76 {
    padding-left: 5.42rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.0625rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.0625rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.0625rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.0625rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.0625rem !important;
  }

  .m-md-2 {
    margin: 0.125rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.125rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.125rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.125rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.125rem !important;
  }

  .m-md-4 {
    margin: 0.25rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 0.25rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 0.25rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 0.25rem !important;
  }

  .m-md-6 {
    margin: 0.375rem !important;
  }

  .mt-md-6,
.my-md-6 {
    margin-top: 0.375rem !important;
  }

  .mr-md-6,
.mx-md-6 {
    margin-right: 0.375rem !important;
  }

  .mb-md-6,
.my-md-6 {
    margin-bottom: 0.375rem !important;
  }

  .ml-md-6,
.mx-md-6 {
    margin-left: 0.375rem !important;
  }

  .m-md-8 {
    margin: 0.5rem !important;
  }

  .mt-md-8,
.my-md-8 {
    margin-top: 0.5rem !important;
  }

  .mr-md-8,
.mx-md-8 {
    margin-right: 0.5rem !important;
  }

  .mb-md-8,
.my-md-8 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-8,
.mx-md-8 {
    margin-left: 0.5rem !important;
  }

  .m-md-12 {
    margin: 0.75rem !important;
  }

  .mt-md-12,
.my-md-12 {
    margin-top: 0.75rem !important;
  }

  .mr-md-12,
.mx-md-12 {
    margin-right: 0.75rem !important;
  }

  .mb-md-12,
.my-md-12 {
    margin-bottom: 0.75rem !important;
  }

  .ml-md-12,
.mx-md-12 {
    margin-left: 0.75rem !important;
  }

  .m-md-14 {
    margin: 0.875rem !important;
  }

  .mt-md-14,
.my-md-14 {
    margin-top: 0.875rem !important;
  }

  .mr-md-14,
.mx-md-14 {
    margin-right: 0.875rem !important;
  }

  .mb-md-14,
.my-md-14 {
    margin-bottom: 0.875rem !important;
  }

  .ml-md-14,
.mx-md-14 {
    margin-left: 0.875rem !important;
  }

  .m-md-16 {
    margin: 1rem !important;
  }

  .mt-md-16,
.my-md-16 {
    margin-top: 1rem !important;
  }

  .mr-md-16,
.mx-md-16 {
    margin-right: 1rem !important;
  }

  .mb-md-16,
.my-md-16 {
    margin-bottom: 1rem !important;
  }

  .ml-md-16,
.mx-md-16 {
    margin-left: 1rem !important;
  }

  .m-md-20 {
    margin: 1.25rem !important;
  }

  .mt-md-20,
.my-md-20 {
    margin-top: 1.25rem !important;
  }

  .mr-md-20,
.mx-md-20 {
    margin-right: 1.25rem !important;
  }

  .mb-md-20,
.my-md-20 {
    margin-bottom: 1.25rem !important;
  }

  .ml-md-20,
.mx-md-20 {
    margin-left: 1.25rem !important;
  }

  .m-md-24 {
    margin: 1.5rem !important;
  }

  .mt-md-24,
.my-md-24 {
    margin-top: 1.5rem !important;
  }

  .mr-md-24,
.mx-md-24 {
    margin-right: 1.5rem !important;
  }

  .mb-md-24,
.my-md-24 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-24,
.mx-md-24 {
    margin-left: 1.5rem !important;
  }

  .m-md-26 {
    margin: 1.625rem !important;
  }

  .mt-md-26,
.my-md-26 {
    margin-top: 1.625rem !important;
  }

  .mr-md-26,
.mx-md-26 {
    margin-right: 1.625rem !important;
  }

  .mb-md-26,
.my-md-26 {
    margin-bottom: 1.625rem !important;
  }

  .ml-md-26,
.mx-md-26 {
    margin-left: 1.625rem !important;
  }

  .m-md-28 {
    margin: 1.75rem !important;
  }

  .mt-md-28,
.my-md-28 {
    margin-top: 1.75rem !important;
  }

  .mr-md-28,
.mx-md-28 {
    margin-right: 1.75rem !important;
  }

  .mb-md-28,
.my-md-28 {
    margin-bottom: 1.75rem !important;
  }

  .ml-md-28,
.mx-md-28 {
    margin-left: 1.75rem !important;
  }

  .m-md-32 {
    margin: 2rem !important;
  }

  .mt-md-32,
.my-md-32 {
    margin-top: 2rem !important;
  }

  .mr-md-32,
.mx-md-32 {
    margin-right: 2rem !important;
  }

  .mb-md-32,
.my-md-32 {
    margin-bottom: 2rem !important;
  }

  .ml-md-32,
.mx-md-32 {
    margin-left: 2rem !important;
  }

  .m-md-36 {
    margin: 2.25rem !important;
  }

  .mt-md-36,
.my-md-36 {
    margin-top: 2.25rem !important;
  }

  .mr-md-36,
.mx-md-36 {
    margin-right: 2.25rem !important;
  }

  .mb-md-36,
.my-md-36 {
    margin-bottom: 2.25rem !important;
  }

  .ml-md-36,
.mx-md-36 {
    margin-left: 2.25rem !important;
  }

  .m-md-40 {
    margin: 2.5rem !important;
  }

  .mt-md-40,
.my-md-40 {
    margin-top: 2.5rem !important;
  }

  .mr-md-40,
.mx-md-40 {
    margin-right: 2.5rem !important;
  }

  .mb-md-40,
.my-md-40 {
    margin-bottom: 2.5rem !important;
  }

  .ml-md-40,
.mx-md-40 {
    margin-left: 2.5rem !important;
  }

  .m-md-44 {
    margin: 2.75rem !important;
  }

  .mt-md-44,
.my-md-44 {
    margin-top: 2.75rem !important;
  }

  .mr-md-44,
.mx-md-44 {
    margin-right: 2.75rem !important;
  }

  .mb-md-44,
.my-md-44 {
    margin-bottom: 2.75rem !important;
  }

  .ml-md-44,
.mx-md-44 {
    margin-left: 2.75rem !important;
  }

  .m-md-48 {
    margin: 3rem !important;
  }

  .mt-md-48,
.my-md-48 {
    margin-top: 3rem !important;
  }

  .mr-md-48,
.mx-md-48 {
    margin-right: 3rem !important;
  }

  .mb-md-48,
.my-md-48 {
    margin-bottom: 3rem !important;
  }

  .ml-md-48,
.mx-md-48 {
    margin-left: 3rem !important;
  }

  .m-md-52 {
    margin: 3.25rem !important;
  }

  .mt-md-52,
.my-md-52 {
    margin-top: 3.25rem !important;
  }

  .mr-md-52,
.mx-md-52 {
    margin-right: 3.25rem !important;
  }

  .mb-md-52,
.my-md-52 {
    margin-bottom: 3.25rem !important;
  }

  .ml-md-52,
.mx-md-52 {
    margin-left: 3.25rem !important;
  }

  .m-md-56 {
    margin: 3.5rem !important;
  }

  .mt-md-56,
.my-md-56 {
    margin-top: 3.5rem !important;
  }

  .mr-md-56,
.mx-md-56 {
    margin-right: 3.5rem !important;
  }

  .mb-md-56,
.my-md-56 {
    margin-bottom: 3.5rem !important;
  }

  .ml-md-56,
.mx-md-56 {
    margin-left: 3.5rem !important;
  }

  .m-md-60 {
    margin: 3.75rem !important;
  }

  .mt-md-60,
.my-md-60 {
    margin-top: 3.75rem !important;
  }

  .mr-md-60,
.mx-md-60 {
    margin-right: 3.75rem !important;
  }

  .mb-md-60,
.my-md-60 {
    margin-bottom: 3.75rem !important;
  }

  .ml-md-60,
.mx-md-60 {
    margin-left: 3.75rem !important;
  }

  .m-md-64 {
    margin: 4rem !important;
  }

  .mt-md-64,
.my-md-64 {
    margin-top: 4rem !important;
  }

  .mr-md-64,
.mx-md-64 {
    margin-right: 4rem !important;
  }

  .mb-md-64,
.my-md-64 {
    margin-bottom: 4rem !important;
  }

  .ml-md-64,
.mx-md-64 {
    margin-left: 4rem !important;
  }

  .m-md-68 {
    margin: 4.25rem !important;
  }

  .mt-md-68,
.my-md-68 {
    margin-top: 4.25rem !important;
  }

  .mr-md-68,
.mx-md-68 {
    margin-right: 4.25rem !important;
  }

  .mb-md-68,
.my-md-68 {
    margin-bottom: 4.25rem !important;
  }

  .ml-md-68,
.mx-md-68 {
    margin-left: 4.25rem !important;
  }

  .m-md-72 {
    margin: 4.5rem !important;
  }

  .mt-md-72,
.my-md-72 {
    margin-top: 4.5rem !important;
  }

  .mr-md-72,
.mx-md-72 {
    margin-right: 4.5rem !important;
  }

  .mb-md-72,
.my-md-72 {
    margin-bottom: 4.5rem !important;
  }

  .ml-md-72,
.mx-md-72 {
    margin-left: 4.5rem !important;
  }

  .m-md-76 {
    margin: 5.42rem !important;
  }

  .mt-md-76,
.my-md-76 {
    margin-top: 5.42rem !important;
  }

  .mr-md-76,
.mx-md-76 {
    margin-right: 5.42rem !important;
  }

  .mb-md-76,
.my-md-76 {
    margin-bottom: 5.42rem !important;
  }

  .ml-md-76,
.mx-md-76 {
    margin-left: 5.42rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.0625rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.0625rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.0625rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.0625rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.0625rem !important;
  }

  .p-md-2 {
    padding: 0.125rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.125rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.125rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.125rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.125rem !important;
  }

  .p-md-4 {
    padding: 0.25rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 0.25rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 0.25rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 0.25rem !important;
  }

  .p-md-6 {
    padding: 0.375rem !important;
  }

  .pt-md-6,
.py-md-6 {
    padding-top: 0.375rem !important;
  }

  .pr-md-6,
.px-md-6 {
    padding-right: 0.375rem !important;
  }

  .pb-md-6,
.py-md-6 {
    padding-bottom: 0.375rem !important;
  }

  .pl-md-6,
.px-md-6 {
    padding-left: 0.375rem !important;
  }

  .p-md-8 {
    padding: 0.5rem !important;
  }

  .pt-md-8,
.py-md-8 {
    padding-top: 0.5rem !important;
  }

  .pr-md-8,
.px-md-8 {
    padding-right: 0.5rem !important;
  }

  .pb-md-8,
.py-md-8 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-8,
.px-md-8 {
    padding-left: 0.5rem !important;
  }

  .p-md-12 {
    padding: 0.75rem !important;
  }

  .pt-md-12,
.py-md-12 {
    padding-top: 0.75rem !important;
  }

  .pr-md-12,
.px-md-12 {
    padding-right: 0.75rem !important;
  }

  .pb-md-12,
.py-md-12 {
    padding-bottom: 0.75rem !important;
  }

  .pl-md-12,
.px-md-12 {
    padding-left: 0.75rem !important;
  }

  .p-md-14 {
    padding: 0.875rem !important;
  }

  .pt-md-14,
.py-md-14 {
    padding-top: 0.875rem !important;
  }

  .pr-md-14,
.px-md-14 {
    padding-right: 0.875rem !important;
  }

  .pb-md-14,
.py-md-14 {
    padding-bottom: 0.875rem !important;
  }

  .pl-md-14,
.px-md-14 {
    padding-left: 0.875rem !important;
  }

  .p-md-16 {
    padding: 1rem !important;
  }

  .pt-md-16,
.py-md-16 {
    padding-top: 1rem !important;
  }

  .pr-md-16,
.px-md-16 {
    padding-right: 1rem !important;
  }

  .pb-md-16,
.py-md-16 {
    padding-bottom: 1rem !important;
  }

  .pl-md-16,
.px-md-16 {
    padding-left: 1rem !important;
  }

  .p-md-20 {
    padding: 1.25rem !important;
  }

  .pt-md-20,
.py-md-20 {
    padding-top: 1.25rem !important;
  }

  .pr-md-20,
.px-md-20 {
    padding-right: 1.25rem !important;
  }

  .pb-md-20,
.py-md-20 {
    padding-bottom: 1.25rem !important;
  }

  .pl-md-20,
.px-md-20 {
    padding-left: 1.25rem !important;
  }

  .p-md-24 {
    padding: 1.5rem !important;
  }

  .pt-md-24,
.py-md-24 {
    padding-top: 1.5rem !important;
  }

  .pr-md-24,
.px-md-24 {
    padding-right: 1.5rem !important;
  }

  .pb-md-24,
.py-md-24 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-24,
.px-md-24 {
    padding-left: 1.5rem !important;
  }

  .p-md-26 {
    padding: 1.625rem !important;
  }

  .pt-md-26,
.py-md-26 {
    padding-top: 1.625rem !important;
  }

  .pr-md-26,
.px-md-26 {
    padding-right: 1.625rem !important;
  }

  .pb-md-26,
.py-md-26 {
    padding-bottom: 1.625rem !important;
  }

  .pl-md-26,
.px-md-26 {
    padding-left: 1.625rem !important;
  }

  .p-md-28 {
    padding: 1.75rem !important;
  }

  .pt-md-28,
.py-md-28 {
    padding-top: 1.75rem !important;
  }

  .pr-md-28,
.px-md-28 {
    padding-right: 1.75rem !important;
  }

  .pb-md-28,
.py-md-28 {
    padding-bottom: 1.75rem !important;
  }

  .pl-md-28,
.px-md-28 {
    padding-left: 1.75rem !important;
  }

  .p-md-32 {
    padding: 2rem !important;
  }

  .pt-md-32,
.py-md-32 {
    padding-top: 2rem !important;
  }

  .pr-md-32,
.px-md-32 {
    padding-right: 2rem !important;
  }

  .pb-md-32,
.py-md-32 {
    padding-bottom: 2rem !important;
  }

  .pl-md-32,
.px-md-32 {
    padding-left: 2rem !important;
  }

  .p-md-36 {
    padding: 2.25rem !important;
  }

  .pt-md-36,
.py-md-36 {
    padding-top: 2.25rem !important;
  }

  .pr-md-36,
.px-md-36 {
    padding-right: 2.25rem !important;
  }

  .pb-md-36,
.py-md-36 {
    padding-bottom: 2.25rem !important;
  }

  .pl-md-36,
.px-md-36 {
    padding-left: 2.25rem !important;
  }

  .p-md-40 {
    padding: 2.5rem !important;
  }

  .pt-md-40,
.py-md-40 {
    padding-top: 2.5rem !important;
  }

  .pr-md-40,
.px-md-40 {
    padding-right: 2.5rem !important;
  }

  .pb-md-40,
.py-md-40 {
    padding-bottom: 2.5rem !important;
  }

  .pl-md-40,
.px-md-40 {
    padding-left: 2.5rem !important;
  }

  .p-md-44 {
    padding: 2.75rem !important;
  }

  .pt-md-44,
.py-md-44 {
    padding-top: 2.75rem !important;
  }

  .pr-md-44,
.px-md-44 {
    padding-right: 2.75rem !important;
  }

  .pb-md-44,
.py-md-44 {
    padding-bottom: 2.75rem !important;
  }

  .pl-md-44,
.px-md-44 {
    padding-left: 2.75rem !important;
  }

  .p-md-48 {
    padding: 3rem !important;
  }

  .pt-md-48,
.py-md-48 {
    padding-top: 3rem !important;
  }

  .pr-md-48,
.px-md-48 {
    padding-right: 3rem !important;
  }

  .pb-md-48,
.py-md-48 {
    padding-bottom: 3rem !important;
  }

  .pl-md-48,
.px-md-48 {
    padding-left: 3rem !important;
  }

  .p-md-52 {
    padding: 3.25rem !important;
  }

  .pt-md-52,
.py-md-52 {
    padding-top: 3.25rem !important;
  }

  .pr-md-52,
.px-md-52 {
    padding-right: 3.25rem !important;
  }

  .pb-md-52,
.py-md-52 {
    padding-bottom: 3.25rem !important;
  }

  .pl-md-52,
.px-md-52 {
    padding-left: 3.25rem !important;
  }

  .p-md-56 {
    padding: 3.5rem !important;
  }

  .pt-md-56,
.py-md-56 {
    padding-top: 3.5rem !important;
  }

  .pr-md-56,
.px-md-56 {
    padding-right: 3.5rem !important;
  }

  .pb-md-56,
.py-md-56 {
    padding-bottom: 3.5rem !important;
  }

  .pl-md-56,
.px-md-56 {
    padding-left: 3.5rem !important;
  }

  .p-md-60 {
    padding: 3.75rem !important;
  }

  .pt-md-60,
.py-md-60 {
    padding-top: 3.75rem !important;
  }

  .pr-md-60,
.px-md-60 {
    padding-right: 3.75rem !important;
  }

  .pb-md-60,
.py-md-60 {
    padding-bottom: 3.75rem !important;
  }

  .pl-md-60,
.px-md-60 {
    padding-left: 3.75rem !important;
  }

  .p-md-64 {
    padding: 4rem !important;
  }

  .pt-md-64,
.py-md-64 {
    padding-top: 4rem !important;
  }

  .pr-md-64,
.px-md-64 {
    padding-right: 4rem !important;
  }

  .pb-md-64,
.py-md-64 {
    padding-bottom: 4rem !important;
  }

  .pl-md-64,
.px-md-64 {
    padding-left: 4rem !important;
  }

  .p-md-68 {
    padding: 4.25rem !important;
  }

  .pt-md-68,
.py-md-68 {
    padding-top: 4.25rem !important;
  }

  .pr-md-68,
.px-md-68 {
    padding-right: 4.25rem !important;
  }

  .pb-md-68,
.py-md-68 {
    padding-bottom: 4.25rem !important;
  }

  .pl-md-68,
.px-md-68 {
    padding-left: 4.25rem !important;
  }

  .p-md-72 {
    padding: 4.5rem !important;
  }

  .pt-md-72,
.py-md-72 {
    padding-top: 4.5rem !important;
  }

  .pr-md-72,
.px-md-72 {
    padding-right: 4.5rem !important;
  }

  .pb-md-72,
.py-md-72 {
    padding-bottom: 4.5rem !important;
  }

  .pl-md-72,
.px-md-72 {
    padding-left: 4.5rem !important;
  }

  .p-md-76 {
    padding: 5.42rem !important;
  }

  .pt-md-76,
.py-md-76 {
    padding-top: 5.42rem !important;
  }

  .pr-md-76,
.px-md-76 {
    padding-right: 5.42rem !important;
  }

  .pb-md-76,
.py-md-76 {
    padding-bottom: 5.42rem !important;
  }

  .pl-md-76,
.px-md-76 {
    padding-left: 5.42rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.0625rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.0625rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.0625rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.0625rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.0625rem !important;
  }

  .m-lg-2 {
    margin: 0.125rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.125rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.125rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.125rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.125rem !important;
  }

  .m-lg-4 {
    margin: 0.25rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 0.25rem !important;
  }

  .m-lg-6 {
    margin: 0.375rem !important;
  }

  .mt-lg-6,
.my-lg-6 {
    margin-top: 0.375rem !important;
  }

  .mr-lg-6,
.mx-lg-6 {
    margin-right: 0.375rem !important;
  }

  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 0.375rem !important;
  }

  .ml-lg-6,
.mx-lg-6 {
    margin-left: 0.375rem !important;
  }

  .m-lg-8 {
    margin: 0.5rem !important;
  }

  .mt-lg-8,
.my-lg-8 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-8,
.mx-lg-8 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-8,
.my-lg-8 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-8,
.mx-lg-8 {
    margin-left: 0.5rem !important;
  }

  .m-lg-12 {
    margin: 0.75rem !important;
  }

  .mt-lg-12,
.my-lg-12 {
    margin-top: 0.75rem !important;
  }

  .mr-lg-12,
.mx-lg-12 {
    margin-right: 0.75rem !important;
  }

  .mb-lg-12,
.my-lg-12 {
    margin-bottom: 0.75rem !important;
  }

  .ml-lg-12,
.mx-lg-12 {
    margin-left: 0.75rem !important;
  }

  .m-lg-14 {
    margin: 0.875rem !important;
  }

  .mt-lg-14,
.my-lg-14 {
    margin-top: 0.875rem !important;
  }

  .mr-lg-14,
.mx-lg-14 {
    margin-right: 0.875rem !important;
  }

  .mb-lg-14,
.my-lg-14 {
    margin-bottom: 0.875rem !important;
  }

  .ml-lg-14,
.mx-lg-14 {
    margin-left: 0.875rem !important;
  }

  .m-lg-16 {
    margin: 1rem !important;
  }

  .mt-lg-16,
.my-lg-16 {
    margin-top: 1rem !important;
  }

  .mr-lg-16,
.mx-lg-16 {
    margin-right: 1rem !important;
  }

  .mb-lg-16,
.my-lg-16 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-16,
.mx-lg-16 {
    margin-left: 1rem !important;
  }

  .m-lg-20 {
    margin: 1.25rem !important;
  }

  .mt-lg-20,
.my-lg-20 {
    margin-top: 1.25rem !important;
  }

  .mr-lg-20,
.mx-lg-20 {
    margin-right: 1.25rem !important;
  }

  .mb-lg-20,
.my-lg-20 {
    margin-bottom: 1.25rem !important;
  }

  .ml-lg-20,
.mx-lg-20 {
    margin-left: 1.25rem !important;
  }

  .m-lg-24 {
    margin: 1.5rem !important;
  }

  .mt-lg-24,
.my-lg-24 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-24,
.mx-lg-24 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-24,
.my-lg-24 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-24,
.mx-lg-24 {
    margin-left: 1.5rem !important;
  }

  .m-lg-26 {
    margin: 1.625rem !important;
  }

  .mt-lg-26,
.my-lg-26 {
    margin-top: 1.625rem !important;
  }

  .mr-lg-26,
.mx-lg-26 {
    margin-right: 1.625rem !important;
  }

  .mb-lg-26,
.my-lg-26 {
    margin-bottom: 1.625rem !important;
  }

  .ml-lg-26,
.mx-lg-26 {
    margin-left: 1.625rem !important;
  }

  .m-lg-28 {
    margin: 1.75rem !important;
  }

  .mt-lg-28,
.my-lg-28 {
    margin-top: 1.75rem !important;
  }

  .mr-lg-28,
.mx-lg-28 {
    margin-right: 1.75rem !important;
  }

  .mb-lg-28,
.my-lg-28 {
    margin-bottom: 1.75rem !important;
  }

  .ml-lg-28,
.mx-lg-28 {
    margin-left: 1.75rem !important;
  }

  .m-lg-32 {
    margin: 2rem !important;
  }

  .mt-lg-32,
.my-lg-32 {
    margin-top: 2rem !important;
  }

  .mr-lg-32,
.mx-lg-32 {
    margin-right: 2rem !important;
  }

  .mb-lg-32,
.my-lg-32 {
    margin-bottom: 2rem !important;
  }

  .ml-lg-32,
.mx-lg-32 {
    margin-left: 2rem !important;
  }

  .m-lg-36 {
    margin: 2.25rem !important;
  }

  .mt-lg-36,
.my-lg-36 {
    margin-top: 2.25rem !important;
  }

  .mr-lg-36,
.mx-lg-36 {
    margin-right: 2.25rem !important;
  }

  .mb-lg-36,
.my-lg-36 {
    margin-bottom: 2.25rem !important;
  }

  .ml-lg-36,
.mx-lg-36 {
    margin-left: 2.25rem !important;
  }

  .m-lg-40 {
    margin: 2.5rem !important;
  }

  .mt-lg-40,
.my-lg-40 {
    margin-top: 2.5rem !important;
  }

  .mr-lg-40,
.mx-lg-40 {
    margin-right: 2.5rem !important;
  }

  .mb-lg-40,
.my-lg-40 {
    margin-bottom: 2.5rem !important;
  }

  .ml-lg-40,
.mx-lg-40 {
    margin-left: 2.5rem !important;
  }

  .m-lg-44 {
    margin: 2.75rem !important;
  }

  .mt-lg-44,
.my-lg-44 {
    margin-top: 2.75rem !important;
  }

  .mr-lg-44,
.mx-lg-44 {
    margin-right: 2.75rem !important;
  }

  .mb-lg-44,
.my-lg-44 {
    margin-bottom: 2.75rem !important;
  }

  .ml-lg-44,
.mx-lg-44 {
    margin-left: 2.75rem !important;
  }

  .m-lg-48 {
    margin: 3rem !important;
  }

  .mt-lg-48,
.my-lg-48 {
    margin-top: 3rem !important;
  }

  .mr-lg-48,
.mx-lg-48 {
    margin-right: 3rem !important;
  }

  .mb-lg-48,
.my-lg-48 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-48,
.mx-lg-48 {
    margin-left: 3rem !important;
  }

  .m-lg-52 {
    margin: 3.25rem !important;
  }

  .mt-lg-52,
.my-lg-52 {
    margin-top: 3.25rem !important;
  }

  .mr-lg-52,
.mx-lg-52 {
    margin-right: 3.25rem !important;
  }

  .mb-lg-52,
.my-lg-52 {
    margin-bottom: 3.25rem !important;
  }

  .ml-lg-52,
.mx-lg-52 {
    margin-left: 3.25rem !important;
  }

  .m-lg-56 {
    margin: 3.5rem !important;
  }

  .mt-lg-56,
.my-lg-56 {
    margin-top: 3.5rem !important;
  }

  .mr-lg-56,
.mx-lg-56 {
    margin-right: 3.5rem !important;
  }

  .mb-lg-56,
.my-lg-56 {
    margin-bottom: 3.5rem !important;
  }

  .ml-lg-56,
.mx-lg-56 {
    margin-left: 3.5rem !important;
  }

  .m-lg-60 {
    margin: 3.75rem !important;
  }

  .mt-lg-60,
.my-lg-60 {
    margin-top: 3.75rem !important;
  }

  .mr-lg-60,
.mx-lg-60 {
    margin-right: 3.75rem !important;
  }

  .mb-lg-60,
.my-lg-60 {
    margin-bottom: 3.75rem !important;
  }

  .ml-lg-60,
.mx-lg-60 {
    margin-left: 3.75rem !important;
  }

  .m-lg-64 {
    margin: 4rem !important;
  }

  .mt-lg-64,
.my-lg-64 {
    margin-top: 4rem !important;
  }

  .mr-lg-64,
.mx-lg-64 {
    margin-right: 4rem !important;
  }

  .mb-lg-64,
.my-lg-64 {
    margin-bottom: 4rem !important;
  }

  .ml-lg-64,
.mx-lg-64 {
    margin-left: 4rem !important;
  }

  .m-lg-68 {
    margin: 4.25rem !important;
  }

  .mt-lg-68,
.my-lg-68 {
    margin-top: 4.25rem !important;
  }

  .mr-lg-68,
.mx-lg-68 {
    margin-right: 4.25rem !important;
  }

  .mb-lg-68,
.my-lg-68 {
    margin-bottom: 4.25rem !important;
  }

  .ml-lg-68,
.mx-lg-68 {
    margin-left: 4.25rem !important;
  }

  .m-lg-72 {
    margin: 4.5rem !important;
  }

  .mt-lg-72,
.my-lg-72 {
    margin-top: 4.5rem !important;
  }

  .mr-lg-72,
.mx-lg-72 {
    margin-right: 4.5rem !important;
  }

  .mb-lg-72,
.my-lg-72 {
    margin-bottom: 4.5rem !important;
  }

  .ml-lg-72,
.mx-lg-72 {
    margin-left: 4.5rem !important;
  }

  .m-lg-76 {
    margin: 5.42rem !important;
  }

  .mt-lg-76,
.my-lg-76 {
    margin-top: 5.42rem !important;
  }

  .mr-lg-76,
.mx-lg-76 {
    margin-right: 5.42rem !important;
  }

  .mb-lg-76,
.my-lg-76 {
    margin-bottom: 5.42rem !important;
  }

  .ml-lg-76,
.mx-lg-76 {
    margin-left: 5.42rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.0625rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.0625rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.0625rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.0625rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.0625rem !important;
  }

  .p-lg-2 {
    padding: 0.125rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.125rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.125rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.125rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.125rem !important;
  }

  .p-lg-4 {
    padding: 0.25rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 0.25rem !important;
  }

  .p-lg-6 {
    padding: 0.375rem !important;
  }

  .pt-lg-6,
.py-lg-6 {
    padding-top: 0.375rem !important;
  }

  .pr-lg-6,
.px-lg-6 {
    padding-right: 0.375rem !important;
  }

  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 0.375rem !important;
  }

  .pl-lg-6,
.px-lg-6 {
    padding-left: 0.375rem !important;
  }

  .p-lg-8 {
    padding: 0.5rem !important;
  }

  .pt-lg-8,
.py-lg-8 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-8,
.px-lg-8 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-8,
.py-lg-8 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-8,
.px-lg-8 {
    padding-left: 0.5rem !important;
  }

  .p-lg-12 {
    padding: 0.75rem !important;
  }

  .pt-lg-12,
.py-lg-12 {
    padding-top: 0.75rem !important;
  }

  .pr-lg-12,
.px-lg-12 {
    padding-right: 0.75rem !important;
  }

  .pb-lg-12,
.py-lg-12 {
    padding-bottom: 0.75rem !important;
  }

  .pl-lg-12,
.px-lg-12 {
    padding-left: 0.75rem !important;
  }

  .p-lg-14 {
    padding: 0.875rem !important;
  }

  .pt-lg-14,
.py-lg-14 {
    padding-top: 0.875rem !important;
  }

  .pr-lg-14,
.px-lg-14 {
    padding-right: 0.875rem !important;
  }

  .pb-lg-14,
.py-lg-14 {
    padding-bottom: 0.875rem !important;
  }

  .pl-lg-14,
.px-lg-14 {
    padding-left: 0.875rem !important;
  }

  .p-lg-16 {
    padding: 1rem !important;
  }

  .pt-lg-16,
.py-lg-16 {
    padding-top: 1rem !important;
  }

  .pr-lg-16,
.px-lg-16 {
    padding-right: 1rem !important;
  }

  .pb-lg-16,
.py-lg-16 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-16,
.px-lg-16 {
    padding-left: 1rem !important;
  }

  .p-lg-20 {
    padding: 1.25rem !important;
  }

  .pt-lg-20,
.py-lg-20 {
    padding-top: 1.25rem !important;
  }

  .pr-lg-20,
.px-lg-20 {
    padding-right: 1.25rem !important;
  }

  .pb-lg-20,
.py-lg-20 {
    padding-bottom: 1.25rem !important;
  }

  .pl-lg-20,
.px-lg-20 {
    padding-left: 1.25rem !important;
  }

  .p-lg-24 {
    padding: 1.5rem !important;
  }

  .pt-lg-24,
.py-lg-24 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-24,
.px-lg-24 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-24,
.py-lg-24 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-24,
.px-lg-24 {
    padding-left: 1.5rem !important;
  }

  .p-lg-26 {
    padding: 1.625rem !important;
  }

  .pt-lg-26,
.py-lg-26 {
    padding-top: 1.625rem !important;
  }

  .pr-lg-26,
.px-lg-26 {
    padding-right: 1.625rem !important;
  }

  .pb-lg-26,
.py-lg-26 {
    padding-bottom: 1.625rem !important;
  }

  .pl-lg-26,
.px-lg-26 {
    padding-left: 1.625rem !important;
  }

  .p-lg-28 {
    padding: 1.75rem !important;
  }

  .pt-lg-28,
.py-lg-28 {
    padding-top: 1.75rem !important;
  }

  .pr-lg-28,
.px-lg-28 {
    padding-right: 1.75rem !important;
  }

  .pb-lg-28,
.py-lg-28 {
    padding-bottom: 1.75rem !important;
  }

  .pl-lg-28,
.px-lg-28 {
    padding-left: 1.75rem !important;
  }

  .p-lg-32 {
    padding: 2rem !important;
  }

  .pt-lg-32,
.py-lg-32 {
    padding-top: 2rem !important;
  }

  .pr-lg-32,
.px-lg-32 {
    padding-right: 2rem !important;
  }

  .pb-lg-32,
.py-lg-32 {
    padding-bottom: 2rem !important;
  }

  .pl-lg-32,
.px-lg-32 {
    padding-left: 2rem !important;
  }

  .p-lg-36 {
    padding: 2.25rem !important;
  }

  .pt-lg-36,
.py-lg-36 {
    padding-top: 2.25rem !important;
  }

  .pr-lg-36,
.px-lg-36 {
    padding-right: 2.25rem !important;
  }

  .pb-lg-36,
.py-lg-36 {
    padding-bottom: 2.25rem !important;
  }

  .pl-lg-36,
.px-lg-36 {
    padding-left: 2.25rem !important;
  }

  .p-lg-40 {
    padding: 2.5rem !important;
  }

  .pt-lg-40,
.py-lg-40 {
    padding-top: 2.5rem !important;
  }

  .pr-lg-40,
.px-lg-40 {
    padding-right: 2.5rem !important;
  }

  .pb-lg-40,
.py-lg-40 {
    padding-bottom: 2.5rem !important;
  }

  .pl-lg-40,
.px-lg-40 {
    padding-left: 2.5rem !important;
  }

  .p-lg-44 {
    padding: 2.75rem !important;
  }

  .pt-lg-44,
.py-lg-44 {
    padding-top: 2.75rem !important;
  }

  .pr-lg-44,
.px-lg-44 {
    padding-right: 2.75rem !important;
  }

  .pb-lg-44,
.py-lg-44 {
    padding-bottom: 2.75rem !important;
  }

  .pl-lg-44,
.px-lg-44 {
    padding-left: 2.75rem !important;
  }

  .p-lg-48 {
    padding: 3rem !important;
  }

  .pt-lg-48,
.py-lg-48 {
    padding-top: 3rem !important;
  }

  .pr-lg-48,
.px-lg-48 {
    padding-right: 3rem !important;
  }

  .pb-lg-48,
.py-lg-48 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-48,
.px-lg-48 {
    padding-left: 3rem !important;
  }

  .p-lg-52 {
    padding: 3.25rem !important;
  }

  .pt-lg-52,
.py-lg-52 {
    padding-top: 3.25rem !important;
  }

  .pr-lg-52,
.px-lg-52 {
    padding-right: 3.25rem !important;
  }

  .pb-lg-52,
.py-lg-52 {
    padding-bottom: 3.25rem !important;
  }

  .pl-lg-52,
.px-lg-52 {
    padding-left: 3.25rem !important;
  }

  .p-lg-56 {
    padding: 3.5rem !important;
  }

  .pt-lg-56,
.py-lg-56 {
    padding-top: 3.5rem !important;
  }

  .pr-lg-56,
.px-lg-56 {
    padding-right: 3.5rem !important;
  }

  .pb-lg-56,
.py-lg-56 {
    padding-bottom: 3.5rem !important;
  }

  .pl-lg-56,
.px-lg-56 {
    padding-left: 3.5rem !important;
  }

  .p-lg-60 {
    padding: 3.75rem !important;
  }

  .pt-lg-60,
.py-lg-60 {
    padding-top: 3.75rem !important;
  }

  .pr-lg-60,
.px-lg-60 {
    padding-right: 3.75rem !important;
  }

  .pb-lg-60,
.py-lg-60 {
    padding-bottom: 3.75rem !important;
  }

  .pl-lg-60,
.px-lg-60 {
    padding-left: 3.75rem !important;
  }

  .p-lg-64 {
    padding: 4rem !important;
  }

  .pt-lg-64,
.py-lg-64 {
    padding-top: 4rem !important;
  }

  .pr-lg-64,
.px-lg-64 {
    padding-right: 4rem !important;
  }

  .pb-lg-64,
.py-lg-64 {
    padding-bottom: 4rem !important;
  }

  .pl-lg-64,
.px-lg-64 {
    padding-left: 4rem !important;
  }

  .p-lg-68 {
    padding: 4.25rem !important;
  }

  .pt-lg-68,
.py-lg-68 {
    padding-top: 4.25rem !important;
  }

  .pr-lg-68,
.px-lg-68 {
    padding-right: 4.25rem !important;
  }

  .pb-lg-68,
.py-lg-68 {
    padding-bottom: 4.25rem !important;
  }

  .pl-lg-68,
.px-lg-68 {
    padding-left: 4.25rem !important;
  }

  .p-lg-72 {
    padding: 4.5rem !important;
  }

  .pt-lg-72,
.py-lg-72 {
    padding-top: 4.5rem !important;
  }

  .pr-lg-72,
.px-lg-72 {
    padding-right: 4.5rem !important;
  }

  .pb-lg-72,
.py-lg-72 {
    padding-bottom: 4.5rem !important;
  }

  .pl-lg-72,
.px-lg-72 {
    padding-left: 4.5rem !important;
  }

  .p-lg-76 {
    padding: 5.42rem !important;
  }

  .pt-lg-76,
.py-lg-76 {
    padding-top: 5.42rem !important;
  }

  .pr-lg-76,
.px-lg-76 {
    padding-right: 5.42rem !important;
  }

  .pb-lg-76,
.py-lg-76 {
    padding-bottom: 5.42rem !important;
  }

  .pl-lg-76,
.px-lg-76 {
    padding-left: 5.42rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.0625rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.0625rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.0625rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.0625rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.0625rem !important;
  }

  .m-xl-2 {
    margin: 0.125rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.125rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.125rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.125rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.125rem !important;
  }

  .m-xl-4 {
    margin: 0.25rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 0.25rem !important;
  }

  .m-xl-6 {
    margin: 0.375rem !important;
  }

  .mt-xl-6,
.my-xl-6 {
    margin-top: 0.375rem !important;
  }

  .mr-xl-6,
.mx-xl-6 {
    margin-right: 0.375rem !important;
  }

  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 0.375rem !important;
  }

  .ml-xl-6,
.mx-xl-6 {
    margin-left: 0.375rem !important;
  }

  .m-xl-8 {
    margin: 0.5rem !important;
  }

  .mt-xl-8,
.my-xl-8 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-8,
.mx-xl-8 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-8,
.my-xl-8 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-8,
.mx-xl-8 {
    margin-left: 0.5rem !important;
  }

  .m-xl-12 {
    margin: 0.75rem !important;
  }

  .mt-xl-12,
.my-xl-12 {
    margin-top: 0.75rem !important;
  }

  .mr-xl-12,
.mx-xl-12 {
    margin-right: 0.75rem !important;
  }

  .mb-xl-12,
.my-xl-12 {
    margin-bottom: 0.75rem !important;
  }

  .ml-xl-12,
.mx-xl-12 {
    margin-left: 0.75rem !important;
  }

  .m-xl-14 {
    margin: 0.875rem !important;
  }

  .mt-xl-14,
.my-xl-14 {
    margin-top: 0.875rem !important;
  }

  .mr-xl-14,
.mx-xl-14 {
    margin-right: 0.875rem !important;
  }

  .mb-xl-14,
.my-xl-14 {
    margin-bottom: 0.875rem !important;
  }

  .ml-xl-14,
.mx-xl-14 {
    margin-left: 0.875rem !important;
  }

  .m-xl-16 {
    margin: 1rem !important;
  }

  .mt-xl-16,
.my-xl-16 {
    margin-top: 1rem !important;
  }

  .mr-xl-16,
.mx-xl-16 {
    margin-right: 1rem !important;
  }

  .mb-xl-16,
.my-xl-16 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-16,
.mx-xl-16 {
    margin-left: 1rem !important;
  }

  .m-xl-20 {
    margin: 1.25rem !important;
  }

  .mt-xl-20,
.my-xl-20 {
    margin-top: 1.25rem !important;
  }

  .mr-xl-20,
.mx-xl-20 {
    margin-right: 1.25rem !important;
  }

  .mb-xl-20,
.my-xl-20 {
    margin-bottom: 1.25rem !important;
  }

  .ml-xl-20,
.mx-xl-20 {
    margin-left: 1.25rem !important;
  }

  .m-xl-24 {
    margin: 1.5rem !important;
  }

  .mt-xl-24,
.my-xl-24 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-24,
.mx-xl-24 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-24,
.my-xl-24 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-24,
.mx-xl-24 {
    margin-left: 1.5rem !important;
  }

  .m-xl-26 {
    margin: 1.625rem !important;
  }

  .mt-xl-26,
.my-xl-26 {
    margin-top: 1.625rem !important;
  }

  .mr-xl-26,
.mx-xl-26 {
    margin-right: 1.625rem !important;
  }

  .mb-xl-26,
.my-xl-26 {
    margin-bottom: 1.625rem !important;
  }

  .ml-xl-26,
.mx-xl-26 {
    margin-left: 1.625rem !important;
  }

  .m-xl-28 {
    margin: 1.75rem !important;
  }

  .mt-xl-28,
.my-xl-28 {
    margin-top: 1.75rem !important;
  }

  .mr-xl-28,
.mx-xl-28 {
    margin-right: 1.75rem !important;
  }

  .mb-xl-28,
.my-xl-28 {
    margin-bottom: 1.75rem !important;
  }

  .ml-xl-28,
.mx-xl-28 {
    margin-left: 1.75rem !important;
  }

  .m-xl-32 {
    margin: 2rem !important;
  }

  .mt-xl-32,
.my-xl-32 {
    margin-top: 2rem !important;
  }

  .mr-xl-32,
.mx-xl-32 {
    margin-right: 2rem !important;
  }

  .mb-xl-32,
.my-xl-32 {
    margin-bottom: 2rem !important;
  }

  .ml-xl-32,
.mx-xl-32 {
    margin-left: 2rem !important;
  }

  .m-xl-36 {
    margin: 2.25rem !important;
  }

  .mt-xl-36,
.my-xl-36 {
    margin-top: 2.25rem !important;
  }

  .mr-xl-36,
.mx-xl-36 {
    margin-right: 2.25rem !important;
  }

  .mb-xl-36,
.my-xl-36 {
    margin-bottom: 2.25rem !important;
  }

  .ml-xl-36,
.mx-xl-36 {
    margin-left: 2.25rem !important;
  }

  .m-xl-40 {
    margin: 2.5rem !important;
  }

  .mt-xl-40,
.my-xl-40 {
    margin-top: 2.5rem !important;
  }

  .mr-xl-40,
.mx-xl-40 {
    margin-right: 2.5rem !important;
  }

  .mb-xl-40,
.my-xl-40 {
    margin-bottom: 2.5rem !important;
  }

  .ml-xl-40,
.mx-xl-40 {
    margin-left: 2.5rem !important;
  }

  .m-xl-44 {
    margin: 2.75rem !important;
  }

  .mt-xl-44,
.my-xl-44 {
    margin-top: 2.75rem !important;
  }

  .mr-xl-44,
.mx-xl-44 {
    margin-right: 2.75rem !important;
  }

  .mb-xl-44,
.my-xl-44 {
    margin-bottom: 2.75rem !important;
  }

  .ml-xl-44,
.mx-xl-44 {
    margin-left: 2.75rem !important;
  }

  .m-xl-48 {
    margin: 3rem !important;
  }

  .mt-xl-48,
.my-xl-48 {
    margin-top: 3rem !important;
  }

  .mr-xl-48,
.mx-xl-48 {
    margin-right: 3rem !important;
  }

  .mb-xl-48,
.my-xl-48 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-48,
.mx-xl-48 {
    margin-left: 3rem !important;
  }

  .m-xl-52 {
    margin: 3.25rem !important;
  }

  .mt-xl-52,
.my-xl-52 {
    margin-top: 3.25rem !important;
  }

  .mr-xl-52,
.mx-xl-52 {
    margin-right: 3.25rem !important;
  }

  .mb-xl-52,
.my-xl-52 {
    margin-bottom: 3.25rem !important;
  }

  .ml-xl-52,
.mx-xl-52 {
    margin-left: 3.25rem !important;
  }

  .m-xl-56 {
    margin: 3.5rem !important;
  }

  .mt-xl-56,
.my-xl-56 {
    margin-top: 3.5rem !important;
  }

  .mr-xl-56,
.mx-xl-56 {
    margin-right: 3.5rem !important;
  }

  .mb-xl-56,
.my-xl-56 {
    margin-bottom: 3.5rem !important;
  }

  .ml-xl-56,
.mx-xl-56 {
    margin-left: 3.5rem !important;
  }

  .m-xl-60 {
    margin: 3.75rem !important;
  }

  .mt-xl-60,
.my-xl-60 {
    margin-top: 3.75rem !important;
  }

  .mr-xl-60,
.mx-xl-60 {
    margin-right: 3.75rem !important;
  }

  .mb-xl-60,
.my-xl-60 {
    margin-bottom: 3.75rem !important;
  }

  .ml-xl-60,
.mx-xl-60 {
    margin-left: 3.75rem !important;
  }

  .m-xl-64 {
    margin: 4rem !important;
  }

  .mt-xl-64,
.my-xl-64 {
    margin-top: 4rem !important;
  }

  .mr-xl-64,
.mx-xl-64 {
    margin-right: 4rem !important;
  }

  .mb-xl-64,
.my-xl-64 {
    margin-bottom: 4rem !important;
  }

  .ml-xl-64,
.mx-xl-64 {
    margin-left: 4rem !important;
  }

  .m-xl-68 {
    margin: 4.25rem !important;
  }

  .mt-xl-68,
.my-xl-68 {
    margin-top: 4.25rem !important;
  }

  .mr-xl-68,
.mx-xl-68 {
    margin-right: 4.25rem !important;
  }

  .mb-xl-68,
.my-xl-68 {
    margin-bottom: 4.25rem !important;
  }

  .ml-xl-68,
.mx-xl-68 {
    margin-left: 4.25rem !important;
  }

  .m-xl-72 {
    margin: 4.5rem !important;
  }

  .mt-xl-72,
.my-xl-72 {
    margin-top: 4.5rem !important;
  }

  .mr-xl-72,
.mx-xl-72 {
    margin-right: 4.5rem !important;
  }

  .mb-xl-72,
.my-xl-72 {
    margin-bottom: 4.5rem !important;
  }

  .ml-xl-72,
.mx-xl-72 {
    margin-left: 4.5rem !important;
  }

  .m-xl-76 {
    margin: 5.42rem !important;
  }

  .mt-xl-76,
.my-xl-76 {
    margin-top: 5.42rem !important;
  }

  .mr-xl-76,
.mx-xl-76 {
    margin-right: 5.42rem !important;
  }

  .mb-xl-76,
.my-xl-76 {
    margin-bottom: 5.42rem !important;
  }

  .ml-xl-76,
.mx-xl-76 {
    margin-left: 5.42rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.0625rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.0625rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.0625rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.0625rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.0625rem !important;
  }

  .p-xl-2 {
    padding: 0.125rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.125rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.125rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.125rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.125rem !important;
  }

  .p-xl-4 {
    padding: 0.25rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 0.25rem !important;
  }

  .p-xl-6 {
    padding: 0.375rem !important;
  }

  .pt-xl-6,
.py-xl-6 {
    padding-top: 0.375rem !important;
  }

  .pr-xl-6,
.px-xl-6 {
    padding-right: 0.375rem !important;
  }

  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 0.375rem !important;
  }

  .pl-xl-6,
.px-xl-6 {
    padding-left: 0.375rem !important;
  }

  .p-xl-8 {
    padding: 0.5rem !important;
  }

  .pt-xl-8,
.py-xl-8 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-8,
.px-xl-8 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-8,
.py-xl-8 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-8,
.px-xl-8 {
    padding-left: 0.5rem !important;
  }

  .p-xl-12 {
    padding: 0.75rem !important;
  }

  .pt-xl-12,
.py-xl-12 {
    padding-top: 0.75rem !important;
  }

  .pr-xl-12,
.px-xl-12 {
    padding-right: 0.75rem !important;
  }

  .pb-xl-12,
.py-xl-12 {
    padding-bottom: 0.75rem !important;
  }

  .pl-xl-12,
.px-xl-12 {
    padding-left: 0.75rem !important;
  }

  .p-xl-14 {
    padding: 0.875rem !important;
  }

  .pt-xl-14,
.py-xl-14 {
    padding-top: 0.875rem !important;
  }

  .pr-xl-14,
.px-xl-14 {
    padding-right: 0.875rem !important;
  }

  .pb-xl-14,
.py-xl-14 {
    padding-bottom: 0.875rem !important;
  }

  .pl-xl-14,
.px-xl-14 {
    padding-left: 0.875rem !important;
  }

  .p-xl-16 {
    padding: 1rem !important;
  }

  .pt-xl-16,
.py-xl-16 {
    padding-top: 1rem !important;
  }

  .pr-xl-16,
.px-xl-16 {
    padding-right: 1rem !important;
  }

  .pb-xl-16,
.py-xl-16 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-16,
.px-xl-16 {
    padding-left: 1rem !important;
  }

  .p-xl-20 {
    padding: 1.25rem !important;
  }

  .pt-xl-20,
.py-xl-20 {
    padding-top: 1.25rem !important;
  }

  .pr-xl-20,
.px-xl-20 {
    padding-right: 1.25rem !important;
  }

  .pb-xl-20,
.py-xl-20 {
    padding-bottom: 1.25rem !important;
  }

  .pl-xl-20,
.px-xl-20 {
    padding-left: 1.25rem !important;
  }

  .p-xl-24 {
    padding: 1.5rem !important;
  }

  .pt-xl-24,
.py-xl-24 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-24,
.px-xl-24 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-24,
.py-xl-24 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-24,
.px-xl-24 {
    padding-left: 1.5rem !important;
  }

  .p-xl-26 {
    padding: 1.625rem !important;
  }

  .pt-xl-26,
.py-xl-26 {
    padding-top: 1.625rem !important;
  }

  .pr-xl-26,
.px-xl-26 {
    padding-right: 1.625rem !important;
  }

  .pb-xl-26,
.py-xl-26 {
    padding-bottom: 1.625rem !important;
  }

  .pl-xl-26,
.px-xl-26 {
    padding-left: 1.625rem !important;
  }

  .p-xl-28 {
    padding: 1.75rem !important;
  }

  .pt-xl-28,
.py-xl-28 {
    padding-top: 1.75rem !important;
  }

  .pr-xl-28,
.px-xl-28 {
    padding-right: 1.75rem !important;
  }

  .pb-xl-28,
.py-xl-28 {
    padding-bottom: 1.75rem !important;
  }

  .pl-xl-28,
.px-xl-28 {
    padding-left: 1.75rem !important;
  }

  .p-xl-32 {
    padding: 2rem !important;
  }

  .pt-xl-32,
.py-xl-32 {
    padding-top: 2rem !important;
  }

  .pr-xl-32,
.px-xl-32 {
    padding-right: 2rem !important;
  }

  .pb-xl-32,
.py-xl-32 {
    padding-bottom: 2rem !important;
  }

  .pl-xl-32,
.px-xl-32 {
    padding-left: 2rem !important;
  }

  .p-xl-36 {
    padding: 2.25rem !important;
  }

  .pt-xl-36,
.py-xl-36 {
    padding-top: 2.25rem !important;
  }

  .pr-xl-36,
.px-xl-36 {
    padding-right: 2.25rem !important;
  }

  .pb-xl-36,
.py-xl-36 {
    padding-bottom: 2.25rem !important;
  }

  .pl-xl-36,
.px-xl-36 {
    padding-left: 2.25rem !important;
  }

  .p-xl-40 {
    padding: 2.5rem !important;
  }

  .pt-xl-40,
.py-xl-40 {
    padding-top: 2.5rem !important;
  }

  .pr-xl-40,
.px-xl-40 {
    padding-right: 2.5rem !important;
  }

  .pb-xl-40,
.py-xl-40 {
    padding-bottom: 2.5rem !important;
  }

  .pl-xl-40,
.px-xl-40 {
    padding-left: 2.5rem !important;
  }

  .p-xl-44 {
    padding: 2.75rem !important;
  }

  .pt-xl-44,
.py-xl-44 {
    padding-top: 2.75rem !important;
  }

  .pr-xl-44,
.px-xl-44 {
    padding-right: 2.75rem !important;
  }

  .pb-xl-44,
.py-xl-44 {
    padding-bottom: 2.75rem !important;
  }

  .pl-xl-44,
.px-xl-44 {
    padding-left: 2.75rem !important;
  }

  .p-xl-48 {
    padding: 3rem !important;
  }

  .pt-xl-48,
.py-xl-48 {
    padding-top: 3rem !important;
  }

  .pr-xl-48,
.px-xl-48 {
    padding-right: 3rem !important;
  }

  .pb-xl-48,
.py-xl-48 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-48,
.px-xl-48 {
    padding-left: 3rem !important;
  }

  .p-xl-52 {
    padding: 3.25rem !important;
  }

  .pt-xl-52,
.py-xl-52 {
    padding-top: 3.25rem !important;
  }

  .pr-xl-52,
.px-xl-52 {
    padding-right: 3.25rem !important;
  }

  .pb-xl-52,
.py-xl-52 {
    padding-bottom: 3.25rem !important;
  }

  .pl-xl-52,
.px-xl-52 {
    padding-left: 3.25rem !important;
  }

  .p-xl-56 {
    padding: 3.5rem !important;
  }

  .pt-xl-56,
.py-xl-56 {
    padding-top: 3.5rem !important;
  }

  .pr-xl-56,
.px-xl-56 {
    padding-right: 3.5rem !important;
  }

  .pb-xl-56,
.py-xl-56 {
    padding-bottom: 3.5rem !important;
  }

  .pl-xl-56,
.px-xl-56 {
    padding-left: 3.5rem !important;
  }

  .p-xl-60 {
    padding: 3.75rem !important;
  }

  .pt-xl-60,
.py-xl-60 {
    padding-top: 3.75rem !important;
  }

  .pr-xl-60,
.px-xl-60 {
    padding-right: 3.75rem !important;
  }

  .pb-xl-60,
.py-xl-60 {
    padding-bottom: 3.75rem !important;
  }

  .pl-xl-60,
.px-xl-60 {
    padding-left: 3.75rem !important;
  }

  .p-xl-64 {
    padding: 4rem !important;
  }

  .pt-xl-64,
.py-xl-64 {
    padding-top: 4rem !important;
  }

  .pr-xl-64,
.px-xl-64 {
    padding-right: 4rem !important;
  }

  .pb-xl-64,
.py-xl-64 {
    padding-bottom: 4rem !important;
  }

  .pl-xl-64,
.px-xl-64 {
    padding-left: 4rem !important;
  }

  .p-xl-68 {
    padding: 4.25rem !important;
  }

  .pt-xl-68,
.py-xl-68 {
    padding-top: 4.25rem !important;
  }

  .pr-xl-68,
.px-xl-68 {
    padding-right: 4.25rem !important;
  }

  .pb-xl-68,
.py-xl-68 {
    padding-bottom: 4.25rem !important;
  }

  .pl-xl-68,
.px-xl-68 {
    padding-left: 4.25rem !important;
  }

  .p-xl-72 {
    padding: 4.5rem !important;
  }

  .pt-xl-72,
.py-xl-72 {
    padding-top: 4.5rem !important;
  }

  .pr-xl-72,
.px-xl-72 {
    padding-right: 4.5rem !important;
  }

  .pb-xl-72,
.py-xl-72 {
    padding-bottom: 4.5rem !important;
  }

  .pl-xl-72,
.px-xl-72 {
    padding-left: 4.5rem !important;
  }

  .p-xl-76 {
    padding: 5.42rem !important;
  }

  .pt-xl-76,
.py-xl-76 {
    padding-top: 5.42rem !important;
  }

  .pr-xl-76,
.px-xl-76 {
    padding-right: 5.42rem !important;
  }

  .pb-xl-76,
.py-xl-76 {
    padding-bottom: 5.42rem !important;
  }

  .pl-xl-76,
.px-xl-76 {
    padding-left: 5.42rem !important;
  }
}
.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-through {
  text-decoration: line-through !important;
}

.font-italic {
  font-style: italic !important;
}

.text-justify {
  text-align: justify !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-justify {
    text-align: justify !important;
  }

  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-justify {
    text-align: justify !important;
  }

  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }

  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-justify {
    text-align: justify !important;
  }

  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
.text-blue {
  color: #0077D9;
}

.text-vt-blue {
  color: #79A2C3;
}

.text-light-blue {
  color: #EFF4FA;
}

.text-dark-blue {
  color: #376DAB;
}

.text-pink {
  color: #E4336B;
}

.text-light-pink {
  color: #FCEBF0;
}

.text-vt-orange {
  color: #F38268;
}

.text-dark-pink {
  color: #B21647;
}

.text-red {
  color: #C22828;
}

.text-light-red {
  color: #F9E9E9;
}

.text-dark-red {
  color: #8F0606;
}

.text-purple {
  color: #C750B4;
}

.text-light-purple {
  color: #FFD9F9;
}

.text-dark-purple {
  color: #991A85;
}

.text-black {
  color: #484848;
}

.text-dark-gray {
  color: #7F7F7F;
}

.text-gray {
  color: #B6B6B6;
}

.text-light-gray {
  color: #DADADA;
}

.text-white-gray {
  color: #F4F4F4;
}

.text-white {
  color: #ffffff;
}

.text-off-white {
  color: #FEFCF3;
}

.text-truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.text-truncate-1 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

@media (min-width: 576px) {
  .text-truncate-sm-1 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 768px) {
  .text-truncate-md-1 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 992px) {
  .text-truncate-lg-1 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 1200px) {
  .text-truncate-xl-1 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
.text-truncate-2 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (min-width: 576px) {
  .text-truncate-sm-2 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 768px) {
  .text-truncate-md-2 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 992px) {
  .text-truncate-lg-2 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media (min-width: 1200px) {
  .text-truncate-xl-2 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
.text-truncate-3 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

@media (min-width: 576px) {
  .text-truncate-sm-3 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 768px) {
  .text-truncate-md-3 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 992px) {
  .text-truncate-lg-3 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 1200px) {
  .text-truncate-xl-3 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}
.text-truncate-4 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

@media (min-width: 576px) {
  .text-truncate-sm-4 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 768px) {
  .text-truncate-md-4 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 992px) {
  .text-truncate-lg-4 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media (min-width: 1200px) {
  .text-truncate-xl-4 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
.text-truncate-5 {
  overflow: hidden !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

@media (min-width: 576px) {
  .text-truncate-sm-5 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
@media (min-width: 768px) {
  .text-truncate-md-5 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
@media (min-width: 992px) {
  .text-truncate-lg-5 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
@media (min-width: 1200px) {
  .text-truncate-xl-5 {
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}
.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media screen and (min-width: 0) {
  .visible-xs {
    visibility: visible !important;
  }

  .invisible-xs {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 576px) {
  .visible-sm {
    visibility: visible !important;
  }

  .invisible-sm {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 768px) {
  .visible-md {
    visibility: visible !important;
  }

  .invisible-md {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 992px) {
  .visible-lg {
    visibility: visible !important;
  }

  .invisible-lg {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1200px) {
  .visible-xl {
    visibility: visible !important;
  }

  .invisible-xl {
    visibility: hidden !important;
  }
}
.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-75 {
  width: 75%;
}

.w-100 {
  width: 100%;
}

.w-auto {
  width: auto;
}

.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-75 {
  height: 75%;
}

.h-100 {
  height: 100%;
}

.h-auto {
  height: auto;
}

@media (min-width: 576px) {
  .w-sm-25 {
    width: 25%;
  }

  .w-sm-50 {
    width: 50%;
  }

  .w-sm-75 {
    width: 75%;
  }

  .w-sm-100 {
    width: 100%;
  }

  .w-sm-auto {
    width: auto;
  }

  .h-sm-25 {
    height: 25%;
  }

  .h-sm-50 {
    height: 50%;
  }

  .h-sm-75 {
    height: 75%;
  }

  .h-sm-100 {
    height: 100%;
  }

  .h-sm-auto {
    height: auto;
  }
}
@media (min-width: 768px) {
  .w-md-25 {
    width: 25%;
  }

  .w-md-50 {
    width: 50%;
  }

  .w-md-75 {
    width: 75%;
  }

  .w-md-100 {
    width: 100%;
  }

  .w-md-auto {
    width: auto;
  }

  .h-md-25 {
    height: 25%;
  }

  .h-md-50 {
    height: 50%;
  }

  .h-md-75 {
    height: 75%;
  }

  .h-md-100 {
    height: 100%;
  }

  .h-md-auto {
    height: auto;
  }
}
@media (min-width: 992px) {
  .w-lg-25 {
    width: 25%;
  }

  .w-lg-50 {
    width: 50%;
  }

  .w-lg-75 {
    width: 75%;
  }

  .w-lg-100 {
    width: 100%;
  }

  .w-lg-auto {
    width: auto;
  }

  .h-lg-25 {
    height: 25%;
  }

  .h-lg-50 {
    height: 50%;
  }

  .h-lg-75 {
    height: 75%;
  }

  .h-lg-100 {
    height: 100%;
  }

  .h-lg-auto {
    height: auto;
  }
}
@media (min-width: 1200px) {
  .w-xl-25 {
    width: 25%;
  }

  .w-xl-50 {
    width: 50%;
  }

  .w-xl-75 {
    width: 75%;
  }

  .w-xl-100 {
    width: 100%;
  }

  .w-xl-auto {
    width: auto;
  }

  .h-xl-25 {
    height: 25%;
  }

  .h-xl-50 {
    height: 50%;
  }

  .h-xl-75 {
    height: 75%;
  }

  .h-xl-100 {
    height: 100%;
  }

  .h-xl-auto {
    height: auto;
  }
}
.cassette-card {
  background: #ffffff;
  border-radius: 0.25rem;
  height: 100%;
}
.cassette-card a, .cassette-card button {
  pointer-events: all;
}
.cassette-card .link-index-1 {
  z-index: 1;
}
.cassette-card .whole-card-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.cassette-card .card-header {
  width: 100%;
}
.cassette-card .card-header.full-width-header {
  width: 100%;
}
.cassette-card:hover {
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}
.cassette-card:hover .btn-primary {
  background-color: #376DAB;
}
.cassette-card:hover a.title {
  color: #376DAB;
}
.cassette-card .btn-primary {
  min-width: 160px;
}
.cassette-card .btn-primary:hover {
  color: #ffffff;
}
.cassette-card .bottom-info-fullwidth {
  width: 100%;
  z-index: 1;
  pointer-events: none;
}
.cassette-card .label-5 {
  width: max-content;
}
.cassette-card .lazyload-wrapper {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.cassette-card .key-label-left {
  left: -0.25rem;
  top: 0.25rem;
  padding: 0;
}
.cassette-card .key-label-left .label {
  margin-left: -0.125rem;
}
.cassette-card .key-label-right {
  left: 2.25rem;
  top: 0.5rem;
  background: transparent;
}
.cassette-card .special-label {
  border: 1px solid #E4336B;
  border-radius: 0.25rem;
  padding: 0 0.5rem;
  margin-top: 2px;
  min-width: 100px;
  letter-spacing: 0.01em;
  line-height: 1.3rem;
}
.cassette-card .special-label.label-1 {
  background: #ffffff;
  margin-right: 0.25rem;
  color: #E4336B;
}
.cassette-card .special-label.label-2 {
  background: #E4336B;
  color: #ffffff;
}
.cassette-card .card-content {
  width: 100%;
  padding: 0.5rem 0.75rem;
}
.cassette-card .card-content .reviews .star {
  margin-left: 0.125rem;
}
.cassette-card .card-content .reviews .star i {
  margin-left: -0.125rem;
}
.cassette-card .card-content .price-info {
  line-height: 0;
}
.cassette-card .card-content .price-details {
  display: block !important;
}
.cassette-card .card-content .mobile-price-details {
  display: flex !important;
}
.cassette-card .card-content.full-width-content {
  width: 100%;
}
.cassette-card .highlight-list {
  list-style: disc;
  padding-left: 0.75rem;
  margin: 0;
}
.cassette-card .vimage-slider .slick-prev,
.cassette-card .vimage-slider .slick-next {
  z-index: 2;
}
.cassette-card .vimage-slider .slick-prev i,
.cassette-card .vimage-slider .slick-next i {
  pointer-events: none;
}
.cassette-card .vimage-slider:hover .slick-prev,
.cassette-card .vimage-slider:hover .slick-next {
  background: #484848;
  border-radius: 100%;
  height: 32px;
  width: 32px;
  display: flex !important;
  opacity: 0.3;
  z-index: 2;
}
.cassette-card .vimage-slider:hover .slick-prev i,
.cassette-card .vimage-slider:hover .slick-next i {
  line-height: 1.7;
}
.cassette-card .vimage-slider:hover .slick-prev:before,
.cassette-card .vimage-slider:hover .slick-next:before {
  content: "";
}
.cassette-card .vimage-slider:hover .slick-prev:hover,
.cassette-card .vimage-slider:hover .slick-next:hover {
  opacity: 0.8;
}
.cassette-card .vimage-slider:hover .slick-prev {
  left: 0.5rem;
}
.cassette-card .vimage-slider:hover .slick-next {
  right: 0.5rem;
}
.cassette-card .btn-add-to-wishlist {
  padding: 12px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.cassette-card .btn-add-to-wishlist:disabled svg.default {
  display: none;
}
.cassette-card .btn-add-to-wishlist:disabled svg.disabled {
  display: block;
}
.cassette-card .btn-add-to-wishlist svg.disabled {
  display: none;
}

.cassette-card.portrait-card {
  border-radius: 1.5rem;
}
.cassette-card.portrait-card .special-label {
  border: none;
  border-radius: 3.125rem;
  padding: 0 0.75rem;
  height: 28px;
  min-width: 100px;
  margin-top: 0px;
  letter-spacing: 0.01em;
  line-height: 1.3rem;
}
.cassette-card.portrait-card .special-label.label-1 {
  background: #F9E9E9;
  margin-right: 0.25rem;
  color: #E4336B;
}
.cassette-card.portrait-card .key-label-left {
  background-color: #E4336B;
  left: 0.75rem;
  top: 0.75rem;
  width: 28px;
  height: 28px;
  border-radius: 100%;
}
.cassette-card.portrait-card .key-label-right {
  left: 2.5rem;
  top: 0.75rem;
  margin-left: 0.375rem;
  background: transparent;
}
.cassette-card.portrait-card .vimage-slider .slick-list {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.cassette-card.portrait-card .lazyload-wrapper {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 321px) {
  .cassette-card .card-content .price-details {
    display: flex !important;
  }
}
@media screen and (min-width: 1200px) {
  .cassette-card .card-header {
    width: 50%;
  }
  .cassette-card .lazyload-wrapper {
    border-radius: 0.25rem;
  }
  .cassette-card .card-content {
    width: 50%;
  }
  .cassette-card .card-content .price-details {
    display: inherit !important;
  }

  .cassette-card.portrait-card .vimage-slider .slick-list {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
  }
  .cassette-card.portrait-card .lazyload-wrapper {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
/* Firefox browser customize the image size for diff view */
@-moz-document url-prefix() {
  @media (min-width: 350px) and (max-width: 370px) {
    .cassette-card {
      /* Mobile View (Normal Phone) */
    }
    .cassette-card .card-header {
      max-width: 312px;
    }
    .cassette-card .card-content .reviews {
      width: 155px;
    }
  }
  @media (min-width: 371px) and (max-width: 400px) {
    .cassette-card {
      /* Mobile View (Iphone) */
    }
    .cassette-card .card-header {
      max-width: 327px;
    }
    .cassette-card .card-content .reviews {
      width: 140px;
    }
  }
  @media (min-width: 400px) and (max-width: 450px) {
    .cassette-card {
      /* Mobile View (Iphone plus) */
    }
    .cassette-card .card-header {
      max-width: 366px;
    }
  }
  @media (min-width: 451px) and (max-width: 766px) {
    .cassette-card {
      /* Mobile Horizontal view */
    }
    .cassette-card .card-header {
      max-width: 480px;
    }
  }
  @media (min-width: 767px) and (max-width: 992px) {
    .cassette-card {
      /* Ipad view */
    }
    .cassette-card .card-header {
      max-width: 608px;
    }
  }
  @media (min-width: 993px) and (max-width: 1200px) {
    .cassette-card {
      /* Ipad Pro view */
    }
    .cassette-card .card-header {
      max-width: 404px;
    }
  }
  @media (min-width: 1201px) and (max-width: 1439px) {
    .cassette-card {
      /* Small PC view */
    }
    .cassette-card .card-header {
      width: 100%;
      max-width: 322px;
    }
  }
  @media (min-width: 1440px) {
    .cassette-card {
      /* PC view */
    }
    .cassette-card .card-header {
      width: 100%;
      max-width: 322px;
    }
  }
  .cassette-card .card-content {
    width: 100%;
  }
  .cassette-card .special-label {
    padding: 0 0.75rem 0 0.25rem !important;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cassette-card .key-label-left .label {
    margin-left: -1.75rem !important;
    margin-top: -0.75rem !important;
  }
}
/*
***
* Independent styles for VELTRA Design System's Header & Footer v1.0
* Purpose:
* 1. to resolve class name conflict when integrate Header & Footer into old pages on current site.
* 2. to resolve styles conflict when integrate Header & Footer into old pages on current site.
***
***
*/
/*
***
* Reboot
* Extract from _reboot.scss
***
*/
header, #crumb, #footer-2020 {
  box-sizing: border-box;
  font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6rem;
  color: #484848;
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
header *,
header *::before,
header *::after, #crumb *,
#crumb *::before,
#crumb *::after, #footer-2020 *,
#footer-2020 *::before,
#footer-2020 *::after {
  box-sizing: border-box;
}
header ol,
header ul,
header dl, #crumb ol,
#crumb ul,
#crumb dl, #footer-2020 ol,
#footer-2020 ul,
#footer-2020 dl {
  margin-top: 0;
  margin-bottom: 0.25rem;
}
header ol ol,
header ol ul,
header ul ol,
header ul ul,
header dl ol,
header dl ul, #crumb ol ol,
#crumb ol ul,
#crumb ul ol,
#crumb ul ul,
#crumb dl ol,
#crumb dl ul, #footer-2020 ol ol,
#footer-2020 ol ul,
#footer-2020 ul ol,
#footer-2020 ul ul,
#footer-2020 dl ol,
#footer-2020 dl ul {
  margin-bottom: 0;
}
header [tabindex="-1"]:focus, #crumb [tabindex="-1"]:focus, #footer-2020 [tabindex="-1"]:focus {
  outline: 0 !important;
}
header b,
header strong, #crumb b,
#crumb strong, #footer-2020 b,
#footer-2020 strong {
  font-weight: 700;
}
header a, #crumb a, #footer-2020 a {
  /*color: $blue;*/
  text-decoration: none;
  /*background-color: transparent;*/
}
header a:hover, #crumb a:hover, #footer-2020 a:hover {
  color: #376DAB;
  text-decoration: none;
}
header a:not([href]):not([tabindex]):focus, #crumb a:not([href]):not([tabindex]):focus, #footer-2020 a:not([href]):not([tabindex]):focus {
  outline: 0;
}
header img, #crumb img, #footer-2020 img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}
header svg, #crumb svg, #footer-2020 svg {
  overflow: hidden;
  vertical-align: middle;
}
header button, #crumb button, #footer-2020 button {
  border-radius: 0;
}
header button:focus, #crumb button:focus, #footer-2020 button:focus {
  outline: none;
}
header input,
header button,
header select,
header optgroup,
header textarea, #crumb input,
#crumb button,
#crumb select,
#crumb optgroup,
#crumb textarea, #footer-2020 input,
#footer-2020 button,
#footer-2020 select,
#footer-2020 optgroup,
#footer-2020 textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
header button,
header input, #crumb button,
#crumb input, #footer-2020 button,
#footer-2020 input {
  overflow: visible;
}
header button,
header select, #crumb button,
#crumb select, #footer-2020 button,
#footer-2020 select {
  text-transform: none;
}
header select, #crumb select, #footer-2020 select {
  word-wrap: normal;
}
header button,
header [type=button],
header [type=reset],
header [type=submit], #crumb button,
#crumb [type=button],
#crumb [type=reset],
#crumb [type=submit], #footer-2020 button,
#footer-2020 [type=button],
#footer-2020 [type=reset],
#footer-2020 [type=submit] {
  -webkit-appearance: button;
}
header button:not(:disabled),
header [type=button]:not(:disabled),
header [type=reset]:not(:disabled),
header [type=submit]:not(:disabled), #crumb button:not(:disabled),
#crumb [type=button]:not(:disabled),
#crumb [type=reset]:not(:disabled),
#crumb [type=submit]:not(:disabled), #footer-2020 button:not(:disabled),
#footer-2020 [type=button]:not(:disabled),
#footer-2020 [type=reset]:not(:disabled),
#footer-2020 [type=submit]:not(:disabled) {
  cursor: pointer;
}
header button::-moz-focus-inner,
header [type=button]::-moz-focus-inner,
header [type=reset]::-moz-focus-inner,
header [type=submit]::-moz-focus-inner, #crumb button::-moz-focus-inner,
#crumb [type=button]::-moz-focus-inner,
#crumb [type=reset]::-moz-focus-inner,
#crumb [type=submit]::-moz-focus-inner, #footer-2020 button::-moz-focus-inner,
#footer-2020 [type=button]::-moz-focus-inner,
#footer-2020 [type=reset]::-moz-focus-inner,
#footer-2020 [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
header input[type=radio],
header input[type=checkbox], #crumb input[type=radio],
#crumb input[type=checkbox], #footer-2020 input[type=radio],
#footer-2020 input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
header [type=number]::-webkit-inner-spin-button,
header [type=number]::-webkit-outer-spin-button, #crumb [type=number]::-webkit-inner-spin-button,
#crumb [type=number]::-webkit-outer-spin-button, #footer-2020 [type=number]::-webkit-inner-spin-button,
#footer-2020 [type=number]::-webkit-outer-spin-button {
  height: auto;
}
header [type=search], #crumb [type=search], #footer-2020 [type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
header [type=search]::-webkit-search-decoration, #crumb [type=search]::-webkit-search-decoration, #footer-2020 [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
***
* Header
* Extract from _header.scss
***
*/
header {
  display: block;
  padding: 0;
}
header .logo_name {
  margin-top: -20px;
}

#global-header {
  overflow: visible;
  position: static;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

#global-header #global-header-content {
  cursor: auto;
  padding-top: 1rem;
}
#global-header #global-header-content #header_mypage_open-menu {
  cursor: pointer;
}

/*
***
* Grid System
* Extract from _grid.scss
***
*/
.h-container {
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  width: 100%;
}

.h-row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: -6px;
  margin-right: -6px;
}

/* no gutters */
.h-row.h-no-gutters {
  box-sizing: border-box;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.h-row.h-no-gutters > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 
 * Features: With Horizontal Scroll
 * To use: add 'horizontal-scroll' to 'row' element
 */
.h-horizontal-scroll {
  box-sizing: border-box;
  flex-wrap: nowrap;
  overflow: auto;
  margin-left: -24px;
  margin-right: -24px;
}

/* basic */
[class^=h-col-] {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding-right: 6px;
  padding-left: 6px;
}

/* extra small */
.h-col-xs-1 {
  flex: 0 0 25%;
  width: 25%;
}

.h-col-xs-2 {
  flex: 0 0 50%;
  width: 50%;
}

.h-col-xs-3 {
  flex: 0 0 75%;
  width: 75%;
}

.h-col-xs-4 {
  flex: 0 0 100%;
  width: 100%;
}

/* offset (xs) */
.h-offset-xs-0 {
  margin-left: 0;
}

.h-offset-xs-1 {
  margin-left: 25%;
}

.h-offset-xs-2 {
  margin-left: 50%;
}

.h-offset-xs-3 {
  margin-left: 75%;
}

/* grid ordering (xs) */
.h-order-xs-1 {
  order: 1;
}

.h-order-xs-2 {
  order: 2;
}

.h-order-xs-3 {
  order: 3;
}

.h-order-xs-4 {
  order: 4;
}

.h-order-xs-5 {
  order: 5;
}

/* small screen */
@media screen and (min-width: 576px) {
  .h-container {
    width: 528px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .h-row {
    margin-left: -8px;
    margin-right: -8px;
  }

  [class^=h-col-] {
    padding-right: 8px;
    padding-left: 8px;
  }

  /* small */
  .h-col-sm-1 {
    flex: 0 0 12.5%;
    width: 12.5%;
  }

  .h-col-sm-2 {
    flex: 0 0 25%;
    width: 25%;
  }

  .h-col-sm-3 {
    flex: 0 0 37.5%;
    width: 37.5%;
  }

  .h-col-sm-4 {
    flex: 0 0 50%;
    width: 50%;
  }

  .h-col-sm-5 {
    flex: 0 0 62.5%;
    width: 62.5%;
  }

  .h-col-sm-6 {
    flex: 0 0 75%;
    width: 75%;
  }

  .h-col-sm-7 {
    flex: 0 0 87.5%;
    width: 87.5%;
  }

  .h-col-sm-8 {
    flex: 0 0 100%;
    width: 100%;
  }

  /* offset */
  .h-offset-sm-0 {
    margin-left: 0;
  }

  .h-offset-sm-1 {
    margin-left: 12.5%;
  }

  .h-offset-sm-2 {
    margin-left: 25%;
  }

  .h-offset-sm-3 {
    margin-left: 37.5%;
  }

  .h-offset-sm-4 {
    margin-left: 50%;
  }

  .h-offset-sm-5 {
    margin-left: 62.5%;
  }

  .h-offset-sm-6 {
    margin-left: 75%;
  }

  .h-offset-sm-7 {
    margin-left: 87.5%;
  }

  /* grid ordering (sm) */
  .h-order-sm-1 {
    order: 1;
  }

  .h-order-sm-2 {
    order: 2;
  }

  .h-order-sm-3 {
    order: 3;
  }

  .h-order-sm-4 {
    order: 4;
  }

  .h-order-sm-5 {
    order: 5;
  }
}
/* medium screen */
@media screen and (min-width: 768px) {
  .h-container {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h-row {
    margin-left: -8px;
    margin-right: -8px;
  }

  [class^=h-col-] {
    padding-right: 8px;
    padding-left: 8px;
  }

  /* medium */
  .h-col-md-1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }

  .h-col-md-2 {
    flex: 0 0 16.666666666%;
    width: 16.666666666%;
  }

  .h-col-md-3 {
    flex: 0 0 25%;
    width: 25%;
  }

  .h-col-md-4 {
    flex: 0 0 33.333333333%;
    width: 33.333333333%;
  }

  .h-col-md-5 {
    flex: 0 0 41.666666666%;
    width: 41.666666666%;
  }

  .h-col-md-6 {
    flex: 0 0 50%;
    width: 50%;
  }

  .h-col-md-7 {
    flex: 0 0 58.333333333%;
    width: 58.333333333%;
  }

  .h-col-md-8 {
    flex: 0 0 66.666666666%;
    width: 66.666666666%;
  }

  .h-col-md-9 {
    flex: 0 0 75%;
    width: 75%;
  }

  .h-col-md-10 {
    flex: 0 0 83.333333333%;
    width: 83.333333333%;
  }

  .h-col-md-11 {
    flex: 0 0 91.666666666%;
    width: 91.666666666%;
  }

  .h-col-md-12 {
    flex: 0 0 100%;
    width: 100%;
  }

  /* offset */
  .h-offset-md-0 {
    margin-left: 0;
  }

  .h-offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .h-offset-md-2 {
    margin-left: 16.666666666%;
  }

  .h-offset-md-3 {
    margin-left: 25%;
  }

  .h-offset-md-4 {
    margin-left: 33.333333333%;
  }

  .h-offset-md-5 {
    margin-left: 41.666666666%;
  }

  .h-offset-md-6 {
    margin-left: 50%;
  }

  .h-offset-md-7 {
    margin-left: 58.333333333%;
  }

  .h-offset-md-8 {
    margin-left: 66.666666666%;
  }

  .h-offset-md-9 {
    margin-left: 75%;
  }

  .h-offset-md-10 {
    margin-left: 83.333333333%;
  }

  .h-offset-md-11 {
    margin-left: 91.666666666%;
  }

  /* grid ordering (md) */
  .h-order-md-1 {
    order: 1;
  }

  .h-order-md-2 {
    order: 2;
  }

  .h-order-md-3 {
    order: 3;
  }

  .h-order-md-4 {
    order: 4;
  }

  .h-order-md-5 {
    order: 5;
  }
}
/* large screen */
@media screen and (min-width: 992px) {
  .h-container {
    width: auto;
    min-width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .h-row {
    margin-left: -12px;
    margin-right: -12px;
  }

  [class^=h-col-] {
    padding-right: 12px;
    padding-left: 12px;
  }

  /* large */
  .h-col-lg-1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }

  .h-col-lg-2 {
    flex: 0 0 16.666666666%;
    width: 16.666666666%;
  }

  .h-col-lg-3 {
    flex: 0 0 25%;
    width: 25%;
  }

  .h-col-lg-4 {
    flex: 0 0 33.333333333%;
    width: 33.333333333%;
  }

  .h-col-lg-5 {
    flex: 0 0 41.666666666%;
    width: 41.666666666%;
  }

  .h-col-lg-6 {
    flex: 0 0 50%;
    width: 50%;
  }

  .h-col-lg-7 {
    flex: 0 0 58.333333333%;
    width: 58.333333333%;
  }

  .h-col-lg-8 {
    flex: 0 0 66.666666666%;
    width: 66.666666666%;
  }

  .h-col-lg-9 {
    flex: 0 0 75%;
    width: 75%;
  }

  .h-col-lg-10 {
    flex: 0 0 83.333333333%;
    width: 83.333333333%;
  }

  .h-col-lg-11 {
    flex: 0 0 91.666666666%;
    width: 91.666666666%;
  }

  .h-col-lg-12 {
    flex: 0 0 100%;
    width: 100%;
  }

  /* offset */
  .h-offset-lg-0 {
    margin-left: 0;
  }

  .h-offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .h-offset-lg-2 {
    margin-left: 16.666666666%;
  }

  .h-offset-lg-3 {
    margin-left: 25%;
  }

  .h-offset-lg-4 {
    margin-left: 33.333333333%;
  }

  .h-offset-lg-5 {
    margin-left: 41.666666666%;
  }

  .h-offset-lg-6 {
    margin-left: 50%;
  }

  .h-offset-lg-7 {
    margin-left: 58.333333333%;
  }

  .h-offset-lg-8 {
    margin-left: 66.666666666%;
  }

  .h-offset-lg-9 {
    margin-left: 75%;
  }

  .h-offset-lg-10 {
    margin-left: 83.333333333%;
  }

  .h-offset-lg-11 {
    margin-left: 91.666666666%;
  }

  /* grid ordering (lg) */
  .h-order-lg-1 {
    order: 1;
  }

  .h-order-lg-2 {
    order: 2;
  }

  .h-order-lg-3 {
    order: 3;
  }

  .h-order-lg-4 {
    order: 4;
  }

  .h-order-lg-5 {
    order: 5;
  }
}
/* extra large screen */
@media screen and (min-width: 1200px) {
  .h-container {
    max-width: 1440px;
    width: auto;
    min-width: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .h-row {
    margin-left: -12px;
    margin-right: -12px;
  }

  [class^=h-col-] {
    padding-right: 12px;
    padding-left: 12px;
  }

  /* extra large */
  .h-col-xl-1 {
    flex: 0 0 8.3333333333%;
    width: 8.3333333333%;
  }

  .h-col-xl-2 {
    flex: 0 0 16.666666666%;
    width: 16.666666666%;
  }

  .h-col-xl-3 {
    flex: 0 0 25%;
    width: 25%;
  }

  .h-col-xl-4 {
    flex: 0 0 33.333333333%;
    width: 33.333333333%;
  }

  .h-col-xl-5 {
    flex: 0 0 41.666666666%;
    width: 41.666666666%;
  }

  .h-col-xl-6 {
    flex: 0 0 50%;
    width: 50%;
  }

  .h-col-xl-7 {
    flex: 0 0 58.333333333%;
    width: 58.333333333%;
  }

  .h-col-xl-8 {
    flex: 0 0 66.666666666%;
    width: 66.666666666%;
  }

  .h-col-xl-9 {
    flex: 0 0 75%;
    width: 75%;
  }

  .h-col-xl-10 {
    flex: 0 0 83.333333333%;
    width: 83.333333333%;
  }

  .h-col-xl-11 {
    flex: 0 0 91.666666666%;
    width: 91.666666666%;
  }

  .h-col-xl-12 {
    flex: 0 0 100%;
    width: 100%;
  }

  /* offset */
  .h-offset-xl-0 {
    margin-left: 0;
  }

  .h-offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .h-offset-xl-2 {
    margin-left: 16.666666666%;
  }

  .h-offset-xl-3 {
    margin-left: 25%;
  }

  .h-offset-xl-4 {
    margin-left: 33.333333333%;
  }

  .h-offset-xl-5 {
    margin-left: 41.666666666%;
  }

  .h-offset-xl-6 {
    margin-left: 50%;
  }

  .h-offset-xl-7 {
    margin-left: 58.333333333%;
  }

  .h-offset-xl-8 {
    margin-left: 66.666666666%;
  }

  .h-offset-xl-9 {
    margin-left: 75%;
  }

  .h-offset-xl-10 {
    margin-left: 83.333333333%;
  }

  .h-offset-xl-11 {
    margin-left: 91.666666666%;
  }

  /* grid ordering (xl) */
  .h-order-xl-1 {
    order: 1;
  }

  .h-order-xl-2 {
    order: 2;
  }

  .h-order-xl-3 {
    order: 3;
  }

  .h-order-xl-4 {
    order: 4;
  }

  .h-order-xl-5 {
    order: 5;
  }
}
/* for IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  [class^=h-col-] {
    flex: 0 0 auto;
  }

  [class*=h-offset-] {
    flex: 0 auto;
  }
}
/*
***
* Typography
* Extract from _type.scss
***
*/
.fs-24 {
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  font-weight: normal;
}

.fs-20 {
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
}

.fs-18 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.375rem;
  font-weight: normal;
}

.fs-16 {
  font-size: 1rem;
  line-height: 1.6rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-14 {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-13 {
  font-size: 13px;
  line-height: 1.1875rem;
  margin-bottom: 0.125rem;
  font-weight: normal;
}

.fs-12 {
  font-size: 0.75rem;
  line-height: 1.6rem;
  margin-bottom: 0.25rem;
  font-weight: normal;
}

.fs-24:first-line {
  line-height: 2rem;
}

.fs-20:first-line {
  line-height: 1.75rem;
}

.fs-18:first-line {
  line-height: 1.625rem;
}

.fs-16:first-line {
  line-height: 1.375rem;
}

.fs-14:first-line {
  line-height: 1.25rem;
}

.fs-13:first-line {
  line-height: 1.3125rem;
}

.fs-12:first-line {
  line-height: 1.5rem;
}

@media (min-width: 576px) {
  .fs-sm-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-sm-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-sm-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-sm-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-sm-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-sm-24:first-line {
    line-height: 2rem;
  }

  .fs-sm-20:first-line {
    line-height: 1.75rem;
  }

  .fs-sm-18:first-line {
    line-height: 1.625rem;
  }

  .fs-sm-16:first-line {
    line-height: 1.375rem;
  }

  .fs-sm-14:first-line {
    line-height: 1.25rem;
  }

  .fs-sm-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-sm-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .fs-md-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-md-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-md-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-md-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-md-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-md-24:first-line {
    line-height: 2rem;
  }

  .fs-md-20:first-line {
    line-height: 1.75rem;
  }

  .fs-md-18:first-line {
    line-height: 1.625rem;
  }

  .fs-md-16:first-line {
    line-height: 1.375rem;
  }

  .fs-md-14:first-line {
    line-height: 1.25rem;
  }

  .fs-md-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-md-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 992px) {
  .fs-lg-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-lg-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-lg-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-lg-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-lg-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-lg-24:first-line {
    line-height: 2rem;
  }

  .fs-lg-20:first-line {
    line-height: 1.75rem;
  }

  .fs-lg-18:first-line {
    line-height: 1.625rem;
  }

  .fs-lg-16:first-line {
    line-height: 1.375rem;
  }

  .fs-lg-14:first-line {
    line-height: 1.25rem;
  }

  .fs-lg-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-lg-12:first-line {
    line-height: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .fs-xl-24 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: normal;
  }

  .fs-xl-20 {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
  }

  .fs-xl-18 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
    font-weight: normal;
  }

  .fs-xl-16 {
    font-size: 1rem;
    line-height: 1.6rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-14 {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-13 {
    font-size: 13px;
    line-height: 1.1875rem;
    margin-bottom: 0.125rem;
    font-weight: normal;
  }

  .fs-xl-12 {
    font-size: 0.75rem;
    line-height: 1.6rem;
    margin-bottom: 0.25rem;
    font-weight: normal;
  }

  .fs-xl-24:first-line {
    line-height: 2rem;
  }

  .fs-xl-20:first-line {
    line-height: 1.75rem;
  }

  .fs-xl-18:first-line {
    line-height: 1.625rem;
  }

  .fs-xl-16:first-line {
    line-height: 1.375rem;
  }

  .fs-xl-14:first-line {
    line-height: 1.25rem;
  }

  .fs-xl-13:first-line {
    line-height: 1.3125rem;
  }

  .fs-xl-12:first-line {
    line-height: 1.5rem;
  }
}
.fs-13 {
  font-weight: normal;
}

.fs-13::first-line {
  line-height: 1.3125rem;
}

.fs-12::first-line {
  line-height: 1.5rem;
}

/*
***
* Buttons
* Extract from _buttons.scss
***
*/
.h-btn-toggle-switch, .h-btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.h-btn {
  background-color: transparent;
  border-radius: 0.1875rem;
  border: none;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  padding: 0.375rem 0.75rem;
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-selct: none;
  user-select: none;
}

.h-btn-icon {
  background-color: #ffffff;
  border: 1px solid #0077D9;
  border-radius: 0;
  color: #484848;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5625rem 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-selct: none;
  user-select: none;
}

.h-btn-round {
  background-color: #484848;
  border-radius: 100%;
  border: none;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 2rem;
  width: 2rem;
  padding: 0.375rem 0.75rem;
}

.h-btn-toggle-switch {
  position: relative;
  width: 3.25rem;
  height: 2rem;
}
.h-btn-toggle-switch .slider {
  background-color: #ffffff;
  border-radius: 1.875rem;
  border-color: #DADADA;
  box-sizing: border-box;
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.25rem;
  height: 2rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.h-btn-toggle-switch .slider .open-text {
  margin-bottom: 0;
  margin-top: 2px;
  margin-right: 6px;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.h-btn-toggle-switch .slider .switch {
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: 3px;
  left: 3px;
  bottom: 3px;
  background-color: #DADADA;
  border-radius: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0;
}
.h-btn-toggle-switch .slider .switch span {
  background-color: #ffffff;
  border-radius: 1.875rem;
  width: 0.875rem;
  height: 0.125rem;
  display: block;
  margin-bottom: 0.25rem;
  -webkit-transform-origin: 3px 7px;
  transform-origin: 3px 7px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.h-btn-toggle-switch .slider .switch span:last-child {
  -webkit-transform-origin: 3px -5px;
  transform-origin: 3px -5px;
  margin-bottom: 0;
}
.h-btn-toggle-switch input {
  width: 0;
  height: 0;
  opacity: 0;
}
.h-btn-toggle-switch input:checked + .slider > .switch {
  position: absolute;
  left: 23px;
  background-color: #376DAB;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.h-btn-toggle-switch input:checked + .slider > .open-text {
  opacity: 0;
}
.h-btn-toggle-switch input:checked + .slider > .switch span:nth-child(1) {
  -webkit-transform-origin: 6px 5px;
  transform-origin: 6px 5px;
  -webkit-transform: rotate(128deg);
  transform: rotate(128deg);
  width: 0.75rem;
  opacity: 1;
}
.h-btn-toggle-switch input:checked + .slider > .switch span:nth-child(2) {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.h-btn-toggle-switch input:checked + .slider > .switch span:last-child {
  -webkit-transform-origin: 7px -4px;
  transform-origin: 7px -4px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  width: 0.5rem;
  opacity: 1;
}

.h-btn-nobg {
  background-color: transparent;
  color: #0077D9;
}

.h-btn-w-100 {
  width: 100%;
}

.h-btn-img {
  background-color: #7F7F7F;
  border-radius: 0.75rem !important;
}
.h-btn-img img {
  width: 50%;
  height: auto;
}
.h-btn-img:hover, .h-btn-img:active {
  background-color: rgba(127, 127, 127, 0.6);
}

.h-btn-modal {
  padding: 2px 12px;
}

.h-btn-size-28 {
  height: 1.75rem;
}

.h-btn-round-size-28 {
  width: 1.75rem;
  height: 1.75rem;
}

.h-btn-size-32 {
  height: 2rem;
  padding: 0.3125rem 0.75rem;
}

.h-btn-round-size-32 {
  width: 2rem;
  height: 2rem;
}

.h-btn-size-36 {
  height: 2.25rem;
  padding: 0.4375rem 0.75rem;
}

.h-btn-round-size-36 {
  width: 2.25rem;
  height: 2.25rem;
}

.h-btn-size-40 {
  height: 2.5rem;
  padding: 0.5rem 0.75rem;
}

.h-btn-round-size-40 {
  width: 2.5rem;
  height: 2.5rem;
}

.h-btn-size-42 {
  height: 2.625rem;
}

.h-btn-round-size-42 {
  width: 2.625rem;
  height: 2.625rem;
}

.h-btn-size-44 {
  height: 2.75rem;
}

.h-btn-round-size-44 {
  width: 2.75rem;
  height: 2.75rem;
}

.h-btn-size-48 {
  height: 3rem;
  padding: 0.75rem 0.75rem;
}

.h-btn-round-size-48 {
  width: 3rem;
  height: 3rem;
}

.h-btn-primary {
  background-color: #0077D9;
  color: #ffffff;
}
.h-btn-primary:hover, .h-btn-primary:active {
  background-color: #376DAB;
}
@media (hover: none) {
  .h-btn-primary:hover, .h-btn-primary:active {
    background-color: #0077D9;
  }
}
.h-btn-secondary {
  background-color: #ffffff;
  border: 1px solid #DADADA;
  color: #484848;
}
.h-btn-secondary:hover, .h-btn-secondary:active {
  border: 1px solid #376DAB;
  background-color: #EFF4FA;
  color: #376DAB;
}
@media (hover: none) {
  .h-btn-secondary:hover, .h-btn-secondary:active {
    color: #484848;
    background-color: #ffffff;
  }
}
@media (hover: hover) and (pointer: coarse) {
  .h-btn-secondary:hover, .h-btn-secondary:active {
    color: #484848;
    background-color: #ffffff;
  }
}
@media (hover: none) and (pointer: coarse) {
  .h-btn-secondary:hover, .h-btn-secondary:active {
    color: #484848;
    background-color: #ffffff;
  }
}

.h-btn-tertiary {
  background-color: #F4F4F4;
  color: #0077D9;
  font-weight: 400;
}
.h-btn-tertiary:hover, .h-btn-tertiary:active {
  background-color: #376DAB;
  color: #ffffff;
}
@media (hover: none) {
  .h-btn-tertiary:hover, .h-btn-tertiary:active {
    color: #ffffff;
    background-color: #376DAB;
  }
}
.h-btn-assist {
  background-color: #EFF4FA;
  color: #0077D9;
  font-weight: 400;
}
.h-btn-assist:hover, .h-btn-assist:active {
  background-color: #376DAB;
  color: #ffffff;
}
@media (hover: none) {
  .h-btn-assist:hover, .h-btn-assist:active {
    background-color: #EFF4FA;
  }
}
.h-btn-assist-line {
  background-color: #ffffff;
  border: 1px solid #0077D9;
  color: #0077D9;
}
.h-btn-assist-line:hover, .h-btn-assist-line:active {
  border: 1px solid #376DAB;
  background-color: #EFF4FA;
  color: #376DAB;
}
@media (hover: none) {
  .h-btn-assist-line:hover, .h-btn-assist-line:active {
    background-color: #ffffff;
  }
}
.h-btn-fn-primary {
  background-color: #0077D9;
  border-radius: 3.75rem;
  color: #ffffff;
}
.h-btn-fn-primary:hover, .h-btn-fn-primary:active {
  background-color: #376DAB;
}
@media (hover: none) {
  .h-btn-fn-primary:hover, .h-btn-fn-primary:active {
    background-color: #0077D9;
  }
}
.h-btn-fn-secondary {
  background-color: #ffffff;
  border: 1px solid #DADADA;
  border-radius: 3.75rem;
  color: #484848;
}
.h-btn-fn-secondary:hover, .h-btn-fn-secondary:active {
  border: 1px solid #376DAB;
  background-color: #EFF4FA;
}
@media (hover: none) {
  .h-btn-fn-secondary:hover, .h-btn-fn-secondary:active {
    background-color: #ffffff;
  }
}
.h-btn-fn-tertiary {
  background-color: #F4F4F4;
  border-radius: 3.75rem;
  color: #484848;
  font-weight: 400;
}
.h-btn-fn-tertiary:hover, .h-btn-fn-tertiary:active {
  background-color: #376DAB;
  color: #ffffff;
}
@media (hover: none) {
  .h-btn-fn-tertiary:hover, .h-btn-fn-tertiary:active {
    background-color: #F4F4F4;
  }
}
.h-btn-fn-assist {
  background-color: #ffffff;
  border: 1px solid #DADADA;
  border-radius: 0.5rem;
  padding: 0.25rem 1.125rem;
  color: #484848;
}
.h-btn-fn-assist:hover, .h-btn-fn-assist:active {
  border: 1px solid #376DAB;
  background-color: #EFF4FA;
}
@media (hover: none) {
  .h-btn-fn-assist:hover, .h-btn-fn-assist:active {
    background-color: #ffffff;
  }
}
.h-btn-modal {
  background-color: #ffffff;
  border: 1px solid #DADADA;
  padding: 0.125rem 0.75rem;
  color: #0077D9;
}
.h-btn-modal:hover, .h-btn-modal:active {
  background-color: #EFF4FA;
  color: #376DAB;
}
@media (hover: none) {
  .h-btn-modal:hover, .h-btn-modal:active {
    background-color: #ffffff;
  }
}
.h-btn-round-1 {
  background-color: #484848;
  opacity: 0.3;
}
.h-btn-round-1:hover, .h-btn-round-1:active {
  background-color: #484848;
  opacity: 0.8;
}
@media (hover: none) {
  .h-btn-round-1:hover, .h-btn-round-1:active {
    background-color: #484848;
  }
}
.h-btn-round-2 {
  background-color: #ffffff;
  border: 1px solid #DADADA;
  opacity: 0.3;
  box-shadow: 0rem 0rem 0.625rem rgba(0, 0, 0, 0.2);
}
.h-btn-round-2:hover, .h-btn-round-2:active {
  background-color: #ffffff;
  opacity: 0.8;
}
@media (hover: none) {
  .h-btn-round-2:hover, .h-btn-round-2:active {
    background-color: #ffffff;
  }
}
.h-btn-round-3 {
  background-color: #F4F4F4;
}
.h-btn-round-3:hover, .h-btn-round-3:active {
  background-color: #DADADA;
}
@media (hover: none) {
  .h-btn-round-3:hover, .h-btn-round-3:active {
    background-color: #F4F4F4;
  }
}
.h-btn-disabled {
  background-color: #F4F4F4;
  border: 1px solid #DADADA;
  color: #B6B6B6;
  font-weight: 700;
  pointer-events: none;
}
.h-btn-disabled:hover, .h-btn-disabled:active {
  background-color: #F4F4F4;
}
@media (hover: none) {
  .h-btn-disabled:hover, .h-btn-disabled:active {
    background-color: #F4F4F4;
  }
}
/*
***
* SelectBox
* Extract from /modules/_selectbox.scss
***
*/
.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .select-hide {
  display: none;
}
.custom-select .select-items {
  position: absolute;
  background-color: #ffffff;
  z-index: 1000;
  max-height: 150px;
  overflow-y: scroll;
  border: 1px solid #0077D9;
  border-top: none;
}
.custom-select .select-items.theme-default {
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
}
.custom-select .select-items.theme-default a {
  border: none;
}
.custom-select .select-items.theme-default a:hover {
  color: #376DAB;
  background-color: transparent;
}
.custom-select .select-items.theme-default.child-bottom {
  border: 1px solid #DADADA;
}
.custom-select .select-items.child-bottom {
  bottom: 100%;
  right: 0;
  left: 0;
  border: 1px solid #0077D9;
  border-bottom: none;
}
.custom-select .select-items.child-top {
  top: 100%;
  right: 0;
  left: 0;
}
.custom-select .select-items a {
  display: block;
  color: #484848;
  padding: 0.5rem 1rem;
  border-bottom: 1px dotted #DADADA;
  cursor: pointer;
  user-select: none;
}
.custom-select .select-items a:hover {
  background-color: #EFF4FA;
}
.custom-select .select-items a:last-child {
  border: none;
}
.custom-select .select-selected {
  color: #7F7F7F;
  padding: 0.5rem 1rem;
  border: 1px solid transparent;
  border-color: #0077D9;
  cursor: pointer;
  user-select: none;
  background-color: #ffffff;
}
.custom-select .select-selected.theme-default {
  border: 1px solid #DADADA;
}
.custom-select .select-selected.theme-default:after {
  color: #7F7F7F;
}
.custom-select .select-selected.theme-default.select-arrow-active {
  border-color: #DADADA;
  border-style: solid;
}
.custom-select .select-selected.theme-default.selected {
  background: #ffffff;
  border: 1px solid #DADADA;
}
.custom-select .select-selected.theme-default:after {
  font-family: "vds_icons", sans-serif;
  content: "\e909";
  color: #7F7F7F;
  position: absolute;
  right: 1rem;
}
.custom-select .select-selected:after {
  font-family: "vds_icons", sans-serif;
  content: "\e916";
  color: #0077D9;
  position: absolute;
  right: 1rem;
}
.custom-select .select-selected.select-arrow-active:after {
  transform: rotate(180deg);
}
.custom-select .select-selected.selected {
  color: #484848;
  background: #EFF4FA;
  border: 1px solid #0077D9;
}
.custom-select .select-selected.select-arrow-active {
  border-style: solid solid dotted solid;
  border-color: #0077D9 #0077D9 #DADADA #0077D9;
}
.custom-select .select-selected.select-arrow-active.child-bottom {
  border-style: dotted solid solid solid;
  border-color: #DADADA #0077D9 #0077D9 #0077D9;
}
.custom-select.error .select-selected {
  background: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select.disabled .select-selected {
  pointer-events: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  color: #ffffff;
}
.custom-select.disabled .select-selected > i {
  color: #ffffff;
}
.custom-select.disabled .select-selected:after {
  color: #ffffff;
}

.custom-select-radiobox.error .h-btn-icon {
  background-color: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select-radiobox.disabled .h-btn-icon {
  pointer-events: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  color: #ffffff;
}
.custom-select-radiobox.disabled .h-btn-icon i {
  color: #ffffff;
}
.custom-select-radiobox .h-btn-icon {
  min-height: 3rem;
}
.custom-select-radiobox .h-btn-icon > div {
  width: 90%;
}
.custom-select-radiobox .h-btn-icon.selected {
  background-color: #EFF4FA;
  border: 1px solid #0077D9;
}
.custom-select-radiobox .h-btn-icon.selected span {
  text-align: start;
  width: 100%;
}
.custom-select-radiobox .h-btn-icon.selected span .inserted-text {
  padding-right: 1.5rem;
}
.custom-select-radiobox .h-btn-icon.clicked {
  border-style: solid solid none solid;
}
.custom-select-radiobox .custom-select-label-options {
  display: none;
  border: 1px solid #0077D9;
  border-style: none solid solid solid;
  background-color: #ffffff;
}
.custom-select-radiobox .custom-select-label-options.show {
  display: block;
}
.custom-select-radiobox .custom-select-label-options .custom-select-label-options-container {
  max-height: 320px;
  overflow-y: scroll;
}
.custom-select-radiobox .custom-select-label-options .label-options {
  padding: 0.5625rem 1rem;
  border-top: 1px dotted #B6B6B6;
  margin-bottom: 0;
}
.custom-select-radiobox .custom-select-label-options input[type=radio]:checked + label {
  background-color: #EFF4FA;
}

.custom-select-radiobox-2 {
  position: relative;
}
.custom-select-radiobox-2.error .h-btn-icon {
  background-color: #F9E9E9;
  border: 1px solid #C22828;
}
.custom-select-radiobox-2.disabled .h-btn-icon {
  pointer-events: none;
}
.custom-select-radiobox-2 .h-btn-icon {
  margin-bottom: 0;
}
.custom-select-radiobox-2 .h-btn-icon > div {
  width: 90%;
}
.custom-select-radiobox-2 .h-btn-icon.selected {
  border: 1px solid #0077D9;
}
.custom-select-radiobox-2 .h-btn-icon.selected span {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.custom-select-radiobox-2 .h-btn-icon.selected span .inserted-text {
  display: table-cell;
  text-align: start;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: break-word;
  padding-right: 1.5rem;
}
.custom-select-radiobox-2 .h-btn-icon.gray-border {
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
}
.custom-select-radiobox-2 .custom-select-label-options {
  display: none;
  border: 1px solid #DADADA;
  border-radius: 0.25rem;
  background-color: #ffffff;
  position: absolute;
  bottom: 41px;
  width: 239px;
  z-index: 1050;
}
.custom-select-radiobox-2 .custom-select-label-options.show {
  display: block;
}
.custom-select-radiobox-2 .custom-select-label-options.show.left {
  left: 0;
}
.custom-select-radiobox-2 .custom-select-label-options.show.right {
  right: 0;
}
.custom-select-radiobox-2 .custom-select-label-options .custom-select-label-options-container {
  padding: 0.75rem 0;
  max-height: 200px;
  overflow-y: scroll;
}
.custom-select-radiobox-2 .custom-select-label-options .custom-select-title {
  padding: 1px 1rem;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options {
  padding: 1px 1rem;
  margin-bottom: 0;
  display: block;
  color: #DADADA;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options .currency {
  color: #7F7F7F;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options.select-active .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options.select-active .currency {
  color: #376DAB;
}
.custom-select-radiobox-2 .custom-select-label-options .label-options .currency-container:hover .currency-code, .custom-select-radiobox-2 .custom-select-label-options .label-options .currency-container:hover .currency {
  color: #376DAB;
}

.custom-select-box-mobile {
  position: relative;
}
.custom-select-box-mobile > select {
  width: 100%;
  border: 1px solid #DADADA;
  color: #7F7F7F;
  padding: 0.5rem;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("/ac2020/img/icon-updown-arrow.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 12px);
  background-size: 10px auto;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .custom-select .select-selected.theme-default:after {
    top: 0.5625rem;
  }
  .custom-select:after {
    top: 0.5625rem;
  }
}
/*
***
* Keyword Search
* Extract from /modules/_search.scss
* Contains custom styles to override the styles on Current Site 
***
*/
#keyword_search_dropdown_header {
  width: 100% !important;
}
#keyword_search_dropdown_header .suggest_class.ui-autocomplete .ui-state-focus {
  background: none;
  border: none;
}

.search-menu-list .suggest_class.ui-autocomplete {
  top: 0 !important;
}
.search-menu-list .suggest_class.ui-autocomplete li {
  border: none;
  float: none;
}
.search-menu-list .suggest_class.ui-autocomplete li.suggest-title-area {
  padding: 0.5rem 0;
}
.search-menu-list .suggest_class.ui-autocomplete li.suggest-title-area,
.search-menu-list .suggest_class.ui-autocomplete li.suggest-title-category {
  background: transparent;
  color: #484848;
  font-size: inherit;
}
.search-menu-list .suggest_class.ui-autocomplete li.suggest-title-category + li.suggest-parent-category {
  border: none;
}
.search-menu-list .suggest_class.ui-autocomplete li.ui-menu-item {
  border: none;
  font-size: inherit;
}

@media screen and (min-width: 992px) {
  #footer-2020 .h-container {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .search-menu-list a:visited {
    color: #484848;
  }

  .suggest_class.ui-autocomplete {
    font-family: "SF Pro JP", "SF Pro Display", "SF Pro Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  }

  .suggest_class.ui-autocomplete li.suggest-title-category,
.suggest_class.ui-autocomplete li.suggest-title-area {
    background: none;
    font-size: 0.875rem;
    font-weight: 700;
    padding: 0.5rem 0;
  }

  .suggest_class.ui-autocomplete li.ui-menu-item a {
    padding: 0.5rem 0;
  }

  .suggest_class.ui-autocomplete .suggest-area-label .suggest_class.ui-autocomplete .suggest-parent-category-label {
    margin-right: 0px;
  }

  .suggest_class.ui-autocomplete .suggest-area-count,
.suggest_class.ui-autocomplete .suggest-parent-category-count,
.suggest_class.ui-autocomplete .suggest_cate_area {
    color: #7F7F7F;
    font-size: 14px;
  }

  .suggest_class.ui-autocomplete .suggest-parent-category-count {
    margin-right: 0px;
  }

  #footer-2020 .pc_footer_currency_switch {
    width: 132px;
    max-width: 132px;
  }
}
.load-3-dot-animation {
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 19px);
}

.load-3-dot-animation .dot {
  background-color: #ffffff;
  border-radius: 100%;
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  animation: changeBgColor-1 1.5s steps(1, start) infinite;
  -webkit-animation: changeBgColor-1 1.5s steps(1, start) infinite;
}

.load-3-dot-animation .dot:first-child {
  left: 0;
}

.load-3-dot-animation .dot:nth-child(2) {
  left: 1rem;
  animation-delay: 0.25s;
}

.load-3-dot-animation .dot:last-child {
  left: 2rem;
  animation-delay: 0.5s;
}

@keyframes changeBgColor-1 {
  0% {
    background-color: #5F92CE;
  }
  25% {
    background-color: #5F92CE;
  }
  50% {
    background-color: #5F92CE;
  }
  75% {
    background-color: #ffffff;
  }
  100% {
    background-color: #ffffff;
  }
}
#footer-2020 a {
  color: #7F7F7F;
  transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
}

#footer-2020 a:visited {
  color: #7F7F7F;
}

#footer-2020 a:hover {
  color: #376DAB;
  text-decoration: none;
}

/*# sourceMappingURL=tr_header_footer.css.map */