.background-theme-legacy-color {
  background-color: #053d62;
}

.background-theme-legacy-secondary-color {
  background-color: #096aab !important;
}

.background-theme-legacy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 1;
  z-index: -99;
  background-size: 1500px;
  background-color: #053d62 !important;
  background-image: url(../images/backgrounds/legacy-background.jpg) !important;
  background-position: center 0 !important;
  background-repeat: no-repeat !important;
  min-width: 320px;
  transition: opacity 0.5s;
}

.hide-theme {
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .background-theme-legacy {
    top: -5px;
  }
}

.secondary-bg-color {
  background-color: #096aab;
}

.product-tab {
  position: absolute;
  width: 100%;
}

.product-tab .product-caret {
  z-index: 1000;
  position: relative;
}

.product-tab .product-caret:before, .product-tab .product-caret:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-top: 0;
  visibility: inherit;
}

.product-tab .product-caret:before {
  top: 0;
  left: 0;
  right: 0;
  border-bottom-color: rgba(255, 255, 255, 0.12);
  border-width: 0;
  margin: 0 auto;
}

.product-tab .product-caret:after {
  top: 0;
  left: 0;
  right: 0;
  border-bottom-color: #174b6d;
  border-width: 0;
  margin: 0 auto;
}

.product-tab[class^="active-"] .product-caret,
.product-tab[class*=" active-"] .product-caret {
}

.product-tab[class^="active-"] .product-caret:before,
.product-tab[class*=" active-"] .product-caret:before {
  top: -28px;
  border-width: 28px;
}

.product-tab[class^="active-"] .product-caret:after,
.product-tab[class*=" active-"] .product-caret:after {
  top: -26px;
  border-width: 27px;
}

.st-tab-categories-1 .active-0 {
  left: 0%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-2 .active-0 {
  left: 0%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-2 .active-1 {
  left: 50%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-3 .active-0 {
  left: 0%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-3 .active-1 {
  left: 33.33333%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-3 .active-2 {
  left: 66.66667%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-4 .active-0 {
  left: 0%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-4 .active-1 {
  left: 25%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-4 .active-2 {
  left: 50%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-4 .active-3 {
  left: 75%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-5 .active-0 {
  left: 0%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-5 .active-1 {
  left: 20%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-5 .active-2 {
  left: 40%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-5 .active-3 {
  left: 60%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-5 .active-4 {
  left: 80%;
  transition: left 0.3s ease-in-out;
}

.st-tab-categories-1 .product-tab .product-caret {
  width: 100%;
}

.st-tab-categories-2 .product-tab .product-caret {
  width: 50%;
}

.st-tab-categories-3 .product-tab .product-caret {
  width: 33.33333%;
}

.st-tab-categories-4 .product-tab .product-caret {
  width: 25%;
}

.st-tab-categories-5 .product-tab .product-caret {
  width: 20%;
}

.truncate {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.truncate.fade {
  text-overflow: clip;
}

.truncate.fade:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to left, #031f31, rgba(255, 255, 255, 0) 20%);
}

.truncate-multi-line {
  position: relative;
  height: 4.0803em;
  overflow: hidden;
}

.truncate-multi-line:after {
  content: '';
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1.3601em;
  background: linear-gradient(to left, #031f31, rgba(255, 255, 255, 0) 50%);
}

.truncate-multi-line.truncate-multi-line-2 {
  height: 2.7202em;
}

.truncate-multi-line.truncate-multi-line-4 {
  height: 5.4404em;
}

.truncate-multi-line.truncate-multi-line-5 {
  height: 6.8005em;
}

.well-themed {
  background-color: #096aab;
}
/*! Version: 0.11.1 - Generated on Tue, 19 Mar 2019 15:19:12 GMT */
/*# sourceMappingURL=sg-support-web-legacy.css.map */