.tns-outer {
  padding: 0 !important; }
  .tns-outer [hidden] {
    display: none !important; }
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s; }
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -moz-transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s; }
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important; }
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.tns-complete {
    opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.33333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }
  .tns-t-ct:after {
    content: '';
    display: table;
    clear: both; }
  .tns-t-ct > div {
    width: 1.42857%;
    width: -webkit-calc(100% / 70);
    width: -moz-calc(100% / 70);
    width: calc(100% / 70);
    height: 10px;
    float: left; }

.jfw-carousel .control-hidden,
.jfw-pdp-productimagecarousel .control-hidden {
  display: none; }

.jfw-carousel__controls,
.jfw-pdp-productimagecarousel__controls {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-around;
  list-style: none; }
  .jfw-carousel__controls li,
  .jfw-pdp-productimagecarousel__controls li {
    cursor: pointer; }

.jfw-carousel__controls-and-navigation,
.jfw-pdp-productimagecarousel__controls-and-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  /** example of background-image approach and fontawesome approach **/ }
  .jfw-carousel__controls-and-navigation button,
  .jfw-pdp-productimagecarousel__controls-and-navigation button {
    border: medium none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px; }
    .jfw-carousel__controls-and-navigation button[data-controls='prev']::after,
    .jfw-pdp-productimagecarousel__controls-and-navigation button[data-controls='prev']::after {
      content: '\f053';
      font-family: 'fontawesome'; }
    .jfw-carousel__controls-and-navigation button[data-controls='next']::after,
    .jfw-pdp-productimagecarousel__controls-and-navigation button[data-controls='next']::after {
      content: '\f054';
      font-family: 'fontawesome'; }

.jfw-carousel__slides,
.jfw-pdp-productimagecarousel__slides {
  display: flex; }
  .jfw-carousel__slides.tns-slider .jfw-carousel__slide,
  .jfw-pdp-productimagecarousel__slides.tns-slider .jfw-carousel__slide {
    background-clip: content-box; }
  .jfw-carousel__slides:not(.tns-slider),
  .jfw-pdp-productimagecarousel__slides:not(.tns-slider) {
    display: flex;
    justify-content: space-around; }

.jfw-carousel--display-fade .tns-inner,
.jfw-pdp-productimagecarousel--display-fade .tns-inner {
  position: relative; }
  .jfw-carousel--display-fade .tns-inner::after,
  .jfw-pdp-productimagecarousel--display-fade .tns-inner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }

.jfw-carousel--display-fade.jfw-carousel--mobile-fade-right .tns-inner::after,
.jfw-pdp-productimagecarousel--display-fade.jfw-carousel--mobile-fade-right .tns-inner::after {
  background: linear-gradient(90deg, transparent var(--gradient-amount-mobile), var(--gradient-color) 100%); }

.jfw-carousel--display-fade.jfw-carousel--mobile-fade-left .tns-inner::after,
.jfw-pdp-productimagecarousel--display-fade.jfw-carousel--mobile-fade-left .tns-inner::after {
  background: linear-gradient(270deg, transparent var(--gradient-amount-mobile), var(--gradient-color) 100%); }

.jfw-carousel--display-fade.jfw-carousel--mobile-fade-right-and-left .tns-inner::after,
.jfw-pdp-productimagecarousel--display-fade.jfw-carousel--mobile-fade-right-and-left .tns-inner::after {
  background: linear-gradient(270deg, transparent var(--gradient-amount-mobile), var(--gradient-color) 100%), linear-gradient(90deg, transparent var(--gradient-amount-mobile), var(--gradient-color)); }

@media (min-width: 960px) {
  .jfw-carousel--display-fade.jfw-carousel--desktop-fade-right .tns-inner::after,
  .jfw-pdp-productimagecarousel--display-fade.jfw-carousel--desktop-fade-right .tns-inner::after {
    background: linear-gradient(90deg, transparent var(--gradient-amount-desktop), var(--gradient-color) 100%); }
  .jfw-carousel--display-fade.jfw-carousel--desktop-fade-left .tns-inner::after,
  .jfw-pdp-productimagecarousel--display-fade.jfw-carousel--desktop-fade-left .tns-inner::after {
    background: linear-gradient(270deg, transparent var(--gradient-amount-desktop), var(--gradient-color) 100%); }
  .jfw-carousel--display-fade.jfw-carousel--desktop-fade-right-and-left .tns-inner::after,
  .jfw-pdp-productimagecarousel--display-fade.jfw-carousel--desktop-fade-right-and-left .tns-inner::after {
    background: linear-gradient(270deg, transparent var(--gradient-amount-desktop), var(--gradient-color) 100%), linear-gradient(90deg, transparent var(--gradient-amount-desktop), var(--gradient-color) 100%); }
  .jfw-carousel--display-fade.jfw-carousel--desktop-fade-none .tns-inner::after,
  .jfw-pdp-productimagecarousel--display-fade.jfw-carousel--desktop-fade-none .tns-inner::after {
    background: unset; } }

.tns-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 4px 0; }
  .tns-nav > [aria-controls] {
    width: 9px;
    height: 9px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #666; }
  .tns-nav > .tns-nav-active {
    background: #666; }