::-webkit-scrollbar-track {
    -webkit-box-shadow: transparent !important;
    background-color: transparent !important;
  }
  ::-webkit-scrollbar {
    width: 0;
    background-color: transparent !important;
  }
  ::-webkit-scrollbar-thumb {
    background-color: transparent !important;
  }

  html,
  body {
    position: relative;
    height: 100%;
    width: 100%;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    /*font-smooth: always !important;*/
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  * {
    font-family: 'AvantGardeMdITCTT', sans-serif;
  transition: all 333ms;
  }
  img {
    /*image-rendering: -webkit-optimize-contrast !important;*/
    /*image-rendering: pixelated !important;*/
    image-rendering: optimizeQuality !important;
  }
  h1 {
    letter-spacing: -.013rem;
    font-size: calc(1.3vw + 1.3vh + 1.3rem) !important;
  }
  h2 {
    letter-spacing: -.01rem;
    font-size: calc(1vw + 1vh + 1rem) !important;
  }
  h3 {
    letter-spacing: -.005rem;
    font-size: calc(.75vw + .75vh + .75rem) !important;
  }
  h4 {
    letter-spacing: -.004rem;
    font-size: calc(.66vw + .66vh + .66rem) !important;
  }
  h5 {
    letter-spacing: -.003rem;
    font-size: calc(.55vw + .55vh + .55rem) !important;
  }
  h6 {
    letter-spacing: -.002rem;
    font-size: calc(.44vw + .44vh + .44rem) !important;
  }

  p {
    font-family: 'AvantGardeExtLitITCTT', sans-serif !important;
    font-weight: 100 !important;
    font-size: calc(.35vw + .35vh + .35rem) !important;
    letter-spacing: .0555rem;
  }

  span:hover,
  span:focus,
  span:visited,
  span:focus-within,
  span:focus-visible,
  span:target {
    outline: none !important;
  }

  @font-face {
    font-family: 'AvantGardeMdITCTT';
    src: local('AvantGardeMdITCTT Bold'), local('AvantGardeMdITCTTBold'),
    url('fonts/AvantGardeMdITCTTBold.woff2') format('woff2'),
    url('fonts/AvantGardeMdITCTTBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'AvantGardeITCTT';
    src: local('AvantGardeITCTT Demi'), local('AvantGardeITCTTDemi'),
    url('fonts/AvantGardeITCTTDemi.woff2') format('woff2'),
    url('fonts/AvantGardeITCTTDemi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'AvantGardeExtLitITCTT';
    src: local('AvantGardeExtLitITCTT'),
    url('fonts/AvantGardeExtLitITCTT.woff2') format('woff2'),
    url('fonts/AvantGardeExtLitITCTT.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'AvantGardeMdITCTT';
    src: local('AvantGardeMdITCTT'),
    url('fonts/AvantGardeMdITCTT.woff2') format('woff2'),
    url('fonts/AvantGardeMdITCTT.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }


  .invert {
    filter: invert(1) !important;
    -webkit-filter: invert(1) !important;
    -moz-filter: invert(1) !important;
    -o-filter: invert(1) !important;
    -ms-filter: invert(1) !important;
  }
  .grayscale {
    filter: grayscale(1) !important;
    -webkit-filter: grayscale(1) !important;
    -moz-filter: grayscale(1) !important;
    -o-filter: grayscale(1) !important;
    -ms-filter: grayscale(1) !important;
  }
  .invert.grayscale,
  .grayscale.invert {
    filter: invert(1) grayscale(1) !important;
    -webkit-filter: invert(1) grayscale(1) !important;
    -moz-filter: invert(1) grayscale(1) !important;
    -o-filter: invert(1) grayscale(1) !important;
    -ms-filter: invert(1) grayscale(1) !important;
  }

  /*.overlay-off,*/
  .overlay-on {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: #666600;
    opacity: .25;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    mix-blend-mode: multiply;
    pointer-events: none;
    transition: none !important;
  }
  .pointer-events-none {
    pointer-events: none !important;
  }
  .text-white,
  .text-light {
    color: #DFDEE1 !important;
  }
  .text-black,
  .text-dark {
    color: #232425 !important;
  }
  .fill-light {
    fill: #DFDEE1 !important;
  }
  .fill-darkblue {
    fill: #1A1A4D !important;
  }
  .fill-dark {
    fill: #232425 !important;
  }
  .bg-primary {
    background-color: #DAA520 !important;
  }
  .bg-secondary {
    background-color: #6C2E9C !important;
  }
  .bg-success {
    background-color: #19D395 !important;
  }
  .bg-info {
    background: linear-gradient(to bottom, hsl(200deg, 80%, 52%), hsl(200deg, 80%, 78%), hsl(200deg, 80%, 90%) 100%);
    /*background-color: #00CCFF !important;*/
  }
  .bg-warning {
    background-color: #F89D1F !important;
  }
  .bg-flash {
    background-color: #FFCB05 !important;
  }
  .bg-danger {
    background-color: #e84236 !important;
  }
  .bg-light {
    background-color: #DFDEE1 !important;
  }
  .bg-dark {
    background-color: #232425 !important;
  }
  .bg-primary-subtle {
    background-color: #232425 !important;
    /*background-color: #C16729 !important;*/
  }
  .bg-secondary-subtle {
    background-color: #232425 !important;
  }
  .bg-success-subtle {
    background-color: #232425 !important;
  }
  .bg-info-subtle {
    background: linear-gradient(to bottom, hsl(240deg, 50%, 10%), hsl(240deg, 50%, 20%), hsl(240deg, 50%, 35%) 100%);
    /*background: linear-gradient(to bottom, hsl(240deg, 50%, 10%), hsl(240deg, 50%, 20%), hsl(240deg, 50%, 30%) 100%);*/
    /*background-color: #232425 !important;*/
  }
  .bg-warning-subtle {
    background-color: #232425 !important;
  }
  .bg-danger-subtle {
    background-color: #232425 !important;
  }
  .bg-light-subtle {
    background-color: #232425 !important;
  }
  .bg-dark-subtle {
    background-color: #232425 !important;
  }
  /*.bg-primary-subtle {*/
  /*  background-color: #352620 !important;*/
  /*  !*background-color: #C16729 !important;*!*/
  /*}*/
  /*.bg-secondary-subtle {*/
  /*  background-color: #3A243B !important;*/
  /*}*/
  /*.bg-success-subtle {*/
  /*  background-color: #007D46 !important;*/
  /*}*/
  /*.bg-info-subtle {*/
  /*  background-color: #1560BD !important;*/
  /*}*/
  /*.bg-warning-subtle {*/
  /*  background-color: #332701 !important;*/
  /*}*/
  /*.bg-danger-subtle {*/
  /*  background-color: #2c0b0e !important;*/
  /*}*/
  /*.bg-light-subtle {*/
  /*  background-color: #343a40 !important;*/
  /*}*/
  /*.bg-dark-subtle {*/
  /*  background-color: #1a1d20 !important;*/
  /*}*/

  .ls-0 {
  letter-spacing: 0 !important;
  }

  .small-text {
    font-size: calc(.13vw + .23vh + .33rem + 3px) !important;
  }

  .even-smaller-text {
    font-size: calc(.25vw + .25vh + .35rem) !important;
  }

  .align-super {
    vertical-align: super !important;
    margin-bottom: 2.2rem !important;
  }

  .item-container-bottom {
    padding: calc(.1vw + .5vh) calc(.25vw + .35vh) calc(.1vw + .5vh) calc(.2vw + .3vh) !important;
    letter-spacing: .01rem !important;
  }

  @media (min-width: 991px) {
    .item-container-bottom {
      padding: 0 calc(.13vw + .13vh) calc(.05vw + .05vh) calc(.05vw + .05vh) !important;
    }
  }

  .item-container-bottom > .static {
    padding: calc(.1vw + .2vh) calc(.2vw + .5vh) calc(.1vw + .1vh) !important;
    margin: calc(.175vw + .175vh) calc(.1vw + .1vh) !important;
  }

  .item-container-top {
    margin: calc(.1vw + .5vh) 0 calc(1vw + .5vh) !important;
    padding: 0 calc(.2vw + .3vh) calc(.35vw + .35vh) !important;
  }

  .item-container-bottom-right {
    margin: calc(.1vw + .1vh) 0 calc(.1vw + .1vh) !important;
    padding: calc(.2vw + .2vh) calc(.2vw + .2vh) !important;
  }

  .item-button {
    padding: calc(.175vw + .175vh) calc(.2vw + .5vh) calc(.1vw + .1vh) !important;
    margin: calc(.1vw + .1vh) calc(.175vw + .175vh) 0 calc(.1vw + .1vh) !important;
    opacity: 1;
    font-weight: 300 !important;
    letter-spacing: .05rem !important;
    transition: all 333ms;
  }

  /*.item-button:hover,*/
  .item-button.active {
  font-weight: bold !important;
  letter-spacing: -.013rem !important;
  }

  .item-button.static {
    font-weight: 300 !important;
    letter-spacing: calc(-.0001vh + -.0001vw + -.0001rem) !important;
  }

  .top-line {
    border-top: 1px solid;
  }
  .bottom-line {
    border-bottom: 1px solid;
  }
  .line-dark {
    border-color: #6C2E9C;
  }
  .line-light {
    border-color: #118f65;
  }

  .z-1 {
    z-index: 1 !important;
  }

  .z-2 {
    z-index: 2 !important;
  }

  .z-100 {
    z-index: 100 !important;
  }

  .fw-light {
    font-weight: 300 !important;
  }

  .fw-lighter {
    font-weight: 100 !important;
  }

  .parallax-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .swiper {
  width: 100%;
  height: 100%;
  }

  .swiper-container,
  .swiper-slide {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }

  .swiper-slide {
    box-sizing: border-box;
    border: none;
    transform: translate3d(0, 0, 0);
    width: 100%;
    opacity: 0;
    transition: opacity 666ms ease-in-out;
  }

  .swiper-slide.swiper-slide-active {
    opacity: 1;
    z-index: 2;
  }

  .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-pagination-bullet {
    opacity: 1;
    font-weight: 300 !important;
    /*letter-spacing: .05rem !important;*/
    background: transparent ;
  }

  .swiper-pagination-bullet-active {
  font-weight: bold !important;
    letter-spacing: calc(.01vh + .01vw + .01rem) !important;
  }

  .swiper-pagination {
    display: flex;
    align-items: start;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    border-radius: .25rem !important;
    transform: none !important;
    transition: all 333ms;
    font-size: calc(.13vw + .23vh + .33rem + 3px) !important;
  }

  .vertical-pagination {
    margin: calc(.1vw + .3vh) calc(.1vw + .5vh) 0 !important;
    padding: 0 !important;
    justify-content: end;
    top: 0 !important;
    right: auto !important;
    left: 0 !important;
    width: auto !important;
    flex-direction: column !important;
  }

  .vertical-pagination,
  .vertical-pagination > span {
    flex-direction: column !important;
  }

  .vertical-pagination > span {
    padding: calc(.1vw + .15vh) calc(.2vw + .55vh) calc(.1vw + .1vh) !important;
    margin: calc(.175vw + .175vh) calc(.1vw + .1vh) !important;
  }

  .horizontal-pagination {
    margin: calc(.1vw + .5vh) calc(.2vw + .3vh) !important;
    padding: 0 !important;
    justify-content: end;
  }

  .toprightside.horizontal-pagination {
    bottom: auto !important;
    left: auto !important;
    right: 0 !important;
    top: 0 !important;
  }

  .bottomrightside.horizontal-pagination {
    bottom: 0 !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
  }

  .horizontal-pagination,
  .horizontal-pagination > span {
    align-items: center;
  }

  .horizontal-pagination > span {
    padding: calc(.1vw + .15vh) calc(.2vw + .5vh) calc(.1vw + .1vh) !important;
    margin: calc(.1vw + .1vh) calc(.175vw + .175vh) !important;
  }

  .vertical-pagination > span,
  .horizontal-pagination > span {
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    transform: inherit;
    transition: inherit;
    font-size: inherit;
    padding: inherit;
    margin: inherit;
  }

  .sub-vertical-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center !important;
    flex-direction: column !important;
    position: absolute;
    right: calc(.25vw + .25vh + .25rem) !important;
    top: 0 !important;
    height: 100% !important;
    width: auto !important;
    font-size: calc(.175vw + .175vh + .175rem + 3px) !important;
  }

  .sub-vertical-pagination > span {
    transform-origin: top right;
    transform: rotate(90deg) translateY(0%) translateX(100%)!important;
    width: 100%;
    height: calc(1.088vw + 1.088vh + 1.088rem);
  }