@media (min-width: 750px) {
  /* ==========================================================================
   Desktop Engagement widget visibility: don't show when over header
   ========================================================================== */
  /* Add transition to smoothly animate 'transform' property */
  .mt_engagement,
  #mt_chat--LP {
    transition: transform .6s;
  }
  /* Add transform property to wrapping .mt_engagement element */
  .mt_engagement {
    transform: translate(0, -50%);
  }
  .slide-right.mt_engagement {
    transform: translate(100%, -50%);
  }
  /* 
	 * Add transform + visibility properties to Live Person collapsed + expanded elements 
	 * transform = sets position on x-axis, either on or off screen 
	 * visibility = Live Person icon pops in dynamically; set visibility to 'hidden' initially to prevent appearance over header
	 */
  #LP_Tag_Container:not(.slide-right) #mt_chat--LP {
    transform: translateX(0);
    visibility: visible;
  }
  .slide-right:not(.keep-chat-icon-visible) #mt_chat--LP {
    visibility: hidden;
  }
  /* 
	 * Keep Live Person icon visible after it has loaded. 
	 * It will get moved on/off screen using transform + transition property. 
	 */
  .slide-right.keep-chat-icon-visible {
    visibility: visible;
  }
  /* Move to the right same width of collapsed container */
  .slide-right #mt_chat--LP.collapsed {
    transform: translateX(98px);
  }
  /* Move to the right same width of expanded container */
  .slide-right #mt_chat--LP.expanded {
    transform: translateX(330px);
  }
}

