/* GLOBAL RESET RULES */
body, html { margin: 0px; padding: 0px; width: 100%; height: 100%; }
* { font-family: Roboto, Arial, sans-serif, Helvetica; }

/* Fix for landing pages built with builder */
#sortable li li { list-style-type: disc; }
#sortable li li li { list-style-type: circle; }

/* GLOBAL UTILITY RULES */
.page-width { margin-left: auto; margin-right: auto; max-width: 1155px; position: relative; }
  /* MOBILE RULES */
  @media (max-width: 1200px) { .page-width { max-width: 960px !important; } }

.page-padding { padding-left: 15px; padding-right: 15px; }
.clear-both, .clear-all { clear: both; }

/* Language font overrides */
:lang(cn), :lang(zh), :lang(zh-Hans), html[lang="cn"], html[lang="zh"], html[lang="zh-Hans"] { font-family: '微软雅黑', 'Microsoft YaHei', '华文黑体', 'STHeiti', '思源黑体', 'Source Hans Sans', Arial, sans-serif !important; }
:lang(ja), html[lang="ja"] { font-family: 'Noto Sans JP', 'ＭＳ ゴシック', 'MS Gothic', 'ヒラギノ角ゴ', 'Hiragino Kaku Gothic', Helvetica, Arial, sans-serif !important; }
:lang(ko), html[lang="ko"] { font-family:'맑은 ê³ ë”•', 'Malgun Gothic', '돋움', 'Dotum', Helvetica, Arial, sans-serif !important; }
:lang(zh-Hant), html[lang="zh-Hant"] { font-family:'微軟正黑體', 'Microsoft JhengHei', '儷黑 Pro', 'LiHei Pro Medium', '思源黑體', 'Source Hans Sans', Helvetica, Arial, sans-serif !important; }
html body footer .fab { font-family: "Font Awesome 5 Brands" !important; color: #00426a !important; }

/* Header Section Rules */
.header { background-color: #ffffff; padding-top: 15px; padding-bottom: 15px; }
  /* MOBILE RULES */
  @media (max-width: 798px) {
    .header img { width: 188px !important; }
  }

/* Hero Section Rules */
.hero { background-color: rgb(0,133,213) !important; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; display: inherit; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; position: relative; order: 1; }
.hero-text { padding-top: 20px; padding-bottom: 20px; }
h1 { font-size: 17px; font-weight: 400; line-height: 25.5px; margin: 0px; padding: 0px; color: #fff; }
h2 { font-size: 42px; line-height: 48px; font-weight: 300; margin: 0px; padding: 0px; color: #fff; }
h1 + h2 { font-size: 32px; line-height: 38px; font-weight: 300; margin: 0px; padding: 0px; color: #fff; }
.hero-information { font-weight: 400; font-size: 12px; line-height: 25.5px; margin-top: 15px; color: #fff; }
h1 p, h2 p, h1 + h2 p, .hero-information p { margin: 0px; padding: 0px; }
.hero-image { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; overflow: hidden; margin-left: auto; transition: width 500ms ease; position: relative; float: right; padding-left: 15px; max-width: 33%; }
.hero .hero-image { max-width: 500px; }

  /* Hero Module Animation classes and rules */
  .hero .hero-image::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
  .hero.loaded .hero-image::before { transition: width 500ms ease 250ms; width: 46px; background: #00426a; }
  .hero .hero-image::after { content: ""; display: block; box-sizing: border-box; width: 100%; height: 100%; position: absolute; top: 0; left: 100%; background: rgba(232,119,34,0.8); border-left: 23px solid #e87722; z-index: 1; }
  .hero.loaded .hero-image::after { transition: left 500ms ease 250ms, width 500ms ease 500ms; left: 23px; width: 46px; }
  .hero .hero-image img { flex-shrink: 0; display: hidden; opacity: 0; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; width: 100% !important; height: auto !important; display: block; max-width: 500px; }
  .hero.loaded .hero-image img { display: block; opacity: 1; }
  .hero .right-animation::after { content: ""; display: block; width: 0; height: 100%; position: absolute; top: 0; right: 0; background: #00a9e0; opacity: 0.7; z-index: 1; }
  .hero.loaded .right-animation::after { transition: width 500ms ease 500ms; width: 23px; }
  @media (max-width: 600px) {
    .hero .hero-image { max-width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; }
    .hero .right-animation::after { margin-right: 0px; }
  }
  @media (max-width: 798px) {
    .hero-image { display: block; float: none; padding-left: 0px; max-width: 100%; }
    .hero-image img { max-width: 100%; }
    h1 { font-size: 14px; line-height: 20.5px; }
    .hero-information { line-height: 20.5px; }
    .hero-image { min-width: 50%; }
  }

/* Form Styles */
.section-callout { background: #ffffff url(https://www.agilent.com/cs/promotions/images/20170914-teaser-head-strip-960x4.png) no-repeat right 0; float: right; margin-left: 30px; }
.section-callout.no-callout { background-color: transparent; background-image: none; }
.section-callout.one-third, .section-callout.one-half { margin-left: 30px; }
.section-callout.presenters { margin-left: 30px; margin-left: 60px; max-width: calc(50% - 60px); width: 100%; }
.section-callout.one-third { max-width: calc(33% - 30px); }
.section-callout.one-half { max-width: calc(50% - 30px); }
.section-callout.one-fourth { max-width: calc(25% - 30px); }
.section-callout.two-thirds-left { max-width: calc(60% - 30px); float: left; margin-right: 30px; }
.section-callout.presenters {  }
.section-callout.presenters .img-fix { float: left; display: inline-block; max-width: 50%; margin-right: 30px; }
.callout-padding { padding: 25px 30px; }
.no-callout .callout-padding { padding: 0px; }
.section-callout h4 { font-size: 22px; font-weight: 300; margin-top: 0px; margin-bottom: 15px; }
.section-callout.presenters h4 { font-size: 14px; font-weight: bold; margin-bottom: 0px; }
.section-callout.presenters h4 + p { margin-top: 0px; }
.section-callout p, .section-callout a, .section-callout li { font-size: 13px; }
.cta-button a:hover { background-color:#00426a!important; text-decoration:none!important; }
.section-callout img { width: 100%!important; height: auto!important; display: block; }
.section-padding:nth-child(odd) { background-color: #e7e7e6; }
.section-padding:nth-child(even) { background-color: #d9d9d8; }
#form-c { border-top: 1px solid #d0d0ce; }
/* Add these to the already created media queries */
@media (max-width: 1200px) {
  .section-callout.one-fourth { max-width: calc(50% - 30px); }
  .section-callout.one-fourth + .section-callout.one-fourth + .section-callout.one-fourth { margin-top: 30px; }
}
@media (max-width: 798px) {
  .section-callout.one-third, .section-callout.one-half, .section-callout.presenters, .section-callout.one-fourth, .section-callout.two-thirds-left { display: block; float: none; padding-left: 0px; max-width: 90%; margin-left: auto; margin-right: auto; margin-top: 30px; }
  .flip-order-mobile { display: flex; flex-direction: column-reverse; } /* utility class to flip teaser order on mobile */
  .section-callout img { max-width: 100%; }
}
@media (max-width: 470px) {
  .section-callout.presenters .img-fix { display: block; float: none; max-width: 100%; margin-bottom: 15px; margin-right: 0px; }
}
input[type="submit"] { border-radius: 0 !important; -webkit-appearance: none !important; }
.elq-form { width: 100% !important; padding-top: 0px !important; }
.elq-form label { color: #212529 !important; font-weight: normal !important; margin-bottom: .5rem !important; }
.elq-formCol, .elqFieldWrap { width: 100% !important; }
.elq-form .submit-button, .elq-form .submit-button-style { border-radius: 0px !important; border: 1px solid transparent !important; color: #ffffff !important; background-color: #0085d5 !important; background-image: none !important; border-color: #007bff !important; display: inline-block !important; font-size: 1rem !important; font-weight: 400 !important; line-height: 1.5 !important; padding: .375rem .75rem !important; font-family: "Roboto", Arial, sans-serif, Helvetica; text-align: center !important; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; user-select: none !important; vertical-align: middle !important; white-space: nowrap !important; width: 100% !important; -moz-user-select: none !important; -ms-user-select: none !important; -webkit-user-select: none!important; height:45px !important; }
.elq-form .submit-button:hover, .elq-form .submit-button-style:hover { background-color: #00426a !important; text-decoration: none !important; }
.elq-form.mktoLayoutAbove .mktoRadioList, .elq-form.mktoLayoutAbove .checkbox-label { clear: none !important; float: left !important; width: auto !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned  {display:inline; margin-left:5px;}
.elq-form input[type=text], .elq-form input[type=url], .elq-form input[type=email], .elq-form input[type=tel], .elq-form input[type=number], .elq-form input[type=date], .elq-form textarea.elqField, .elq-form select.field-size-top-large { background-clip: padding-box !important; background-color: #ffffff  !important; border-radius: .25rem !important; border: 1px solid #ced4da !important; color: #212529 !important; display: block !important; font-size: 1rem !important; line-height: 1.5 !important; padding: .375rem .75rem !important; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important; }
select, textarea { background-clip: padding-box !important; background-color: #ffffff  !important; border-radius: .25rem !important; border: 1px solid #ced4da !important; color: #212529 !important; display: block; font-size: 1rem !important; line-height: 1.5 !important; padding: .375rem .75rem !important;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;}
.elq-form select[multiple] { height: auto; }
.elq-form input[type="submit"], .elq-form .submit-button, .elq-form .submit-button-style { margin-left: auto !important; margin-right: auto !important; display: block !important; }
label.instructions, .form-element-instruction { font-size: 14px !important; margin-top: 5px !important; padding: 6px 0pt 3px; }
.elq-form input[type="checkbox"], .elq-form input[type="radio"] { margin-left: 10px !important;   }
.elq-form span.list-order label {  margin-bottom: 5px; width: 90%; margin-left:5px; }
.elq-form select { height: calc(2.25rem + 2px); }
/* NEW FORMAT UPDATES - Bryan Myers */
.elq-form .field-size-top-medium { width: 100%; }
.elq-form .label-position.left { width: 31% !important; }
.elq-form .list-order.oneColumn { width: auto; }
.elq-form .field-wrapper.individual { float: none; }
.elq-form input[type="submit"] { width: 100px !important; display: block; margin-left: auto; margin-right: auto; }

/* BRYAN - fix for checkbox alignment on mobile */
form .heading { margin-bottom: 20px !important; padding-bottom: 20px !important; border-bottom: 1px solid #333; }

/* BRYAN - Dynamic form multi-select fixes */
.elq-form .mobileSelect .label-position.left { width: 31% !important; }
@media (max-width: 991px) {
  .elq-form .mobileSelect .label-position.left, .mobileSelect select { width: 100% !important; }
  .elq-form .list-order.threeColumn, .elq-form .list-order.threeColumnLeft, .elq-form .list-order.twoColumn { width: 100%; }
}
.elq-form label.no-label-spacing { padding: 0px !important; margin: 0px !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned { left: 35px; margin-left: 0px; padding-left: 0px; }
.elq-form .checkbox-span input[type='checkbox'], .elq-form input[type='checkbox'] { position: absolute; left: 0px; }
.elq-form .single-checkbox-row input[type='checkbox'] { top: 3px !important; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned  { margin-left: 0px; padding-left: 0px; left: 35px; }
.elq-form .label-position.left { min-width: 120px; }
video { width: 100%; height: auto; }

/* NEW FORM STYLES */
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 31%; position: relative; }
.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 65%; }
.elq-form .col-xs-8 { width: 100% !important; }
.form2-desktop-width  { max-width: 100% !important; }
.field-control-wrapper > div { position: relative; }
.elq-form input[type="radio"] + label.checkbox-aligned { left: 30px; top: 4px; }
.elq-form .container-fluid { margin-left: auto; margin-right: auto; width: 75% !important; }
@media (max-width: 991px) {
  .elq-form div.form2-mobile-width { max-width: 100% !important; }
  .elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }
  .elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
}
.elq-heading { border-bottom: 1px solid #333; margin-bottom: 20px !important; font-size: 24px !important; margin-top: 20px; padding-bottom: 10px !important; }
.checkbox-aligned { position: relative; max-width: 90%; }
.elq-form .col-xs-12 input[type=checkbox] { left: 15px; top: 5px; position: absolute; }
.elq-form .col-xs-12 .single-checkbox-row .checkbox-aligned { left: 30px; }
.elq-form .col-xs-12 input[type=radio] { left: 0px; top: 5px; position: absolute; }
.elq-form * { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; }
.field-control-wrapper div { width: 33%; display: inline-block; }
.elq-form .checkbox-label, .elq-form .checkbox-aligned { display: inline-block; max-width: calc(100% - 45px); }
@media (max-width: 768px) {
  .elq-form .container-fluid { margin-left: auto; margin-right: auto; width: 100% !important; }
  .field-control-wrapper div { width: 50%; }
}
@media (max-width: 600px) { p { word-break: break-word; } }

/* rewrite and consolidation */
/* GENERAL RULES */

/* force white text classes */
.forceWhiteText p, .forceWhiteText h3, .forceWhiteText div, .forceWhiteText li, .forceWhiteText {
  color: #ffffff;
}

.forceWhiteText p, .forceWhiteText h3, .forceWhiteText div, .forceWhiteText li, .forceWhiteText {
  color: #ffffff;
}

.forceWhiteText a:hover, .forceWhiteText a, .forceWhiteText .scroll-to-top i, .forceWhiteText a:link, .forceWhiteText a:visited, .forceWhiteText a:active {
  color: #00a9e0 !important;
}
.forceWhiteText .section-callout p {
  color: #53565a !important;
}
html body footer.forceWhiteText .fab {
  color: #ffffff !important;
}

/* DESIGN RULES */

a:link, a:visited, a:active { color: #0085d5; text-decoration: none; }
a:hover { color: #00426a; text-decoration: underline; }
.cta-button { text-align: center; }
.cta-button a { background-color: #0085d5; color: white !important; padding: 15px 21px; display: inline-block; margin-top: 15px; margin-bottom: 15px; }


.section-padding { padding-top: 40px; padding-bottom: 50px; color: #53565a; }
.callout-padding { color: #53565a; }
h3, h4 { font-size: 24px; font-weight: 300; line-height: 36px; color: #000000; }
section + section, footer { border-top: 1px solid #d0d0ce; }
section li { margin: 0 0 8px 0 !important; }
section p { line-height: 1.5; }
footer { background-color: #f8f9fa; padding-bottom: 50px; padding-top: 50px; }
footer p { color: #6c757d; font-size: 80%; font-weight: 400; padding-bottom: 15px; }
#footer-left, .footer-left { float: left; display: inline-block; }
#footer-left li, .footer-left li { display: inline-block; line-height: 22px !important; margin: 0 0 8px 0 !important; }
#footer-left ul, .footer-left ul { padding: 0 0 15px 0; margin: 0; list-style: none; }
#footer-right, .footer-right { float: right; display: inline-block; }
#footer-right li, .footer-right li { margin-right: 1rem !important; display: inline-block; font-size: 16px; }
/* >2 PRESENTERS FIX */
.presenters + .presenters + .presenters { margin-top: 30px; }

/* BRANDING LOGO PLACEMENT - MOVE TO GLOBAL FILE */
.branding-logo { float: right; display: inline-block; max-width: calc(33% - 30px); padding: 0px 15px 20px 15px; text-align: right; }
.branding-logo img.crosslab, .branding-logo-mobile img.crosslab, .branding-logo img.infinitylab, .branding-logo-mobile img.infinitylab, .branding-logo img.openlab, .branding-logo-mobile img.openlab { max-width: 135px; height: auto; }
.branding-logo img.dako, .branding-logo-mobile img.dako { width: auto; max-height: 55px; }
.callout-with-branding { max-width: calc(33% - 15px); display: inline-block; float: right; }
.flip-order-mobile .callout-with-branding .branding-logo { max-width: calc(100% - 30px); padding: 0px 0px 20px 0px; display: block; }
.branding-logo-mobile { display: none; }
.branding-logo + .page-padding { max-width: calc(100% - 200px); }
.callout-with-branding .section-callout.one-third, .callout-with-branding .branding-logo { width: 100%; float: right; max-width: calc(100% - 30px); }
.flip-order-mobile .branding-logo { display: none; }

/* MOBILE and TABLET RULES */

@media (max-width: 798px) {
  #footer-left, #footer-right, .footer-left, .footer-right { display: block; text-align: center; float: none }
  #footer-right, .footer-right, #footer-right ul, .footer-right ul { padding-left: 0px; margin-left: 0px; }
  #footer-right li, .footer-right li { margin-left: 12px !important; margin-right: 12px !important;}
  .branding-logo + .page-padding { max-width: initial; }
  .branding-logo { display: block; float: none; padding-left: 0px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0px 20px 20px 0px; }
  .callout-with-branding { display: block; float: none; padding-left: 0px; max-width: 100%; margin-left: auto; margin-right: auto; padding: 0px; }
  .branding-logo-mobile { display: block; padding: 0px 20px 20px 0px; text-align: right; }
  /* MOBILE LOGO ADJUSTMENTS */

  .branding-logo img.crosslab, .branding-logo-mobile img.crosslab, .branding-logo img.infinitylab, .branding-logo-mobile img.infinitylab, .branding-logo img.openlab, .branding-logo-mobile img.openlab { max-width: 100px; height: auto; }
  .branding-logo img.dako, .branding-logo-mobile img.dako { width: auto; max-height: 40px; }
  .flip-order-mobile .callout-with-branding .branding-logo { display: none; }
  .callout-with-branding .section-callout.one-third { float: none; max-width: 90%; }
}

.display-none { display: none !important; }
.dynamic-checkbox { position: relative; left: 13px; }
.dynamic-label { max-width: 100% !important; }
.display-none { display: none !important; }
.elq-form .dynamic-checkbox { position: relative; margin-bottom: 0px !important; }
.dynamic-label { max-width: 100% !important; }
.dynamic-full-width { min-width: 300px; width: 50%; display: inline-block !important; }
.elq-heading { margin-top: 10px; padding-bottom: 5px !important; border-bottom: 1px solid #333; font-size: 18px !important; margin-bottom: 5px !important; margin-left: 10px; margin-right: 10px; }
.elq-form .elq-field-style { padding: 3px; }
.elq-form input[type=text], .elq-form input[type=url], .elq-form input[type=email], .elq-form input[type=tel], .elq-form input[type=number], .elq-form input[type=date], .elq-form textarea.elqField, .elq-form select.field-size-top-large {
  padding: 3px 5px !important; font-size: 12px !important;
}
.checkbox-columns { min-width: 200px; width: 33% !important; vertical-align: top; }
.checkbox-exception { width: 100% !important; vertical-align: top; }
.elq-form select { height: auto; }
.elq-form label { font-size: 14px; }
select, textarea { font-size: 14px !important; padding: 3px 5px !important; }
@media (max-width: 1200px) { h3 { margin-top: 0px; } }

/* Additional Hermes Tweaks */
.dynamic-checkbox { left: 20px; }
.elq-form .dynamic-full-width .elq-item-label { margin-bottom: 0px !important; }
.elq-form .submit-button-style { margin-top: 20px; }


@media (max-width: 798px) { .branding-logo + .page-padding { max-width: 100%; } }

/* Fix for content exceeding callout height on desktop displays */
@media screen and (min-width: 799px) {
  .section-callout.one-third + .section-content, .callout-with-branding + .section-content { max-width: 66%; }
  .section-callout.one-half + .section-content { max-width: 50%; }
}

/* MODAL POPUP AND VIDEO WINDOW STYLES */

  .modal-popup { position: fixed; display: none; z-index: 10001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,.5); align-items: center; justify-content: center; }
  .modal-window { max-width: 940px; min-width: 280px; max-height: 100%; margin-right: 10px; margin-left: 10px; background-color: #ffffff; }
  .modal-window h2 { color: #ffffff; font-size: 18px !important; line-height: 22px !important; padding: 10px; background-color: #0085d5; }
  .modal-window .modal-close { color: #ffffff !important; font-size: 18px; line-height: 22px; padding: 10px; float: right; cursor: pointer; text-decoration: none; }
  .modal-window .modal-close:hover { color: #ffffff; }
  .modal-window .modal-close-cta { cursor: pointer; }

/* 12/3/2019 - Bryan Myers - Fix for checkboxes (nested) and radio vertical alignment */
  .elq-form .col-xs-12 input[type=checkbox] { left: 5px; }
  .elq-form .checkbox-label, .elq-form .checkbox-aligned { left: 35px; }
  .elq-form .col-xs-12 .single-checkbox-row .checkbox-aligned { left: 20px; }
  .elq-form .col-xs-12 input[type=radio] { top: 8px; }

/* 12/3/2019 - Bryan Myers - New CSS for full width video */
  .section-callout.video { margin-left: auto; margin-right: auto; max-width: 940px; float: none; text-align: center; }

/* 12/3/2019 - Bryan Myers - Fixes for form headers */
  .row .grid-layout-col .layout-col.col-sm-12.col-xs-12 div[style='text-align:left;'] { font-size: 12px; }
  .row .grid-layout-col .layout-col.col-sm-12.col-xs-12 .col-sm-12.col-xs-12.form2-desktop-width .row .col-xs-12 div[style='text-align:left;'] .elq-heading { margin-left: 0px; margin-right: 0px; }

  /* 8/2/2020 - Bryan Myers - fix for editor width */
  li.module { width: auto !important; height: auto !important; }


  /* SUB NAVIGATION */
  .sub-nav { background-color: #00426a; color: #ffffff; font-size: 12px; }
  .sub-nav .page-width ul { margin: 0px; padding: 0px; list-style: none; }
  .sub-nav .page-width li { display: inline-block; padding: 0px; margin: 0px !important; position: relative; }
  .sub-nav .page-width li:hover a:after { content: ' '; font-size: 0px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0085d5; position: absolute; z-index: 20; left: 65%; margin-left: -25%; top: 0px; }
  .sub-nav .page-width li.active a:after { content: ' '; font-size: 0px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0085d5; position: absolute; z-index: 20; left: 65%; margin-left: -25%; top: 0px; }
  .sub-nav .page-width li:hover a { text-decoration: none; }
  .sub-nav .page-width a { color: #ffffff !important; display: inline-block; padding: 16px 10px; text-align: center; position: relative; left: 0px; }
  .sub-nav .lead-text { padding-left: 15px; }
  @media (max-width: 798px) {
    .sub-nav .lead-text { display: none; }
  }

  /* SCROLL TO TOP BUTTON and ARROWS */
  .scroll-button { cursor: pointer; text-align: right; margin-top: 20px; }
  .arrow { border: solid #0085d5; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; margin-right: 10px; }
  .arrow.right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
  .arrow.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
  .arrow.up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
  .arrow.down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }


  .hero .page-padding { position: relative; }
  .hero .hero-text {
    justify-content: center;
    display: flex;
    flex-direction: column;
    top: 0;
    bottom: 0;
    position: absolute;
    max-width: calc(100% - 575px);
    width: 100%;
  }
  @media (max-width: 798px) {
    .hero .hero-text { display: block; position: relative; max-width: 100%; }
    .hero .hero-image { max-width: calc(100% + 30px); width: calc(100% + 30px) !important; margin-left: -15px; }
    .hero .hero-image img { max-width: 100%; width: 100% !important; }
    body .hero .hero-image::before {
      height: 500px !important;
      width: 100% !important;
    }
    .hero .right-animation { position: relative; overflow: hidden; }
    .hero .hero-image { overflow: hidden; }
    .hero .right-animation::after {
      margin-top: 0;
      width: 100% !important;
      height: 0px !important;
      position: relative;
      bottom: 0;
    }
    body .hero.loaded .right-animation::after {
      margin-top: -23px;
      transition: all 500ms ease 500ms;
      width: 100% !important;
      bottom: 0;
      height: 23px !important;
    }
    body .hero.loaded .hero-image::before { transition: height 500ms ease 250ms; width: 100% !important; height: 23px !important; }
    body .hero .hero-image::after {
      border-top: 23px solid rgba(0, 133, 34, 0.7) !important;
      border-left: none 0px transparent !important;
      left: 0 !important;
      top: 477px;
      padding-top: 23px;
      margin-top: 23px;
      height: 500px;
      width: 100% !important;
    }
    body .hero.loaded .hero-image::after {
      transition: all 500ms ease 250ms,width 500ms ease 500ms;
      height: 23px;
      width: 100% !important;
      top: 0px;
    }
  }

  /* CUSTOM HERO IMAGE ANIMATION COLORS */

  /* FIRST COLOR BAND / BACKGROUND */
      .hero.loaded .hero-image::before { background: rgba(0, 66, 106, 1); width: 23px !important; }
  /* SECOND COLOR BAND */
      .hero .hero-image::after { border-left: 23px solid rgb(0, 133, 34); }
  /* THIRD COLOR BAND */
      .hero .hero-image::after { background: rgba(0, 133, 34, 0.6); }
  /* FOURTH COLOR BAND */
      .hero .right-animation::after { background: rgba(0, 169, 224, 0.9); }

  /* PARALLAX CLASS */
  .parallax { min-height: 400px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

  /* SLIDER STYLES AND ANIMATIONS */
  .image-slider { position: relative; max-width: 100%; margin: auto; }
  .slide { display: none; }
  .slide img { max-width: 100%; }
  .slider-prev, .slider-next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; }
  .slider-next { right: 0; border-radius: 3px 0 0 3px; }
  .slider-prev:hover, .slider-next:hover { background-color: rgba(0, 0, 0, 0.8); color: #fff !important; }
  .slider-nav { text-align: center; position: absolute; bottom: 15px; width: 100%; }
  .slider-nav-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #717171; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; }
  .slider-nav-dot-active, .slider-nav-dot:hover { background-color: #bbb; }
  .slide-fade { -webkit-animation-name: slide-fade; -webkit-animation-duration: 1.5s; animation-name: slide-fade; animation-duration: 1.5s; }
  @-webkit-keyframes slide-fade { from {opacity: .4} to {opacity: 1} }
  @keyframes slide-fade { from {opacity: .4} to {opacity: 1} }

  /* HORIZONTAL TABS */
  section li.ui-tabs-tab { margin: 1px .2em -1px 0 !important; }
  .ui-widget { font-size: 1em !important; }
  .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius: 0px !important; }
  .ui-widget-content { background: none; }
  .ui-widget.ui-widget-content { border: 0px solid transparent; }
  .ui-widget-header { background: none; border: 0px solid transparent; border-bottom: 1px solid #aaaaaa; }
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #d0d0ce; }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #00a9e0; border: 1px solid #00a9e0; }
  .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: pointer; }
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #ffffff; }
  .ui-tabs .ui-tabs-panel { padding-top: 0px; padding-bottom: 0px; overflow: visible; }

  /* VERTICAL TABS */
  .ui-tabs-vertical { width: 100%; }
  .ui-tabs-vertical .ui-tabs-panel > h4, .ui-tabs-vertical .ui-tabs-panel > p, .ui-tabs-vertical .ui-tabs-panel div > h4, .ui-tabs-vertical .ui-tabs-panel div > p { margin-top: 0px; padding-top: 0px; }
  .ui-tabs-vertical .ui-tabs-panel { padding-top: 0px !important; }
  .ui-tabs-vertical .ui-widget-header { border-bottom: 0px solid transparent; }
  .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: calc(15% - .3em); }
  .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0 !important; }
  .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
  .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; }
  .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: calc(85% - 2em); }
  .ui-tabs .ui-tabs-nav .ui-tabs-anchor { width: calc(100% - 2em); }

  /* ACCORDION */
  .ui-accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #ffffff; }

  /* EDITOR FIXES */
  .tabs-accordion h3.ui-accordion-header span.editWrapperText, .tabs-vertical .ui-tabs-tab span.editWrapperText, .tabs-horizontal .ui-tabs-tab span.editWrapperText { width: auto !important; }
  .tabs-accordion h3.ui-accordion-header span.editWrapperHTML, .tabs-vertical .ui-tabs-tab span.editWrapperHTML, .tabs-horizontal .ui-tabs-tab span.editWrapperHTML { width: auto !important; }
  #sortable { margin-top: 0px; margin-bottom: 0px; list-style: none; margin: 0px; padding: 0px; }
  #sortable li { position: relative; }
  .section-padding:nth-child(odd) { background-color: transparent; }
  .section-padding:nth-child(even) { background-color: transparent; }
  #sortable > li:nth-child(even) { background-color: #d9d9d8; }
  #sortable > li:nth-child(odd) { background-color: #e7e7e6; }
  .section-callout { position: relative; }
  .section-callout.presenters { float: left !important; }

  /* #startup-window { display: flex; } */
  /* alternate alignments */

  /* alignments */
  .section-callout.one-third, .section-callout.one-half { margin-left: 30px; }
  .section-callout.one-third { max-width: calc(33% - 30px) !important; }
  div.two-thirds { max-width: calc(66% - 30px) !important; }
  .section-callout.one-half { max-width: calc(50% - 30px) !important; }
  div.one-half { max-width: calc(50% - 30px) !important; }
  .section-callout.one-fourth { max-width: calc(25% - 30px) !important; }
  .section-callout.two-thirds-left { max-width: calc(60% - 30px) !important; float: left; margin-right: 30px; }
  div.one-third-right { margin-left: calc(66% - 30px) !important; }

  .toggleAlignment .section-callout.one-third, .toggleAlignment .section-callout.one-half { margin-right: 30px; float: left; margin-top: 25px; margin-left: 0px; }
  .toggleAlignment .callout-with-branding { margin-right: 0px; float: left; margin-left: 0px; margin-top: 0px; max-width: 33% !important; }
  .toggleAlignment .callout-with-branding .section-callout.one-third { padding-right: 0px; }
  .toggleAlignment .callout-with-branding .branding-logo { padding: 0px 30px 20px 0px; }
  .toggleAlignment .two-thirds, .toggleAlignment .one-half { float: right; margin-left: 30px; margin-right: 0px; margin-top: 0px; }
  .toggleAlignment .one-third-right { margin-right: 0px;  margin-left: 0px; display: inline-block; max-width: 40%; float: left; margin-top: 0px; }
  .toggleAlignment .one-third-right h4 { margin-top: 0px; }
  .toggleAlignment .section-callout.two-thirds-left { float: right; margin-left: 30px; margin-right: 0px; }

  .callout-with-branding .section-callout.one-third, .callout-with-branding .branding-logo { max-width: calc(100% - 30px) !important; }
  #form-c { border-top: 0px; }
  .scroll-button { margin-right: 15px; margin-top: 35px; }
  .tabs-accordion .scroll-button { margin-right: 0px; }
  @media (max-width: 798px) {
    .section-callout.presenters { max-width: 100% !important; }
    div.two-thirds { max-width: calc(100% - 30px) !important; }
    .toggleAlignment .section-callout.one-third, .toggleAlignment .section-callout.one-half, .toggleAlignment .callout-with-branding .section-callout.one-third, .section-callout.one-third, .section-callout.one-half, div.one-half { margin-left: 0px; margin-right: 0px; }
    .toggleAlignment .callout-with-branding .section-callout.one-third, .section-callout.one-fourth, div.one-half, .callout-with-branding .section-callout.one-third, .callout-with-branding .branding-logo, .section-callout.one-third, .section-callout.one-half, .toggleAlignment .callout-with-branding { max-width: 100% !important; }
  }
/* END VULCAN REQUIRED STYLES */

/* fix for two column video content section overlapping video */
.sec-video-66 .section-content { margin-left: calc(60% + 30px); }
@media(max-width: 798px) {
  .sec-video-66 .section-content { margin-left: 0px; }
  .section-callout.two-thirds-left { max-width: 100% !important; margin-right: 0px; float: none; margin-top: 0px; }
}

/* odd fix for four callout section ??? Might be related to new flex containers */
@media(max-width: 1200px) {
  .section-callout.one-fourth+.section-callout.one-fourth+.section-callout.one-fourth { margin-top: 0px; }
}
.callouts {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0px;
}

.sec-2-callout .callouts h4, .sec-2-callout .callouts .img-fix, .sec-2-callout .callouts .callout-content, .sec-2-callout .callouts .cta-button, .sec-2-callout .callouts .callout-treatment {
  padding: 30px;
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  max-width: calc(50% - 30px);
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 0px 0px 0px 30px;
  padding: 0px 30px;
  z-index: 10;
}

.sec-3-callout .callouts h4, .sec-3-callout .callouts .img-fix, .sec-3-callout .callouts .callout-content, .sec-3-callout .callouts .cta-button, .sec-3-callout .callouts .callout-treatment {
  padding: 30px;
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  max-width: calc(33.3% - 30px);
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 0px 0px 0px 30px;
  padding: 0px 30px;
  z-index: 10;
}

.sec-4-callout .callouts h4, .sec-4-callout .callouts .img-fix, .sec-4-callout .callouts .callout-content, .sec-4-callout .callouts .cta-button, .sec-4-callout .callouts .callout-treatment {
  padding: 30px;
  display: block;
  -webkit-box-flex: 1;
  flex-grow: 1;
  width: 100%;
  max-width: calc(25% - 30px);
  box-sizing: border-box;
  background-color: #ffffff;
  margin: 0px 0px 0px 30px;
  padding: 0px 30px;
  z-index: 10;
}

.callouts .callout-treatment {
  height: 4px;
  background: #0085d5 url('https://www.agilent.com/cs/promotions/images/20170914-teaser-head-strip-960x4.png') no-repeat right;
}

.callouts h4 {
  font-size: 22px;
  font-weight: 300;
  padding-top: 20px !important;
  padding-bottom: 15px !important;
  color: #000000;
}

.forceWhiteText .callouts p, .forceWhiteText .callouts h3, .forceWhiteText .callouts div, .forceWhiteText .callouts li { color: #53565a; }

.callouts .img-fix img, .img-fix img {
  width: 100% !important;
  height: auto !important;
  display: block;
}
.callouts .callout-treatment { order: 0; }
.callouts h4 { order: 1; }
.callouts .img-fix { order: 2; }
.callouts .callout-content { order: 3; color: #53565a; padding-top: 15px !important; font-size: 13px; padding-bottom: 30px !important; }
.callouts .cta-button { order: 4; padding-bottom: 20px !important; font-size: 13px; }

.callouts .callout-content :first-child { padding-top: 0px !important; margin-top: 0px !important; }
.callouts .callout-content :last-child { padding-bottom: 0px !important; margin-bottom: 0px !important; }

@media (max-width: 1200px) {
  .sec-4-callout .callouts h4, .sec-4-callout .callouts .img-fix, .sec-4-callout .callouts .callout-content, .sec-4-callout .callouts .cta-button, .sec-4-callout .callouts .callout-treatment {
    padding: 30px;
    display: block;
    -webkit-box-flex: 1;
    flex-grow: 1;
    width: 100%;
    max-width: calc(50% - 30px);
    box-sizing: border-box;
    background-color: #ffffff;
    margin: 0px 0px 0px 30px;
    padding: 0px 30px;
    z-index: 10;
  }

  .sec-4-callout .callouts .callout-treatment ~ .callout-treatment ~ .callout-treatment { order: 6; margin-top: 30px; }
  .sec-4-callout .callouts h4 ~ h4 ~ h4 { order: 7; }
  .sec-4-callout .callouts .img-fix ~ .img-fix ~ .img-fix { order: 8; }
  .sec-4-callout .callouts .callout-content ~ .callout-content ~ .callout-content { order: 9; }
  .sec-4-callout .callouts .cta-button ~ .cta-button ~ .cta-button { order: 10; }

  .sec-4-callout .callouts .callout-treatment ~ .callout-treatment ~ .callout-treatment ~ .callout-treatment { order: 6; margin-top: 30px; }
  .sec-4-callout .callouts h4 ~ h4 ~ h4 ~ h4 { order: 7; }
  .sec-4-callout .callouts .img-fix ~ .img-fix ~ .img-fix ~ .img-fix { order: 8 ; }
  .sec-4-callout .callouts .callout-content ~ .callout-content ~ .callout-content ~ .callout-content { order: 9; }
  .sec-4-callout .callouts .cta-button ~ .cta-button ~ .cta-button ~ .cta-button { order: 10; }
}

@media (max-width: 798px) {
  .sec-3-callout .callouts h4, .sec-3-callout .callouts .img-fix, .sec-3-callout .callouts .callout-content, .sec-3-callout .callouts .cta-button, .sec-3-callout .callouts .callout-treatment, .sec-4-callout .callouts h4, .sec-4-callout .callouts .img-fix, .sec-4-callout .callouts .callout-content, .sec-4-callout .callouts .cta-button, .sec-4-callout .callouts .callout-treatment, .sec-2-callout .callouts h4, .sec-2-callout .callouts .img-fix, .sec-2-callout .callouts .callout-content, .sec-2-callout .callouts .cta-button, .sec-2-callout .callouts .callout-treatment { margin-left: 0px !important; }
  .callouts .callout-treatment, .callouts h4, .callouts .img-fix, .callouts .callout-content, .callouts .cta-button { max-width: 100% !important; }
  .callouts { margin-right: 0px; }
  .callouts .callout-treatment ~ .callout-treatment { order: 5; margin-top: 30px; }
  .callouts h4 ~ h4 { order: 6; }
  .callouts .img-fix ~ .img-fix { order: 7; }
  .callouts .callout-content ~ .callout-content { order: 8; }
  .callouts .cta-button ~ .cta-button { order: 9; }

  .callouts .callout-treatment ~ .callout-treatment ~ .callout-treatment { order: 10 !important; margin-top: 30px; }
  .callouts h4 ~ h4 ~ h4 { order: 11 !important; }
  .callouts .img-fix ~ .img-fix ~ .img-fix { order: 12 !important; }
  .callouts .callout-content ~ .callout-content ~ .callout-content { order: 13 !important; }
  .callouts .cta-button ~ .cta-button ~ .cta-button { order: 14 !important; }

  .callouts .callout-treatment ~ .callout-treatment ~ .callout-treatment ~ .callout-treatment { order: 15 !important; margin-top: 30px; }
  .callouts h4 ~ h4 ~ h4 ~ h4 { order: 16 !important; }
  .callouts .img-fix ~ .img-fix ~ .img-fix ~ .img-fix { order: 17 !important; }
  .callouts .callout-content ~ .callout-content ~ .callout-content ~ .callout-content { order: 18 !important; }
  .callouts .cta-button ~ .cta-button ~ .cta-button ~ .cta-button { order: 19 !important; }
}

/* FORCE BACKGROUND COLOR UPDATES */
.forceWhiteText .cta-button a { background-color: #00426a !important; border: 1px solid #ffffff; color: #ffffff !important; }
.forceWhiteText .section-callout .cta-button a { background-color: #0085d5 !important; color: white !important; padding: 15px 21px; display: inline-block; margin-top: 15px; margin-bottom: 15px; }
.forceWhiteText .section-callout .cta-button a:hover { background-color: #00426a !important; text-decoration: none !important; }
.forceWhiteText .section-callout p, .forceWhiteText .section-callout div, .forceWhiteText .section-callout li, .forceWhiteText .section-callout { color: #53565a; }
.forceWhiteText .elq-heading { border-color: #ffffff; }
.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }

/* FORCE BACKGROUND COLOR UPDATES - image w/o callout */
.forceWhiteText .cta-button a { background-color: #00426a !important; border: 1px solid #ffffff; color: #ffffff !important; }
.forceWhiteText .section-callout.no-callout .cta-button a { background-color: #00426a !important; color: white !important; padding: 15px 21px; display: inline-block; margin-top: 15px; margin-bottom: 15px; }
.forceWhiteText .section-callout.no-callout .cta-button a:hover { background-color: #00426a !important; text-decoration: none !important; }
.forceWhiteText .section-callout.no-callout p, .forceWhiteText .section-callout.no-callout div, .forceWhiteText .section-callout.no-callout li, .forceWhiteText .section-callout.no-callout, .forceWhiteText .section-callout.no-callout h4 { color: #ffffff; }
.forceWhiteText .elq-heading { border-color: #ffffff; }
.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }

/* FIXES FOR BACKGROUND COLOR ALTERING */

#sortable > li.alt-bg-color:nth-child(even) { background-color: #e7e7e6 !important; }
#sortable > li.alt-bg-color:nth-child(odd) { background-color: #d9d9d8 !important; }

/* CALLOUT hidden header fix */
.callout-treatment + .img-fix { padding-top: 20px; }

/* PRESENTER ROUGH MOBILE FIXES */

@media(max-width: 958px) { .section-callout.presenters .img-fix { max-width: 100%; margin-right: 0px; } }
@media(max-width: 798px) { .section-callout.presenters .img-fix { max-width: 100%; margin-right: 30px; } }
@media(max-width: 640px) { .section-callout.presenters .img-fix { max-width: 100%; margin-right: 0px; float: none; } }

/* FIX FOR HEADER HEADER REMOVAL ON CALLOUTS */
.callout-treatment + .img-fix { padding-top: 20px !important; }

/* START -- CALLOUT 100 */
.sec-callout-100 .section-callout { float: none; width: auto; max-width: 960px; margin-left: auto; margin-right: auto; }
.sec-callout-100 .img-fix { max-width: 30%; float: left; }
.sec-callout-100 .callout-content { float: right; width: 100%; max-width: calc(70% - 40px); padding-left: 40px; }
.sec-callout-100 .img-fix.remove + .callout-content { float: none; max-width: 100%; padding-left: 0px; }
@media (max-width: 798px) {
  .sec-callout-100 .img-fix { max-width: 100%; width: 100%; float: none; }
  .sec-callout-100 .callout-content { padding-top: 20px; float: none; max-width: 100%; padding-left: 0px; }
}
/* END -- CALLOUT 100 */

/* START -- FULL WIDTH CALLOUT */
.full-width-callout-module { display: block; position: relative; }
.full-width-callout-content { display: block; padding-bottom: 30px; }
.flex-left .full-width-callout-content { float: left; display: inline-block; width: 100% !important; padding-bottom: 30px; padding-top: 30px; }
.full-width-callout-image { float: right; width: 40%; margin-bottom: -10px; position: relative; }
.flex-left .full-width-callout-image { float: right; width: 30% !important; margin-bottom: -10px; position: relative; }
.flex-left .full-width-callout-button { width: 30%; }
.full-width-callout-image img { width: 100%; height: auto; padding-bottom: 10px; }
.flex-container { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; }
.flex-container .page-padding { border-right: 23px solid rgb(0,133,213); }
.flex-left { flex: 1; width: 50%;  border-right: 23px solid rgb(232, 119, 34); }
.flex-right { flex: 1; width: 50%; background-repeat: no-repeat; background-position: -50px center; background-size: calc(100% + 40px) auto; border-left: 23px solid rgba(242, 169, 0, 0.6); }
@media (max-width: 1200px) { .flex-right { background-position: calc(50% - 25px) center; } }
@media (max-width: 1000px) { .flex-right { background-size: auto 100%; } }
@media (max-width: 682px) {
  .flex-container { display: -webkit-flex; -webkit-flex-wrap: wrap; display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
  .flex-left { width: 100%; display: block; width: initial; border-top: 23px solid rgba(232, 119, 34) !important; border-right: 0px solid #0085d5 !important;  }
  .flex-right { flex: 1 300px; display: block; width: initial;  background-image: url('https://via.placeholder.com/632x421'); background-repeat: no-repeat; background-size: cover; border-bottom: 23px solid rgbargba(242, 169, 0, 0.6) !important; height: 300px; border-left: 0px solid #0085d5 !important; background-position: center calc(50% + 25px); margin-top: 0x; }
  .flex-container .page-padding { border-top: 23px solid #0085d5 !important; border-right: 0px solid #0085d5 !important; }
  @supports (-webkit-touch-callout:none) { .flex-right { background-position: center bottom !important; } }
}
@media (max-width: 600px) { .flex-right { flex: 1 250px; background-position: center center; } }
@media (max-width: 520px) { .flex-right { flex: 1 200px; } }
@media (max-width: 445px) { .flex-right { flex: 1 150px; } }
@media (max-width: 375px) { .flex-right { flex: 1 100px; } }
.hide-section { display: none !important; }
.editMode #sortable>li.full-width-callout:hover section { padding-top: 0px; padding-bottom: 0px; }
/* END -- FULL WIDTH CALLOUT */

/* START -- HERO NO IMAGE */
.page-width.hero-no-image { border-top-width: 0px; border-top-style: none; border-right-width: 100px; border-right-style: solid; }
.page-padding-colorBand2.hero-no-image { border-top-width: 0px; border-top-style: none; border-right-width: 25px; border-right-style: solid; }
.page-padding.hero-no-image { border-top-width: 0px; border-top-style: none; border-right-width: 50px; border-right-style: solid; }
@media (max-width: 798px) {
  .page-width.hero-no-image { border-right-width: 0px; border-right-style: none; border-top-width: 25px; border-top-style: solid; }
  .page-padding-colorBand2.hero-no-image { border-right-width: 0px; border-right-style: none; border-top-width: 25px; border-top-style: solid; }
  .page-padding.hero-no-image { border-right-width: 0px; border-right-style: none; border-top-width: 25px; border-top-style: solid; }
}
/* END -- HERO NO IMAGE */