.home-marquee .carousel-inner, .home-marquee .jumbotron-lrg {
  height: 640px;
  min-height: 640px;
}
.home-marquee .home-copy {
  position: absolute;
  width: 600px;
  z-index: 1;
}
.home-marquee .home-copy h1, .home-marquee .home-copy p {
  color: #fff;
}
.home-marquee .home-copy h1 {
  font-weight: bold;
  margin-bottom: 20px;
}
.home-marquee .home-copy p {
  font-size: 20px;
  margin-bottom: 20px;
}
.home-marquee .general .home-copy {
  top: 205px;
  left: 4%;
}
.home-marquee .sales .home-copy {
  top: 285px;
  right: 6%;
}
.home-marquee .marketing .home-copy, .home-marquee .finance .home-copy, .home-marquee .balance .home-copy {
  top: 285px;
  left: 6%;
}
@media screen and (max-width: 1024px) {
  .home-marquee .general .jumbotron-bg {
    background-image: url("/assets/images/home/marquee-general-mobile.jpg") !important;
  }
  .home-marquee .sales .jumbotron-bg {
    background-image: url("/assets/images/home/marquee-sales-mobile.jpg") !important;
  }
  .home-marquee .marketing .jumbotron-bg {
    background-image: url("/assets/images/home/marquee-marketing-mobile.jpg") !important;
  }
  .home-marquee .finance .jumbotron-bg {
    background-image: url("/assets/images/home/marquee-finance-mobile.jpg") !important;
  }
}
@media screen and (max-width: 990px) {
  .home-marquee .general .home-copy, .home-marquee .sales .home-copy, .home-marquee .marketing .home-copy, .home-marquee .finance .home-copy, .home-marquee .balance .home-copy {
    left: 0;
    right: 0;
    top: 0;
    margin: 20% auto 0;
    text-align: center;
  }
}
@media screen and (max-width: 630px) {
  .home-marquee .home-copy {
    width: 90%;
  }
}

@media screen and (max-width: 750px) {
  .home-marquee .carousel-inner, .home-marquee .jumbotron-lrg {
    min-height: 390px;
  }
}
@media screen and (max-width: 1265px) {
  .dim-the-lights {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.35;
    filter: alpha(opacity=35);
  }
}
#home-promo, #home-promo-mobile {
  width: 100%;
  overflow: hidden;
}

.promo {
  position: relative;
  height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}
.promo .promo-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.promo .promo-copy .promo-title {
  color: white;
  font-weight: 600;
  font-size: 20px;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  text-transform: uppercase;
}
.promo .promo-copy .promo-body-copy, .promo .promo-copy .promo-body-copy-dark {
  font-weight: 400;
  color: white;
  padding: 10px 5px 10px 5px;
  max-width: 100%;
}
.promo .promo-copy .promo-body-copy-dark {
  color: #333333;
}
@media screen and (min-width: 1600px) {
  .promo {
    height: 225px !important;
  }
}
@media screen and (min-width: 1200px) {
  .promo {
    float: left !important;
    width: 33.33333% !important;
  }
}

/*--STACKED-PROMOS--*/
.stacked-promo {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.stacked-promo .promo-copy {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.stacked-promo .promo-media {
  -webkit-box-flex: 0.8;
  -webkit-flex: 0.8;
  -moz-box-flex: 0.8;
  -moz-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  height: 100%;
  width: 100%;
}

.buzz-promo .promo-body-copy, .buzz-promo .promo .promo-copy .promo-body-copy-dark, .promo .promo-copy .buzz-promo .promo-body-copy-dark {
  padding-top: 0px !important;
}

/*--SIDE-BY-SIDE-PROMOS--*/
.side-by-side-promo {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.side-by-side-promo .promo-copy {
  -webkit-box-flex: 1.25;
  -webkit-flex: 1.25;
  -moz-box-flex: 1.25;
  -moz-flex: 1.25;
  -ms-flex: 1.25;
  flex: 1.25;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
  padding-left: 10px;
}
.side-by-side-promo .promo-media {
  position: relative;
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.side-by-side-promo .promo-media img.appstore-media, .side-by-side-promo .promo-media img.daily-dose-media {
  position: absolute;
  max-width: none !important;
}
.side-by-side-promo .promo-media img.appstore-media {
  left: -10px;
  height: 105%;
  max-height: 260px;
  width: auto;
  top: -5px;
}
.side-by-side-promo .promo-media img.daily-dose-media {
  top: 10px;
  left: 5px;
  height: auto;
  max-height: none !important;
  width: 105%;
  min-width: 400px !important;
}
.side-by-side-promo .promo-media img.domo-impact-media {
  position: relative;
  max-width: none !important;
  max-height: none !important;
  top: -25px;
  left: -10px;
}
.side-by-side-promo .promo-media .right-promo-shade {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 50%;
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.75));
  z-index: 999;
}
@media screen and (max-width: 318px) {
  .side-by-side-promo .promo-copy {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .side-by-side-promo .promo-media {
    display: none;
  }
}

.appstore-promo, .domo-impact-promo, .domo-daily-promo {
  background: -webkit-linear-gradient(#333333, #222222);
  background: -o-linear-gradient(#333333, #222222);
  background: -moz-linear-gradient(#333333, #222222);
  background: linear-gradient(#333333, #222222);
}

/*--FULL-PROMOS--*/
.full-promo {
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.full-promo .shade {
  background-color: rgba(0, 0, 0, 0.4);
}
.full-promo .promo-copy {
  height: 100%;
  width: 100%;
}
.full-promo .promo-copy img.customer-story-logo {
  max-height: 50px;
  width: auto;
  object-fit: contain;
}
.full-promo .promo-copy svg {
  width: 35px;
  height: 35px;
}
.full-promo .promo-copy .live-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  width: 60px;
  background: #E03B3B;
  line-height: 28px;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: .5px;
  color: white;
}

.jefferson-promo {
  background: url("/assets/images/customer-pod/banners/domo-featurette-css-jefferson.png");
  background-size: cover;
}

.mastercard-story-promo {
  background: url("/assets/images/customer-pod/banners/general_banner_3.jpg");
  background-size: cover;
}

.dp17-promo {
  background: url("/assets/images/promos/domo-dp17-featurette-img-bkgd.png");
  background-size: cover;
}

.natgeo-story-promo {
  background: url("/assets/images/customers/banners/natgeo_customer-banner_3.jpg");
  background-size: cover;
}

.domopalooza-live-promo {
  background: url("/assets/images/domopalooza/dpback.jpg");
  background-size: cover;
}
.domopalooza-live-promo .promo-copy img {
  max-width: 90%;
  margin-top: 26px;
  max-height: 40px;
  object-fit: contain;
}

.buzz-promo {
  background: url("/assets/images/promos/buzz_promo_media_bg.png");
  background-size: cover;
}
.buzz-promo .promo-copy img {
  max-height: 70px;
  margin-bottom: 4px;
  object-fit: contain;
}

.thehonestco-promo {
  background: url("/assets/images/promos/thehonestco-featurette.png");
  background-size: cover;
}

#forrester-featurette-logo {
  margin-bottom: 5px;
}