@charset "UTF-8";

@keyframes customFadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0.5em, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes zoomOutElement {
  from {
    transform: scale(1) translate(0, 0); }
  to {
    transform: scale(4) translate(30px, -30px); } }

@keyframes dottedLoading {
  0%,
  80%,
  100% {
    box-shadow: 0 1.5em 0 -0.9em; }
  40% {
    box-shadow: 0 1.5em 0 0; } }

@keyframes stickyFadeInUp {
  from {
    transform: translate3d(0, 0.2em, 0);
    visibility: visible;
    opacity: 0; }
  to {
    transform: translate3d(0, -50%, 0);
    opacity: 1; } }

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

.tns-outer {
  position: relative; }
  .tns-outer button[data-action] {
    display: none; }
  .tns-outer .tns-nav {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 5%;
    transform: translateX(-50%); }
    .tns-outer .tns-nav button {
      border: 0;
      background-color: #fff;
      padding: 0;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px;
      opacity: 0.5;
      outline: 0; }
      @media (min-width: 992px) {
        .tns-outer .tns-nav button {
          width: 12px;
          height: 12px;
          margin-left: 7px;
          margin-right: 7px; } }
      .tns-outer .tns-nav button.tns-nav-active {
        opacity: 0.9; }
  .tns-outer .tns-controls button {
    position: absolute;
    top: 50%;
    z-index: 10;
    border: none;
    background: none;
    width: 35px;
    height: 35px;
    text-indent: -999em;
    color: #0070d2;
    transform: translateY(-50%); }
    .tns-outer .tns-controls button::before {
      font-family: "Samsonite-icons";
      font-style: normal;
      font-weight: normal;
      position: absolute;
      top: 50%;
      text-indent: 0;
      transform: translateY(-50%); }
  .tns-outer .tns-controls [data-controls=prev] {
    left: 30px; }
    .tns-outer .tns-controls [data-controls=prev]::before {
      content: "\E902";
      left: 0; }
  .tns-outer .tns-controls [data-controls=next] {
    right: 30px; }
    .tns-outer .tns-controls [data-controls=next]::before {
      content: "\E903";
      right: 0; }
  .tns-outer .tns-item img {
    width: 100%; }