/* Vars */
/* FONTS     ================================================ */
.UniversNext-Reg, .promo-display .carousel .banner .banner-text h3, .promo-display .carousel .banner .banner-text p, .promo-display .promo-block .promo .banner-text h3, .promo-display .promo-block .promo .banner-text p {
  font-family: 'UniversNextW01-Regular', sans-serif;
  -webkit-font-smoothing: antialiased; }

.gradient {
  -webkit-filter: none;
          filter: none; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
/* Carousel styles */
.promo-display .carousel .prev,
.promo-display .carousel .next {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -54px;
  display: block;
  width: 36px;
  height: 108px;
  background: url("../images/prev.png") 0 0 no-repeat;
  cursor: pointer; }

.promo-display .carousel .prev {
  left: 0; }

.promo-display .carousel .next {
  right: 0;
  background: url("../images/next.png") 0 0 no-repeat; }

/* Banner widths for templates */
.promo-display .carousel.homepage .banner {
  width: 920px; }

.promo-display .carousel.category .banner {
  width: 730px; }

/* Banner styles */
.promo-display .carousel {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px; }
  .promo-display .carousel .banner {
    display: block;
    text-decoration: none;
    position: relative; }
    .promo-display .carousel .banner a {
      display: block;
      text-decoration: none;
      position: relative; }
    .promo-display .carousel .banner img,
    .promo-display .carousel .banner video {
      display: block;
      width: 100%; }
    .promo-display .carousel .banner .banner-text {
      display: block;
      position: absolute; }
      .promo-display .carousel .banner .banner-text h3 {
        font-size: 3rem;
        font-size: 30px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0.4em; }
      .promo-display .carousel .banner .banner-text p {
        font-size: 1.4rem;
        font-size: 14px;
        line-height: 1.5;
        margin: 0; }

/* Promo block styles */
.promo-display .promo-block .promo {
  float: left;
  overflow: hidden;
  margin-left: 1px;
  position: relative;
  display: block;
  padding: 0;
  text-decoration: none; }
  .promo-display .promo-block .promo:first-child {
    margin-left: 0; }
  .promo-display .promo-block .promo a {
    display: block;
    padding: 0;
    text-decoration: none; }
  .promo-display .promo-block .promo img,
  .promo-display .promo-block .promo video {
    display: block;
    width: 100%; }
  .promo-display .promo-block .promo .banner-text {
    display: block;
    position: absolute; }
    .promo-display .promo-block .promo .banner-text h3 {
      font-size: 13px;
      font-weight: normal;
      line-height: 1;
      margin-top: 0;
      margin-bottom: 1em; }
    .promo-display .promo-block .promo .banner-text p {
      font-size: 13px;
      font-weight: normal;
      line-height: 1.5;
      margin: 0; }

.promo-display .promo-block.quad-promos .promo {
  width: 24.891304347826086%; }
  .promo-display .promo-block.quad-promos .promo:first-child {
    width: 25%;
    margin-left: 0; }

.promo-display .promo-block.tri-promos .promo {
  width: 33.15068493150685%; }
  .promo-display .promo-block.tri-promos .promo:first-child {
    width: 33.28767123287671%;
    margin-left: 0; }

/* Banner video / image support */
.promo-display .carousel .banner video + img {
  display: none !important; }

.promo-display.isMobile .carousel .banner video {
  display: none !important; }

.promo-display.isMobile .carousel .banner video + img {
  display: block !important; }

.promo-display .promo video + img {
  display: none !important; }

.promo-display.isMobile .promo video {
  display: none !important; }

.promo-display.isMobile .promo video + img {
  display: block !important; }

/* Banner text styles */
/* Sizing */
.promo-display .size-10 .banner-text {
  width: 10%; }

.promo-display .size-20 .banner-text {
  width: 20%; }

.promo-display .size-30 .banner-text {
  width: 30%; }

.promo-display .size-40 .banner-text {
  width: 40%; }

.promo-display .size-50 .banner-text {
  width: 50%; }

.promo-display .size-60 .banner-text {
  width: 60%; }

.promo-display .size-70 .banner-text {
  width: 70%; }

.promo-display .size-80 .banner-text {
  width: 80%; }

.promo-display .size-90 .banner-text {
  width: 90%; }

.promo-display .size-100 .banner-text {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: 0 !important;
  right: 0 !important; }

/* Horizontal Padding */
.promo-display .horizontal-padding-0 .banner-text {
  padding-left: 0;
  padding-right: 0; }

.promo-display .horizontal-padding-2 .banner-text {
  padding-left: 2%;
  padding-right: 2%; }

.promo-display .horizontal-padding-4 .banner-text {
  padding-left: 4%;
  padding-right: 4%; }

.promo-display .horizontal-padding-6 .banner-text {
  padding-left: 6%;
  padding-right: 6%; }

.promo-display .horizontal-padding-8 .banner-text {
  padding-left: 8%;
  padding-right: 8%; }

.promo-display .horizontal-padding-10 .banner-text {
  padding-left: 10%;
  padding-right: 10%; }

.promo-display .horizontal-padding-12 .banner-text {
  padding-left: 12%;
  padding-right: 12%; }

/* Vertical Padding */
.promo-display .vertical-padding-0 .banner-text {
  padding-top: 0;
  padding-bottom: 0; }

.promo-display .vertical-padding-2 .banner-text {
  padding-top: 2%;
  padding-bottom: 2%; }

.promo-display .vertical-padding-4 .banner-text {
  padding-top: 4%;
  padding-bottom: 4%; }

.promo-display .vertical-padding-6 .banner-text {
  padding-top: 6%;
  padding-bottom: 6%; }

.promo-display .vertical-padding-8 .banner-text {
  padding-top: 8%;
  padding-bottom: 8%; }

.promo-display .vertical-padding-10 .banner-text {
  padding-top: 10%;
  padding-bottom: 10%; }

.promo-display .vertical-padding-12 .banner-text {
  padding-top: 12%;
  padding-bottom: 12%; }

/* Horizontal Alignment */
.promo-display .horizontal-left .banner-text {
  left: 0; }

.promo-display .horizontal-center .banner-text {
  left: 0;
  right: 0;
  margin: 0 auto; }

.promo-display .horizontal-right .banner-text {
  left: auto;
  right: 0; }

/* Vertical Alignment */
.promo-display .vertical-top .banner-text {
  top: 0; }

.promo-display .vertical-middle .banner-text {
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')"; }

.promo-display .vertical-bottom .banner-text {
  top: auto;
  bottom: 0; }

/* Text Align */
.promo-display .text-align-left .banner-text h3,
.promo-display .text-align-left .banner-text p {
  text-align: left; }

.promo-display .text-align-center .banner-text h3,
.promo-display .text-align-center .banner-text p {
  text-align: center; }

.promo-display .text-align-right .banner-text h3,
.promo-display .text-align-right .banner-text p {
  text-align: right; }

/* Text Colors */
.promo-display .color-white .banner-text h3,
.promo-display .color-white .banner-text p {
  color: #FFFFFF; }

.promo-display .color-black .banner-text h3,
.promo-display .color-black .banner-text p {
  color: #191919; }

.promo-display .color-red .banner-text h3,
.promo-display .color-red .banner-text p {
  color: #D71F26; }

.promo-display .color-light-blue .banner-text h3,
.promo-display .color-light-blue .banner-text p {
  color: #38c3f6; }

.promo-display .color-salmon .banner-text h3,
.promo-display .color-salmon .banner-text p {
  color: #ffa2a2; }

.promo-display .color-dark-green .banner-text h3,
.promo-display .color-dark-green .banner-text p {
  color: #465924; }

.promo-display .color-light-green .banner-text h3,
.promo-display .color-light-green .banner-text p {
  color: #CADAC0; }

.promo-display .color-pink .banner-text h3,
.promo-display .color-pink .banner-text p {
  color: #DD5A9C; }

/* Text Shadow */
.promo-display .outline-white .banner-text h3 {
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px -1px 0 rgba(255, 255, 255, 0.3), -1px 1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.3); }

.promo-display .outline-white .banner-text p {
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2), 1px -1px 0 rgba(255, 255, 255, 0.2), -1px 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2); }

.promo-display .outline-black .banner-text h3 {
  text-shadow: -1px -1px 0 rgba(25, 25, 25, 0.3), 1px -1px 0 rgba(25, 25, 25, 0.3), -1px 1px 0 rgba(25, 25, 25, 0.3), 1px 1px 0 rgba(25, 25, 25, 0.3); }

.promo-display .outline-black .banner-text p {
  text-shadow: -1px -1px 0 rgba(25, 25, 25, 0.2), 1px -1px 0 rgba(25, 25, 25, 0.2), -1px 1px 0 rgba(25, 25, 25, 0.2), 1px 1px 0 rgba(25, 25, 25, 0.2); }

/* Title text */
.promo-display .text-on .banner-text h3 {
  display: block; }

.promo-display .text-off .banner-text h3 {
  display: none; }

.promo-display .text-off .banner-text p {
  margin: 0 !important; }

/* Sub text */
.promo-display .sub-text-on .banner-text p {
  display: block; }

.promo-display .sub-text-off .banner-text p {
  display: none; }

.promo-display .sub-text-off .banner-text h3 {
  margin: 0 !important; }

/* Background Colors */
.promo-display .background-white .banner-text {
  background: #FFFFFF; }

.promo-display .background-white.opacity-100 .banner-text {
  background: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF,endColorstr=#FFFFFFFF);
  zoom: 1; }

.promo-display .background-white.opacity-75 .banner-text {
  background: rgba(255, 255, 255, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
  zoom: 1; }

.promo-display .background-white.opacity-50 .banner-text {
  background: rgba(255, 255, 255, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF,endColorstr=#80FFFFFF);
  zoom: 1; }

.promo-display .background-white.opacity-25 .banner-text {
  background: rgba(255, 255, 255, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40FFFFFF,endColorstr=#40FFFFFF);
  zoom: 1; }

.promo-display .background-white.opacity-0 .banner-text {
  background: rgba(255, 255, 255, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
  zoom: 1; }

.promo-display .background-black .banner-text {
  background: #191919; }

.promo-display .background-black.opacity-100 .banner-text {
  background: #191919;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF191919,endColorstr=#FF191919);
  zoom: 1; }

.promo-display .background-black.opacity-75 .banner-text {
  background: rgba(25, 25, 25, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF191919,endColorstr=#BF191919);
  zoom: 1; }

.promo-display .background-black.opacity-50 .banner-text {
  background: rgba(25, 25, 25, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80191919,endColorstr=#80191919);
  zoom: 1; }

.promo-display .background-black.opacity-25 .banner-text {
  background: rgba(25, 25, 25, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40191919,endColorstr=#40191919);
  zoom: 1; }

.promo-display .background-black.opacity-0 .banner-text {
  background: rgba(25, 25, 25, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00191919,endColorstr=#00191919);
  zoom: 1; }

.promo-display .background-red .banner-text {
  background: #D71F26; }

.promo-display .background-red.opacity-100 .banner-text {
  background: #d71f26;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFD71F26,endColorstr=#FFD71F26);
  zoom: 1; }

.promo-display .background-red.opacity-75 .banner-text {
  background: rgba(215, 31, 38, 0.75);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFD71F26,endColorstr=#BFD71F26);
  zoom: 1; }

.promo-display .background-red.opacity-50 .banner-text {
  background: rgba(215, 31, 38, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80D71F26,endColorstr=#80D71F26);
  zoom: 1; }

.promo-display .background-red.opacity-25 .banner-text {
  background: rgba(215, 31, 38, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40D71F26,endColorstr=#40D71F26);
  zoom: 1; }

.promo-display .background-red.opacity-0 .banner-text {
  background: rgba(215, 31, 38, 0);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00D71F26,endColorstr=#00D71F26);
  zoom: 1; }