.esbuBoxes {
  display: box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1009px;
  border-bottom: 2px solid #004494;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.esbuBox a,
.esbuBox a:link,
.esbuBox a:hover,
.esbuBox a:active,
.esbuBox a:focus {
  text-decoration: none;
  color: #666;
  cursor: pointer;
}
.selectedVideo {
  color: #67d945 !important;
}
.esbuBox {
  cursor: pointer;
}
.esbuBox::hover span {
  text-decoration: none !important;
}
.esbuBox {
  -webkit-flex-basis: 320px;
  -ms-flex: 320px;
  width: 320px;
  -webkit-flex-grow: 0;
  -moz-box-flex-grow: 0;
  flex-grow: 0;
  display: block;
  vertical-align: top;
  margin: 0 0 30px 0;
  margin: 0 0 2.5rem 0;
}
.no-flexbox .esbuBox {
  display: inline-block;
  padding: 0 15px 0 0;
}
.esbuBox a {
  width: 100%;
  display: block;
}
.esbuBox h2 {
  min-height: 15px;
  font-size: 16px;
  font-size: 1.33rem;
  font-weight: bold;
  line-height: 20px;
  line-height: 1.66rem;
  letter-spacing: 0.02rem;
  color: #004494;
  padding: 12px 7px;
  margin: 0;
}
.esbuBox h3 {
  font-size: 12px;
  font-size: 1rem;
  line-height: 18px;
  line-height: 1.5rem;
  letter-spacing: 0.02rem;
  font-weight: normal;
  padding: 0px 7px 10px 7px;
  margin: 0px;
}
.no-flexbox .esbuBox {
  display: inline-block;
  padding: 0 15px 0 0;
}
/* 2020 Product Page UX project layout overrides */
.ppUX2020_design_readmore {
  display: none;
}
.ppUX2020_design_text_collapsed .ppUX2020_design_readmore {
  display: block;
}
.ppUX2020_design .esbuBox {
  -webkit-flex-basis: 290px;
  -ms-flex: 290px;
  width: 290px;
  max-width: 290px;
  margin: 0 0 40px 0;
}
.ppUX2020_design .productBlock_text_wrap {
  position: relative;
  height: 105px;
  overflow: hidden;
}
.ppUX2020_design .esbuBox img {
  max-width: 100%;
  box-shadow: 5px 5px 5px 0px rgba(220, 220, 220, 0.5);
}
.ppUX2020_design .esbuBox h2 {
  width: 94%;
  padding: 0px;
  margin: 20px 0 0 0;
  font-size: 1.25rem;
  line-height: 1.45rem;
  letter-spacing: normal;
}
.ppUX2020_design .esbuBox h2 a {
  color: #004494;
}
.ppUX2020_design .esbuBox h3 {
  width: 94%;
  padding: 0px;
  margin: 5px 0 0 0;
  font-size: 1.10rem;
  line-height: 1.4rem;
  letter-spacing: normal;
}
.ppUX2020_design .mobile_esbuEllipsis:before,
.ppUX2020_design .mobile_esbuEllipsis:after {
  display: none;
}
.ppUX2020_design .ppUX2020_design_readmore {
  position: absolute;
  bottom: 0;
  width: 94%;
  margin: 0;
  padding: 15px 0;
  background-image: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  cursor: pointer;
}
.ppUX2020_design .ppUX2020_design_readmore .ppUX2020_arrow {
  display: block;
  border: solid #004494;
  border-width: 0 2px 2px 0;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  right: 3px;
  bottom: 3px;
}
.ppUX2020_design .productBlock_text_wrap.ppUX2020_design_text_expanded {
  overflow: visible;
  height: auto;
  padding-bottom: 20px;
}
.ppUX2020_design .ppUX2020_design_text_expanded .ppUX2020_design_readmore {
  background-image: none;
}
.esbuBox picture {
  display: block;
  aspect-ratio: 1.75342466;
  background-color: #f2f2f2;
}
.esbuBox img {
  width: 100%;
  height: auto;
}
@media (max-width: 1008px) {
  .esbuBoxes {
    margin: 0 auto;
  }
  .esbuBox {
    min-width: 49%;
  }
  .ppUX2020_design.esbuBoxes {
    margin: 0px 20px;
    width: auto;
  }
  .ppUX2020_design .esbuBox {
    max-width: 45%;
    min-width: 45%;
  }
}
@media (min-width: 896px) and (max-width: 1008px) {
  .esbuBoxes {
    width: 855px;
  }
}
@media (max-width: 895px) {
  .esbuBoxes {
    width: 770px;
  }
}
@media (max-width: 767px) {
  .esbuBoxes {
    width: 100%;
  }
  .esbuBoxes img {
    max-width: 100%;
  }
}
@media (max-width: 660px) {
  .esbuBox {
    width: 49%;
    -webkit-flex-basis: 49%;
    -ms-flex: 49%;
    flex-basis: 49%;
  }
}
@media (max-width: 480px) {
  .esbuBox {
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex: 100%;
    flex-basis: 100%;
    margin: 0px;
  }
  .esbuBox .content {
    border-bottom: 1px solid #efefef;
    margin: 0;
    padding: 5% 0;
    height: 100%;
    overflow: hidden;
  }
  .esbuBox_content_wrap {
    width: 67%;
    float: right;
  }
  .esbuBox picture {
    aspect-ratio: 1.75609756;
    width: 30%;
    float: left;
  }
  .esbuBox h2 {
    padding: 0px 1% 4px 2%;
  }
  .esbuBox h3 {
    padding: 0px 10% 0 0;
  }
  /* Properties for creating ellipses on mobile views, Mobile UX project 2017.r04 */
  .mobile_esbuEllipsis {
    overflow: hidden;
    line-height: 1.5rem;
    height: 4.5rem;
    padding: 1px 1% 0 2%;
    margin: 0;
  }
  .mobile_esbuEllipsis:before {
    content: "";
    float: left;
    width: 5px;
    height: 4.5rem;
  }
  .mobile_esbuEllipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
  }
  .mobile_esbuEllipsis:after {
    content: "\02026";
    box-sizing: content-box;
    text-align: right;
    font-size: 1.40rem;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -1.65rem;
    left: 90%;
    width: 6rem;
    margin-left: -6rem;
    padding-right: 5px;
    background-size: 100% 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%, #ffffff);
  }
  /* Alternate mobile esbu layout, Mobile UX project 2017.r04 */
  #mobileProductFinderLink {
    border-bottom: 1px solid #efefef;
  }
  .alternate_mobile_esbu .esbuBox img {
    display: none;
  }
  .alternate_mobile_esbu .esbuBox .content {
    text-align: center;
  }
  .alternate_mobile_esbu .esbuBox h2,
  .alternate_mobile_esbu .mobile_esbuEllipsis {
    width: auto;
    float: none;
    padding: 0 2%;
  }
  .alternate_mobile_esbu .esbuBox h3 {
    padding: 0 2%;
  }
  .alternate_mobile_esbu .mobile_esbuEllipsis:after {
    left: 98%;
  }
  .esbuBoxes .esbuBox:last-child .content {
    border-bottom: 0px;
  }
  #mobileProductFinderLink_anchor {
    top: -75px;
  }
  .ppUX2020_design .esbuBox {
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex: 100%;
    flex-basis: 100%;
    max-width: none;
    min-width: 0px;
    margin: 0;
  }
  .ppUX2020_design .esbuBox .content {
    height: auto;
    border-bottom: 2px solid #004494;
  }
  .ppUX2020_design .esbuBox h2,
  .ppUX2020_design .mobile_esbuEllipsis,
  .ppUX2020_design .productBlock_content_desc_wrap {
    width: 90%;
  }
  .ppUX2020_design .mobile_esbuEllipsis {
    overflow: visible;
    padding: 0;
    margin: 5px 0 0 0;
  }
  .ppUX2020_design a.esbuBox_content_img {
    width: 30%;
    float: left;
  }
  .ppUX2020_design a.esbuBox_content_img img {
    width: auto;
    float: none;
  }
  .ppUX2020_design .esbuBox_content_wrap {
    width: 65%;
    float: right;
  }
  .ppUX2020_design .esbuBox h2 {
    margin-top: 0px;
    font-size: 1.1rem;
    line-height: 1.25rem;
  }
  .ppUX2020_design .esbuBox h3 {
    width: auto;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}