/* Utility */
.dn {
  display: none;
}

.logo-stripe {
  text-align: center;
  padding: 110px 15px 65px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.logo-stripe > div {
  padding-bottom: 25px;
}
.logo-stripe .field-type-link-field a {
  color:#0077c8;
  text-decoration: none;
  font-weight: bold;
}

.fw-hero {
  background-size: cover;
  background-repeat: no-repeat;
}
.fw-hero .hero-content {
  padding-left: 0px;
}

.node-class-ii-proven .group-video {
  text-align: center;
  padding-bottom: 2px;
  background: radial-gradient(ellipse at center, rgba(204, 204, 204, 1) 0%, rgba(204, 204, 204, 1) 100%);
}
.node-class-ii-proven .group-video iframe {
  width: 100%;
}

.group-image-highlight {
  background-repeat: no-repeat;
  background-size: cover;
}

.field-name-field-image-highlight-text {
  width: 50%;
  padding: 130px 115px;
  position: relative;
}
.field-name-field-image-highlight-text > .field-items {
  z-index: 5;
  position: relative;
}
.field-name-field-image-highlight-text::before {
  content: '';
  background-color: white;
  opacity: .9;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.node-class-ii-proven-cta .node-content {
  display: flex;
  background-color: #e8e6e6;
}
.node-class-ii-proven-cta .group-cta-left-column,
.node-class-ii-proven-cta .group-cta-right-column {
  flex: 1;
  padding: 80px 25px;
}
.node-class-ii-proven-cta .group-cta-left-column {
  text-align: center;
}
.node-class-ii-proven-cta .field-name-field-cta-body {
  padding-bottom: 50px;
}

.node-success-stories .group-hero-section {
  background-size: cover;
  background-position-x: -350px;
}
.node-success-stories .field-name-field-header-text {
  padding: 100px 20px 20px;
  max-width: 500px;
  margin-left: auto;
}
.node-success-stories .field-name-field-intro-banner-pdf-cta- {
  padding: 0 20px 60px;
}
.node-success-stories .container,
.node-success-story .container,
.node-class-ii-proven .container {
  width: auto;
  max-width: 100%;
}

.field-name-field-story-highlights-top > .field-items > .field-item,
.field-name-field-story-highlights-bottom > .field-items > .field-item {
  width: 100%;
}
.field-name-field-story-highlights-top .container,
.field-name-field-story-highlights-bottom .container {
  width: auto;
}
.field-name-field-story-teaser-image img {
  width: 100%;
}

.node-success-story .field-group-htabs-wrapper {
  width: 100%;
}
.node-success-story .group-success-story {
  display: flex;
  flex-direction: column;
}

.node-success-story .group-story-right-column {
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  width:100%;
  padding-top: 60px;
}

.node-success-story .group-story-block-quote,
.node-success-story .field-name-field-challenge-quote,
.node-success-story .field-name-field-solution-quote {
  border: 1px solid #f8a700;
  background: url('../images/story-teaser-overlay-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  /* background-color: rgba(255, 255, 255, 0.9); */
  text-align: center;
  padding: 60px 80px 30px;
  color: #0077c8;
}
.node-success-story .group-story-left-column {
  padding: 120px 1em 40px;
  width: 100%;
}

.node-success-story .field-name-field-challenge-text,
.node-success-story .field-name-field-solution-text {
  max-width: 430px;
}
.node-success-story .group-success-story .horizontal-tabs {
  border: none;
  display: flex;
  flex-direction: column-reverse;
  position: inherit;
}
.node-success-story .horizontal-tabs-pane > .fieldset-wrapper {
  display: flex;
  flex-direction:column;
  width:100%;
}
#main-content .node-success-story .group-success-story .horizontal-tabs ul.horizontal-tabs-list {
  list-style: none;
  padding-left: 0;
  background-color: initial;
  border: none;
}
.node-success-story ul.horizontal-tabs-list strong {
  color: #535859;
  font-weight: 300;
  text-decoration: underline;
}
.node-success-story ul.horizontal-tabs-list .selected strong {
  color: #f8a700;
  font-weight: 700;
  text-decoration: none;
}
.node-success-story .horizontal-tab-button.first::after {
  content: '>';
  display: inline;
  padding-left: 5px;
}
.node-success-story .group-success-story .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button {
  background: initial;
  border: none;
}
.node-success-story ul.horizontal-tabs-list li.first > a {
  display: inline-block;
}

.node-success-story .group-challenge-quote-expand a.field-group-format-title,
.node-success-story .group-solution-quote-expand a.field-group-format-title {
  display: block;
}
.node-success-story .group-challenge-quote-expand a.field-group-format-title::before,
.node-success-story .group-solution-quote-expand a.field-group-format-title::before {
  content: '';
  width: 45px;
  height: 45px;
  background-image: url('../images/gold_plus_icon.png');
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.node-success-story .group-upper-banner {
  background-size: cover;
  background-repeat: no-repeat;
}
.node-success-story .field-name-field-story-banner-text {
  max-width: 500px;
  padding: 130px 2em;
  margin-left: 10%;
}

.overlay-container {
  position: relative;
  text-align: center;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: url('../images/opaque-white.png');
  background-size:cover;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 100%;
  height: 25px;
  padding: 5px 0;
  transition: .25s ease;
}
.overlay-container:hover .overlay-arrow {
  visibility: hidden;
}
.overlay-container:hover .overlay {
  height: 100%;
  padding: 0px;
  font-size: 14px;
}
.overlay-text a.blue {
  color: #0077c8;
  font-weight: 700;
  text-decoration: none;
  font-size: 17px;
}
.overlay-text img {
  width: 16px;
  margin-left: 5px;
  vertical-align: middle;
}
.overlay-text {
  max-width: 60%;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
}
.field-name-field-story-teaser-text {
  /*padding: 85px 85px 50px;*/
  color: #0077c8;
  font-size: 0px;
  text-align: center;
  padding-bottom: 20px;
  position: relative;
}
.field-name-field-success-story-name {
  padding-bottom: 30px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: #575757;
}
.fw-hero .hero-content {
  padding: 115px 0 80px 1em;
}

.field-name-field-product-highlights > .field-items,
.field-name-field-product-highlights-lower > .field-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.field-name-field-product-highlights > .field-items > .field-item,
.field-name-field-product-highlights-lower > .field-items > .field-item {
  padding: 1em;
  max-width: 250px;
}
.field-name-field-product-highlight-image {
  height: 250px;
  padding-bottom: 1em;
}
.node-success-stories .group-class-ii-portfolio h2 {
  font-size: 40px;
  color: #535859;
  font-weight: 300;
  padding: 80px 1em 60px;
  text-align: center;
}
.node-success-stories .group-portfolio-upper .field-group-format-title,
.node-success-stories .group-portfolio-lower .field-group-format-title {
  font-size: 20px;
  color: #535859;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding-bottom: 30px;
}

.node-success-stories .group-portfolio-upper .field-group-format-title::after,
.node-success-stories .group-portfolio-lower .field-group-format-title::after {
  content: '';
  background-image: url('../images/gold_minus_icon.png');
  display: inline-block;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-left: 5px;
}
.node-success-stories .group-portfolio-upper.collapsed .field-group-format-title::after,
.node-success-stories .group-portfolio-lower.collapsed .field-group-format-title::after {
  background-image: url('../images/gold_plus_icon_small.png');
}
.group-portfolio-upper,
.group-portfolio-lower {
  text-align: center;
  padding-bottom: 80px;
}
.group-portfolio-upper > h3,
.group-portfolio-lower > h3 {
  padding-bottom: 30px;
}
.node-success-stories .field-name-field-portfolio-upper-text,
.node-success-stories .field-name-field-portfolio-lower-text {
  max-width: 625px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}
.node-success-story .field-name-field-next-story-cta a,
.node-success-stories .field-name-field-product-highlight-cta a {
  color: #0077c8;
  font-weight: 700;
  text-decoration: none;
}
.node-success-story .field-name-field-next-story-cta a::after,
.node-success-stories .field-name-field-product-highlight-cta a::after,
.node-class-ii-proven .field-name-field-logo-stripe-cta a::after {
  content: '';
  background-image: url(../images/arrow_blue.svg);
  width:16px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
}
.node-success-stories .field-name-field-product-highlight-descript {
  height: 120px;
}
.node-success-stories .field-name-field-product-highlight-title {
  height: 80px;
}

.field-name-field-cta-link a {
  background-color: #f8a600;
  border: 0;
  font-size: 1.06667em;
  line-height: 1;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  padding: 0.77em 0.8em;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 0.1rem;
  background-image: url(../images/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 16px 15px;
  padding-right: 65px;
}

.image-highlight.right {
  display: flex;
  flex-direction: row-reverse;
}
.image-highlight {
  background-size: cover;
  background-repeat: no-repeat;
}
.group-lower-cta-stripe {
  background-size: contain;
  background-color: #535859;
  background-repeat: no-repeat;
  background-position: bottom;
}
.group-lower-cta-stripe .field-name-field-lower-stripe-link {
  padding: 40px 20px 155px 20px;
}
.field-name-field-lower-stripe-link a {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
}
.field-name-field-lower-stripe-link a::after {
  content: '';
  background: url('../images/arrow_white.svg') no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 5px;
  margin-left: 10px;
}
.field-name-field-story-teaser-cta-text {
  display: inline-block;
}
.group-success-story .field-type-file {
  padding: 1rem 0;
}
#menu ul.menu li.menu-mlid-633 ul li.first {
  margin-left: auto;
}

@media all and (max-width: 800px){
  .node-success-story .group-solution-quote-expand .field-group-format-wrapper,
  .node-success-story .group-challenge-quote-expand .field-group-format-wrapper {
    display: block !important;
  }
  .node-success-story .group-solution-quote-expand .field-group-format-toggler,
  .node-success-story .group-challenge-quote-expand .field-group-format-toggler {
    display: none;
  }
  .field-name-field-image-highlight-text {
    width: 100%;
  }
  .node-success-story .field-name-field-challenge-quote,
  .node-success-story .field-name-field-solution-quote {
    background-image: none;
  }
  .logo-stripe {
    background-size: cover;
  }
  .field-name-field-image-highlight-text {
    padding: 50px 1em;
  }
  .group-lower-cta-stripe {
    background-image: none;
  }
  .group-lower-cta-stripe .field-name-field-lower-stripe-link {
    padding-bottom: 40px;
  }
  .node-class-ii-proven-cta .node-content {
    flex-direction: column;
  }
  .field-name-field-product-highlights > .field-items > .field-item,
  .field-name-field-product-highlights-lower > .field-items > .field-item {
    margin-left: auto;
    margin-right: auto;
  }
  .node-class-ii-proven-cta .group-cta-left-column,
  .node-class-ii-proven-cta .group-cta-right-column {
    padding: 40px 1em;
  }
  .group-hero-section,
  .fw-hero {
    background-image: none;
  }
  .overlay-text {
    max-width: 80%;
  }
  .field-name-field-story-teaser-text {
    font-size: 14px;
  }
}
@media all and (min-width: 800px){
  .fw-hero .hero-content {
    padding: 115px 0 80px 2em;
    margin-left: 50%;
    max-width: 450px;
  }
  .node-success-stories .group-hero-section > div {
    max-width: 50%;
    margin-left: auto;
  }
  .field-name-field-story-highlights-top > .field-items,
  .field-name-field-story-highlights-bottom > .field-items {
    display: flex;
    flex-wrap: wrap;
  }
  .field-name-field-story-highlights-top > .field-items > .field-item,
  .field-name-field-story-highlights-bottom > .field-items > .field-item {
    width: 33.333%;
  }
  .node-success-story .group-success-story {
    margin-left: 10%;
    flex-direction:row;
    position: relative;
  }
  .node-success-story .group-challenge-quote-expand,
  .node-success-story .group-solution-quote-expand {
    position: absolute;
    z-index: 5;
    width: 460px;
  }
  .node-success-story .field-name-field-challenge-quote,
  .node-success-story .field-name-field-solution-quote {
    width: 460px;
    padding-left: 90px;
    padding-right: 90px;
    background: url('../images/opaque-white.png') repeat;
  }
  .node-success-story .field-name-field-challenge-quote::before,
  .node-success-story .field-name-field-solution-quote::before,
  .node-success-stories .field-name-field-story-teaser-text::before {
    content: '';
    width: 35px;
    height: 46px;
    background: url('../images/tooth-quote-open.png') no-repeat;
    background-size: contain;
    position: absolute;
    left: 60px;
    top: 60px;
  }
  .node-success-stories .field-name-field-story-teaser-text::before {
    left: -40px;
    top: -20px;
  }
  .node-success-story .field-name-field-challenge-quote::after,
  .node-success-story .field-name-field-solution-quote::after,
  .node-success-stories .field-name-field-story-teaser-text::after {
    content: '';
    width: 35px;
    height: 46px;
    background: url('../images/tooth-quote-close.png') no-repeat;
    background-size: contain;
    position: absolute;
    right:60px;
    bottom: 60px;
  }
  .node-success-stories .field-name-field-story-teaser-text::after {
    right: -40px;
    bottom: 0px;
  }
  .group-lower-cta-stripe .field-name-field-lower-stripe-link {
    padding: 80px 20px 45px 0px;
  }
  .node-success-story .group-challenge-quote-expand .field-group-format-wrapper,
  .node-success-story .group-solution-quote-expand .field-group-format-wrapper {
    margin-top: -20px;
  }
  .node-success-story .hot-spot-wrapper {
    right: 10%;
    top: 50%;
  }
  .field-name-field-product-highlights > .field-items,
  .field-name-field-product-highlights-lower > .field-items {
    flex-direction: row;
  }
  .group-lower-cta-stripe .field-name-field-lower-stripe-link {
    margin-left: auto;
    width: 32%;
    max-width: 490px;
    padding: 130px 20px 85px 0px;
  }
  .overlay-container:hover .field-name-field-story-teaser-text {
    font-size: 14px;
    line-height: 20px;
  }
  .field-name-field-success-story-name {
    padding-bottom: 0px;
  }
  .node-success-story .group-story-right-column img {
    position: absolute;
    bottom: 0;
    max-height: 100%;
    width: auto;
  }
}
@media all and (min-width: 1000px){
  .overlay-container:hover .field-name-field-story-teaser-text {
    font-size: 18px;
    line-height: 22px;
  }
  .group-lower-cta-stripe .field-name-field-lower-stripe-link {
    padding: 130px 20px 85px 0px;
  }
  .field-name-field-lower-stripe-link a {

  }
  .field-name-field-success-story-name {
    padding-bottom: 30px;
  }
}
@media all and (min-width: 1200px) {
  .node-success-stories .group-hero-section {
    background-size: cover;
    background-position-x: left;
  }
  .overlay-text {
    max-width: 55%;
    margin-top: 15%;
  }
  .node-class-ii-proven .group-video iframe {
    min-height: 800px;
  }
}

@media all and (min-width: 1440px) {
  .overlay-container:hover .field-name-field-story-teaser-text {
    font-size: 22px;
    line-height: 29px;
  }
}