[data-animation-type="load-content"] {
  position: relative;
  overflow: hidden;
  background: repeating-linear-gradient(180deg, #dedede 0px, #dedede 50px, rgba(255, 255, 255, 0) 50px, rgba(255, 255, 255, 0) 70px);
}
[data-animation-type="load-content"]:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: loadContent 1.5s infinite;
  z-index: 1;
}
@keyframes loadContent {
  100% {
    transform: translateX(100%);
  }
}
@media (max-width: 750px) {
  [data-animation-type="load-content"] {
    background: repeating-linear-gradient(180deg, #dedede 0px, #dedede 30px, rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0) 50px);
  }
}
@media (max-width: 600px) {
  [data-animation-type="load-content"] {
    background: repeating-linear-gradient(180deg, #dedede 0px, #dedede 20px, rgba(255, 255, 255, 0) 20px, rgba(255, 255, 255, 0) 35px);
  }
}
:root {
  --alignToLogoSpacing: calc(((100vw - 1009px) / 2) - 177px);
  /* 1009px = max-width of navigation and main content | 177px = width of logo */
  --minHeight: 674px;
}
.leftSideContent {
  margin: 0 0 0 var(--alignToLogoSpacing);
  max-width: calc((50% - 60px) - var(--alignToLogoSpacing));
}
.rightSideContent--rtl {
  margin: 0 var(--alignToLogoSpacing) 0 0;
  max-width: calc((50% - 60px) - var(--alignToLogoSpacing));
}
.heroBanner__breadcrumbs--mobile {
  display: none;
}
.heroBanner__breadcrumbs--desktop {
  position: relative;
  z-index: 3;
  padding: 25px 0;
  margin-bottom: 55px;
}
.heroBanner__breadcrumbs--desktop *,
.heroBanner__breadcrumbs--desktop a,
.heroBanner__breadcrumbs--desktop a:link,
.heroBanner__breadcrumbs--desktop a:visited,
.heroBanner__breadcrumbs--desktop a:hover,
.heroBanner__breadcrumbs--desktop a:active,
.heroBanner__breadcrumbs--desktop a:after,
.heroBanner__breadcrumbs--desktop .currentLocation {
  color: white;
}
.heroBanner__breadcrumbs--desktop a {
  cursor: pointer;
}
.heroBanner--family-and-line {
  width: 100vw;
  margin: 0 0 0 calc(-50vw + 50%);
  /* No min-height if no h1/h2, or only one: h1 OR h2 */
  /* Change left alignment of breadcrumbs and text, when there is no desktop image or desktop video */
}
.heroBanner--family-and-line:not(.isEditMode, .isPreviewMode) {
  height: clamp(var(--minHeight), 75vh, 75vh);
}
.heroBanner--family-and-line:has(.heroBanner__media--no-desktop-media) {
  height: auto;
}
.heroBanner--family-and-line.isEditMode,
.heroBanner--family-and-line.isPreviewMode {
  min-height: var(--minHeight);
}
.heroBanner--family-and-line.isEditMode:has(.heroBanner__media--no-desktop-media),
.heroBanner--family-and-line.isPreviewMode:has(.heroBanner__media--no-desktop-media) {
  min-height: 0;
}
.heroBanner--family-and-line.isEditMode .heroBanner__text .heroBanner__text__subtitle,
.heroBanner--family-and-line.isPreviewMode .heroBanner__text .heroBanner__text__subtitle {
  max-height: 50%;
}
.heroBanner--family-and-line.isEditMode .heroBanner__text .heroBanner__text__subtitle[data-animation-type="load-content"],
.heroBanner--family-and-line.isPreviewMode .heroBanner__text .heroBanner__text__subtitle[data-animation-type="load-content"] {
  background: transparent;
}
.heroBanner--family-and-line.isEditMode .heroBanner__text .heroBanner__text__subtitle[data-animation-type="load-content"]:before,
.heroBanner--family-and-line.isPreviewMode .heroBanner__text .heroBanner__text__subtitle[data-animation-type="load-content"]:before {
  display: none;
}
.heroBanner--family-and-line.isEditMode .heroBanner__text h2,
.heroBanner--family-and-line.isPreviewMode .heroBanner__text h2 {
  opacity: 1;
}
.heroBanner--family-and-line[class*='grey-bg'] {
  background: #f6f6f6;
}
.heroBanner--family-and-line[class*='grey-bg'] h1,
.heroBanner--family-and-line[class*='grey-bg'] h2 {
  color: #004494;
}
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop *,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a:link,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a:visited,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a:hover,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a:active,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop a:after,
.heroBanner--family-and-line[class*='grey-bg'] .heroBanner__breadcrumbs--desktop .currentLocation {
  color: #004494;
}
.heroBanner--family-and-line[class*='blue-bg'] {
  background: #004494;
}
.heroBanner--family-and-line[class*='blue-bg'] .btn-action.btn-secondary {
  background: transparent;
  border: solid 1px white;
  color: white;
}
.heroBanner--family-and-line[class*='blue-bg'] .btn-action.btn-secondary span {
  color: white;
}
.heroBanner--family-and-line:has(h1:empty):has(h2:empty),
.heroBanner--family-and-line:has(h1:not(:empty)):has(h2:empty),
.heroBanner--family-and-line:has(h1:empty):has(h2:not(:empty)) {
  min-height: 0;
}
.heroBanner--family-and-line:has(.heroBanner__media:empty) .heroBanner__text {
  max-width: 1009px;
  margin: 0 auto;
}
.heroBanner--family-and-line .heroBanner__media--no-desktop-media {
  display: none;
}
.heroBanner--family-and-line .heroBanner__media--no-desktop-media + .heroBanner__text {
  max-width: 1009px;
  min-height: 0;
  margin: 0 auto;
}
.heroBanner--family-and-line .heroBanner__breadcrumbs--desktop {
  margin: 0;
}
.heroBanner--family-and-line .heroBanner__breadcrumbs--desktop .breadcrumb_layer {
  margin: 0;
}
.heroBanner--family-and-line:not(.isEditMode) .heroBanner__text {
  gap: 0;
}
.heroBanner--family-and-line .heroBanner__media {
  width: 50%;
  top: 0;
  right: 0;
}
.heroBanner--family-and-line .heroBanner__text {
  margin: 0 0 0 var(--alignToLogoSpacing);
  max-width: calc((50% - 60px) - var(--alignToLogoSpacing));
  min-height: var(--minHeight);
  padding: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.heroBanner--family-and-line .heroBanner__text:has(h1:empty):has(h2:empty) {
  display: none;
}
.heroBanner--family-and-line .heroBanner__text h1 {
  font-family: 'Avant Garde for MT Bk', Arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  margin: 25px 0;
}
.heroBanner--family-and-line .heroBanner__text .heroBanner__text__subtitle {
  max-height: 50%;
}
.heroBanner--family-and-line .heroBanner__text h2 {
  font-family: 'Avant Garde for MT Bd', Arial, sans-serif;
  font-weight: 700;
  font-size: 55px;
  line-height: 120%;
  margin: 0;
  opacity: 0;
}
.heroBanner--family-and-line .heroBanner__text h2.fade-in {
  opacity: 1;
}
.heroBanner--family-and-line .heroBanner__CTA {
  flex: 1;
  display: flex;
  align-items: flex-end;
  padding: 60px 0;
}
.heroBanner--family-and-line .heroBanner__CTA .heroBanner__CTA__text {
  display: none;
}
.heroBanner--family-and-line .heroBanner__CTA .form {
  display: flex;
  gap: 20px;
}
.seointrotext:not(:empty) {
  max-width: 880px;
  margin: 60px 0 0 0;
  font-size: 16px;
  line-height: 24px;
}
#MT_sticky_layer .bottom .heroBanner__CTA {
  display: flex;
  gap: 40px;
  padding: 0 20px;
}
#MT_sticky_layer .bottom .heroBanner__CTA .heroBanner__CTA__text {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 24px;
}
#MT_sticky_layer .bottom .heroBanner__CTA .form {
  display: flex;
  gap: 20px;
}
.mt_direction_right_to_left .heroBanner--family-and-line {
  width: 100vw;
  margin: 0 calc(-50vw + 50%) 0 0;
}
.mt_direction_right_to_left .heroBanner--family-and-line .heroBanner__media {
  left: 0;
  right: initial;
}
.mt_direction_right_to_left .heroBanner--family-and-line .heroBanner__text {
  margin: 0 var(--alignToLogoSpacing) 0 0;
  max-width: calc((50% - 60px) - var(--alignToLogoSpacing));
  align-items: flex-start;
}
.pageheader + #content_layer:has(.p5tabs) {
  margin-top: 60px;
}
@media (max-width: 1365px) {
  .heroBanner--family-and-line {
    height: auto;
  }
  .heroBanner--family-and-line:not(.isEditMode, .isPreviewMode) {
    height: auto;
    min-height: var(--minHeight);
  }
  .heroBanner--family-and-line.isEditMode,
  .heroBanner--family-and-line .isPreviewMode {
    min-height: var(--minHeight);
  }
  .heroBanner--family-and-line:has(.heroBanner__media--no-desktop-media) {
    height: auto;
    min-height: 0;
  }
  .heroBanner--family-and-line .heroBanner__text {
    max-width: 50%;
    padding: 0 20px 0;
    margin: 0;
  }
  .seointrotext:not(:empty) {
    max-width: 1009px;
    margin: 60px 20px 0;
  }
  .mt_direction_right_to_left .heroBanner--family-and-line .heroBanner__text {
    max-width: 50%;
  }
}
@media (max-width: 1009px) {
  .heroBanner--family-and-line .heroBanner__text .btn-action span {
    padding: 7px 13px;
  }
}
@media (max-width: 900px) {
  .heroBanner--family-and-line .heroBanner__text h1 {
    font-size: 30px;
    line-height: 120%;
  }
  .heroBanner--family-and-line .heroBanner__text h2 {
    font-size: 50px;
    line-height: 140%;
  }
}
@media (max-width: 750px) {
  .pageheader--family-and-line .heroBanner__breadcrumbs--mobile {
    display: block;
  }
  .pageheader--family-and-line .heroBanner__breadcrumbs--desktop {
    display: none;
  }
  .heroBanner--family-and-line {
    min-height: 0;
  }
  .heroBanner--family-and-line .heroBanner__media {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 475px;
  }
  .heroBanner--family-and-line .heroBanner__media.heroBanner__media--no-mobile-media {
    display: none;
  }
  .heroBanner--family-and-line .heroBanner__text {
    max-width: 100%;
    min-height: 0;
    padding: 0 20px 60px;
  }
  .heroBanner--family-and-line .heroBanner__CTA {
    display: none;
  }
  .mt_direction_right_to_left .heroBanner--family-and-line .heroBanner__text {
    max-width: 100%;
  }
  #MT_sticky_layer .bottom .heroBanner__CTA .heroBanner__CTA__text {
    display: none;
  }
}
@media (max-width: 600px) {
  .heroBanner--family-and-line:has(.heroBanner__media--no-mobile-media) {
    min-height: 500px;
  }
  .heroBanner--family-and-line:has(.heroBanner__media--no-mobile-media) .heroBanner__text {
    min-height: 500px;
  }
  .heroBanner--family-and-line .heroBanner__media .heroBanner__media__video--desktop {
    display: block;
  }
  .heroBanner--family-and-line .heroBanner__media--no-mobile-media + .heroBanner__text h1 {
    font-size: 27px;
    line-height: 120%;
  }
  .heroBanner--family-and-line .heroBanner__media--no-mobile-media + .heroBanner__text h2 {
    font-size: 40px;
    line-height: 130%;
  }
  .heroBanner--family-and-line .heroBanner__text {
    padding: 0 20px 0;
  }
  .heroBanner--family-and-line .heroBanner__text h1 {
    font-size: 18px;
    line-height: 130%;
  }
  .heroBanner--family-and-line .heroBanner__text h2 {
    font-size: 27px;
    line-height: 130%;
  }
  .heroBanner--family-and-line .heroBanner__CTA {
    padding: 30px 0;
  }
  #MT_sticky_layer .bottom .heroBanner__CTA .heroBanner__CTA__text {
    display: none;
  }
}
@media (max-width: 480px) {
  .heroBanner--family-and-line .heroBanner__media--no-desktop-media {
    display: block;
  }
  .heroBanner--family-and-line .heroBanner__media--no-desktop-media.heroBanner__media--no-mobile-media {
    display: none;
  }
  .heroBanner--family-and-line .heroBanner__media .heroBanner__media__video--desktop {
    display: none;
  }
  .heroBanner--family-and-line .heroBanner__media .heroBanner__media__video--mobile {
    display: block;
  }
}