<!-- StartFormCustomCSS -->



<style type="text/css">
.title_part { display: none!important;
}

/* defaults */
* { -webkit-font-smoothing: antialiased; }
html, body { scroll-behavior: smooth; margin: 0px; padding: 0px; height: 100%; font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #53565A; position: relative; }

/* SYSTEM - modal popup styles */
.modalPopup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); display: none; z-index: 2000; }
.modalPopup .popupPadding, #modalPopupList .nav-module-settings + .popupPadding { background-color: #efefef; -webkit-box-shadow: 2px 2px 13px 0px rgb(50 50 50); -moz-box-shadow: 2px 2px 13px 0px rgba(0, 0, 0, 1); box-shadow: 2px 2px 13px 0px rgb(50 50 50); border: 1px solid #333; width: calc(100% - 40px); max-width: 600px; }
.modalPopup .form-padding { max-height: calc(100vh - 100px); overflow-y: auto; padding: 10px; border-bottom: 1px solid #ccc; background-color: #fff; }
.modalPopup .form-input-group { padding: 10px 20px; margin: 0px 5px 5px 5px; position: relative; }
.modalPopup .form-input-group + .form-input-group { margin-top: 5px; border-top: 1px solid #ccc; }
.modalPopup select { padding: 3px 5px; cursor: pointer; float: right; }
.modalPopup .modalPopup-title { margin: 0px; padding: 10px; background-color: #0085D5; color: #fff; }
.modalPopup input[type="button"], .module-preview .modalPopup .btn-close-all-modal-popups { margin: 14px; background-color: #53565a; display: inline-block; font-family: "robotomedium", Arial, Helvetica, sans-serif; border: none; font-size: 14px; color: #fff; padding: 8px 20px; text-decoration: none; float: right; cursor: pointer; margin-left: 0px; }
.modalPopup input[type="button"]:hover { background-color: #008522; }
.modalPopup input[type="checkbox"] { margin-right: 5px; }

/* SYSTEM - buttons styles */
.btnModule { float: right; background-color: #fff; border: 2px solid #333333; opacity: .3; z-index: 10; cursor: pointer; height: 24px; width: 24px; background-size: 100% 100%; background-repeat: no-repeat; margin: 15px 10px 10px 0px; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.btnModule { opacity: .3; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.btnModule:hover { opacity: 1 !important; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }


/* DESIGN - universal styles */
.page-width { max-width: 1232px; margin: 0 auto; padding: 0px; width: 100%; position: relative; }
.page-padding { padding: 0 15px; }

.border-bottom { border-bottom: 1px solid #D9E3E9; }
.border-all { border: 1px solid #D9E3E9; }
.bg-transparent, .bg-white, .bg-gray, .bg-dark-blue, .bg-agilent-blue {  -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.bg-white { background-color: #fff; color: #53565A; }
.module.bg-dark-blue .bg-white .module-title { color: #000; }
.bg-gray { background-color: #F2F5F7; }
.bg-dark-blue {background-color: #00426a; }
.bg-agilent-blue {background-color: #0085d5; }
.bg-dark-blue, .bg-agilent-blue, .module.bg-dark-blue .module-title, .module.bg-agilent-blue .module-title, .module.bg-agilent-blue .module-intro-text, .module.bg-dark-blue.double-callouts .callout-title, .module.bg-dark-blue.double-callouts .callout-intro-text, .callout.bg-dark-blue .callout-title, .callout.bg-dark-blue .callout-intro-text { color: white; }
.display-flex { display: flex; }
.clear-both { clear: both; }
.align-center { text-align: center; }
a { text-decoration: none; color: #0085D5; }
.bg-agilent-blue a { text-decoration: none; color: #fff; }
.bg-agilent-blue p { color: #fff; }
a:hover { text-decoration: underline; }

/* DESIGN - Masthead  */
.mastheads { position: relative; }
.masthead .page-padding { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; }
.masthead.brand-crosslab .page-padding, .masthead.brand-dako .page-padding, .masthead.brand-infinitylab .page-padding, .masthead.brand-openlab .page-padding { padding-left: 38px; padding-right: 38px; }

/* DESIGN - hero */
.heroSlides { position: relative; }
.hero { position: relative; }
.hero .page-width { margin-bottom: -30px !important; position: relative; }
.hero .page-padding { padding: 0px; }
.hero-slider { display: flex; align-items: center; flex-direction: row; }
.hero-title { font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 43px; line-height: 47px !important; }
.hero-intro-text { font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 20px; line-height: 29px; }
.hero-intro-text > p { padding: 0px; margin: 0px; }
.hero-cta .cta-btn { cursor: pointer; padding: 14px 20px; display: inline-block; border: #fff 1px solid; font-family: "robotomedium", Arial, Helvetica, sans-serif; font-size: 18px; color: #fff; text-decoration: none; }
.hero-slider .hero-title, .hero-slider .hero-intro-text, .hero-slider .hero-cta { margin: 0px; font-weight: inherit; padding: 20px 20px 20px 20px; /* max-width: 555px; */ }
.hero-slider .hero-title + .hero-slider .hero-intro-text, .hero-slider .hero-intro-text + .hero-cta, .hero-slider .hero-title + .hero-cta { padding-top: 0px; }
.hero-slider .hero-cta  { margin-bottom: 20px; }
.hero-nav { position: relative; top: -35px; display: inline-block; background: #333 !important; border: 1px solid #d1d1d1; border-radius: 5px !important; color: #333 !important; font-size: 1px; height: 10px !important; width: 10px !important; margin-left: 40px; cursor: pointer; }
.hero-nav + .hero-nav { margin-left: 2px; }
.hero-nav.active { background-color: #0085d5 !important; }
.hero-title + .hero-intro-text { padding-top: 0px !important; }

/* DESIGN - module */
.masthead .page-width, section.masthead, .module .page-width, section.module, section.hero, .module .module-intro-text, .videoWrapper, .imageWrapper, .hero-title, .hero-intro-text, .callout-title, .callout-intro-text, .modalPopup .module-intro-text { position: relative; }
.module .page-padding { padding: 55px 38px 60px 38px; }
.module .module-intro-text { color: #53565A; }
.module.bg-dark-blue .module-intro-text { color: #ffffff; }
.module .module-title, .module .module-intro-text { width: auto; max-width: 792px; }
.module-title { position: relative; font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 28px; line-height: 37px !important; color: #000; margin-top: -3px; font-weight: normal !important; margin-bottom: 0px; }
.callout.bg-white .cta-btn, .callout .cta-btn, .module .cta-btn, .module .module-cta-btn, .modalPopup .modal-popup-cta-btn, .modalPopup .module-cta-btn { cursor: pointer; margin: 14px 5px 0px 0px; background-color: #0085D5; display: inline-block; font-family: "robotomedium", Arial, Helvetica, sans-serif; border: none; font-size: 14px; color: #fff; padding: 8px 20px; text-decoration: none; }
.callout .cta-btn:hover, .module .cta-btn:hover, .module .module-cta-btn:hover, .modalPopup .modal-popup-cta-btn:hover, .modalPopup .module-cta-btn:hover { background-color: #00426A; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .module-cta-btn { border: 1px solid #0085D5; }
.module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .module-cta-btn { border: 1px solid #fff; background-color: #00426A; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.module .module-title + .callouts { margin-top: 23px; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.module, .hero { -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.module .form-padding { overflow-y: initial; position: relative; max-width: 250px; border: 1px solid #ccc; float: right; padding: 15px 20px 30px 20px; margin-left: 30px; width: 100%; }
.form-padding > .callout-title { margin-top: 10px; margin-bottom: 0px; }
.module .form-input-group { padding: 10px 0px; margin: 0px 5px 5px 5px; position: relative; }
.module .form-input-group + .form-input-group { margin-top: 5px; border-top: 1px solid #ccc; }
input[type="text"] { padding: 3px 5px; width: 100%; max-width: calc(100% - 10px); margin-top: 3px; }
.module.side-form .module-title, .module.side-form .module-intro-text { max-width: calc(100% - 360px) !important; }
.module.side-form .form-padding .module-title { max-width: 100% !important; }
.module-preview .form-padding, .modalPopups .form-padding { padding: 20px 30px; }

/* DESIGN - callout */
.callouts { display: inline-flex; margin-right: -52px; width: 100%; }
.callout { display: inline-block; padding: 30px; max-width: calc(50% - 50px); width: 100%; margin-top: 10px; position: relative; }
.callout + .callout { margin-left: 30px; }
.callouts img { width: 100%; }
.callout-title { font-family: "roboto", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; color: #000; margin: 18px 0px 13px; font-weight: 500; }
.callout-intro-text { font-family: "robotoregular", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 21px; color: #53565A; margin-bottom: -5px; word-wrap: break-word; }
.callouts .cta-btn { margin-top: 30px !important; }
.callouts.no-padding .callout { padding: 0px; background-color: transparent; max-width: 50%; }
.callouts.three-up .callout { max-width: 33%; }
.callouts.four-up { max-width: 100%; overflow: visible; }
.callouts.four-up .callout { max-width: calc(25% - 62px); min-width: calc(25% - 85px); }
.callouts.four-up .callout-title { padding-bottom: 10px; font-size: 18px; font-weight: 400; font-family: "robotoregular", Arial, Helvetica, sans-serif; line-height: 100%; }

.callouts.four-up .callout-intro-text { font-size: 13px; color: #5A6772; line-height: 1.4; }
.callouts + .module-cta-btn { margin-top: 40px; }
.ruo .page-padding { padding: 40px 38px 45px 38px; }

/* DESIGN - accordion */
.module-intro-text + .accordion-group { margin-top: 10px; }
.accordion-group + .module-cta-btn { margin-top: 30px; }
.accordion-title { position: relative; background-image: url('https://www.agilent.com/cs/agilent_images/plus.svg'); background-repeat: no-repeat; background-position: 54px 22px; margin: 0px; cursor: pointer; font-size: 24px; padding: 20px 26px 20px 120px; outline: none;  -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; font-weight: normal; font-family: "roboto", Arial, Helvetica, sans-serif; }
.accordion-title.active { background-image: url('https://www.agilent.com/cs/agilent_images/minus.svg'); }
.accordion-intro-text { position: relative; padding-bottom: 30px; }
.accordion-panel { padding: 0px 26px 0px 120px; max-height: 0px; overflow: hidden; border-bottom: 1px solid #b1b3b3 !important; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }

/* DESIGN - navigation */
.content-nav { display: flex; }
.module .content-nav .module-cta-btn { flex-grow: 1; display: inline-block; text-align: center; border-right: 1px solid #ffffff; }
.module .content-nav .module-cta-btn:last-child { border-right: 0px none transparent; }
.module.nav-module .page-padding { padding: 0px; }
.module.nav-module { padding: 0px; }
.content-nav .module-cta-btn { margin: 0px; }
.nav-module .btnModule { margin-top: 5px; }

/* DESIGN - mobile */
@media screen and (min-width: 992px) and (max-width: 1280px) {
  .hero-title { font-size: 34px; line-height: 38px !important; }
  .hero-intro-text { font-size: 18px; line-height: 25px !important; }
}
@media screen and (max-width: 991px) {
  .hero-title { font-size: 30px; line-height: 36px !important; }
  .hero-intro-text { font-size: 15px; line-height: 22px !important; }
}
@media screen and (max-width: 768px) {
  .module .form-padding { margin-bottom: 40px; margin-left: 0px; display: block; max-width: calc(100% - 62px); float: none; }
  .module.side-form .module-title, .module.side-form .module-intro-text { max-width: 100% !important; }
  .accordion-title { background-position: 10px 22px;  padding: 20px 26px 20px 50px; }
  .accordion-panel { padding: 0px 26px 0px 50px; }
  .callouts { display: block; margin-right: 0px; max-width: calc(100% - 52px); }
  .callout { display: block; max-width: 100%; }
  .callouts.no-padding { max-width: 100%; }
  .callouts.no-padding .callout { max-width: 100%; }
  .callouts.three-up .callout { max-width: 100%; }
  .callouts.four-up .callout { max-width: calc(100% - 60px); }
  .callouts.four-up { overflow: visible; }
  .callout + .callout { margin-left: 0px; margin-right: 0px; margin-top: 25px; }
}



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-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; 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; 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 screen and (max-width: 991px) {
  .elq-form .mobileSelect .label-position.left { 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: 33%; 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: 100% !important; }
@media screen and (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 screen and (max-width: 768px) {
  .elq-form .container-fluid { margin-left: auto; margin-right: auto; width: 100% !important; }
  .field-control-wrapper div { width: 50%; }
}

.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: 0px; 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; }
@media screen and (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; }

/* 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; }
.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }
.forceWhiteText .elq-heading, .forceWhiteText .elq-form label { color: #ffffff !important; }


/* UGLY HOT FIXES NEED TO BE SORTED */
@media screen and (min-width: 992px) {
  .btnModule:hover span { display: inline-block; }
}

.hidden-desktop { display: none; }

@media screen and (max-width: 992px) {
  .hidden-desktop { display: block; }
  .hidden-mobile { display: none; }
}

.elq-form .container-fluid { margin-left: 0px; margin-right: 0px; max-width: none; }
@media screen and (max-width: 991px) {
  .elq-form .container-fluid { width: auto !important; }
}
#form-c { padding-top: 20px; 
height: 141vh;
}
.btnModule:hover { background-color: #6cf; }
.btnModule span {
  background-color: #fff;
  color: #000;
  position: absolute;
  display: none;
  width: fit-content;
  white-space: nowrap;
  left: 49px;
  font-size: 14px;
  padding: 0px 8px;
  border: 2px solid #000000;
  margin-top: 8px;
  -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none;

}
.hero .page-width { margin-bottom: 0px !important; }
.callout.bg-dark-blue .cta-btn { border: 1px solid white; background-color: transparent; }
.bg-dark-blue .elq-form label{ color: #fff !important; }
.nav-module .btnModule { width: 24px; height: 24px; }
@media screen and (max-width: 500px) {
  .module .content-nav { display: block; }
  .module .content-nav .module-cta-btn { display: block; max-width: inherit; width: auto; border-right: 0px none transparent; border-bottom: 1px solid #fff; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
}

/* Add save and export popups */
@media screen and (max-width: 768px) {
  .module .form-padding { max-width: calc(100% - 42px); }
}

@media screen and (max-width: 768px) { .btnModule { margin-right: 8px; } }

/* DESIGN - right callouts */
.right-callout .module-title { max-width: 65%; }
.right-callout .callouts { display: inline-block; float: right; max-width: 30%; margin-right: 30px; margin-left: 45px; }
.right-callout .callout { max-width: calc(100% - 30px); margin-top: 0px; }
.right-callout .module-intro-text { max-width: 65%; }
.right-callout-50-50 .module-title { max-width: 50%; }
.right-callout-50-50 .callouts { display: inline-block; float: right; max-width: 45%; margin-right: 30px; margin-left: 45px; }
.right-callout-50-50 .callout { max-width: calc(100% - 30px); margin-top: 0px; }
.right-callout-50-50 .module-intro-text { max-width: 50%; }
.presenters .callout img { float: left; max-width: 40%; margin-right: 30px; font-size: 30px; }
.presenters .callout-title { margin-left: calc(40% + 30px); margin-top: 0px; }
.presenters .callout-intro-text { margin-left: calc(40% + 30px); }

@media screen and (max-width: 768px) {
  .right-callout .module-title, .right-callout-50-50 .module-title { max-width: 100%; }
  .right-callout .callouts, .right-callout-50-50 .callouts { display: block; float: none; max-width: calc(100% - 40px); margin-left: 0px; }
  .right-callout .callout, .right-callout-50-50 .callout { max-width: calc(100% - 30px); margin-top: 0px; margin-bottom: 30px; }
  .right-callout .module-intro-text, .right-callout-50-50 .module-intro-text { max-width: 100%; }
}

@media screen and (max-width: 1024px) {
  .presenters .callout img { float: none; max-width: 100%; margin-right: 30px; font-size: 30px; display: block; }
  .presenters .callout-title { margin-left: 0; margin-top: 20px; }
  .presenters .callout-intro-text { margin-left: 0; }
}

/* Trusted Answers Brand styles */
.page-width { max-width: 1024px; }

.trusted-answers { padding-top: 0px; padding-bottom: 0px; }
.trusted-answers .page-padding { padding-top: 0px; padding-bottom: 0px; }
.trusted-answers .hero-title { padding-top: 10px; line-height: 18px !important; font-size: 18px !important; font-family: "roboto"; padding-bottom: 0px; background-color: transparent; /*max-width: 520px;*/ }
.trusted-answers .hero-title .btnOpenTextEditor { top: 3px; }
.trusted-answers .hero-intro-text { font-size: 36px !important; line-height: 42px !important; font-family: "roboto"; font-weight: normal; background-color: transparent; /*max-width: 520px;*/ }
.trusted-answers .hero-intro-text .btnOpenHTMLEditor { top: 24px; }
.trusted-answers .hero-title + .hero-intro-text .btnOpenHTMLEditor { top: 8px; }
.trusted-answers .hero-cta { margin-bottom: 0px; background-color: transparent; /*max-width: 520px;*/ }
.bg-white.trusted-answers .hero-title, .bg-white.trusted-answers .hero-intro-text { color: #000; }

.trusted-answers.template2 .hero-slider { min-height: 215px; }
.trusted-answers.template2 .hero-slider .hero-cta .cta-btn { padding: 8px 12px; font-size: 14px; }

@media screen and (max-width: 940px) {
  .hero .page-width, .module .page-width { padding-left: 0px; }
  .trusted-answers.template2 .hero-slider { max-height: initial; min-height: initial; background-image: none !important; }
  .trusted-answers .hero-intro-text, .trusted-answers .hero-title { margin-right: 0px; }
}
/* Long form styles */
@media screen and (min-width: 992px) {
  .btnModule:hover span { display: inline-block; }
}

.hidden-desktop { display: none; }

@media screen and (max-width: 992px) {
  .hidden-desktop { display: block; }
  .hidden-mobile { display: none; }
}

.elq-form .container-fluid { margin-left: 0px; margin-right: 0px; max-width: none; }
@media screen and (max-width: 991px) {
  .elq-form .container-fluid { width: auto !important; }
}
#form-c { padding-top: 20px; }
.btnModule span {
  user-select: none;
  background-color: #fff;
  color: #000;
  position: absolute;
  display: none;
  width: fit-content;
  white-space: nowrap;
  left: 31px;
  font-size: 14px;
  padding: 0px 8px;
  border: 2px solid #000000;
  margin-top: -2px;
}
.bg-dark-blue .elq-form label { color: #fff !important; }
.bg-dark-blue .elq-form .elq-heading { border-color: #fff; }
.module-title .btnModule.btnOpenTextEditor { top: 5px; }
.hero-slider .hero-title + .hero-cta { padding-top: 20px; }
.module-cta-btn + .accordion-group, .module-cta-btn + .callouts { padding-top: 30px; }
.callouts .callout { padding-bottom: 80px; }
.callouts .callout .cta-btn { position: absolute; bottom: 30px; }
.double-callouts .callouts { padding-bottom: 0px; }
.double-callouts .callouts .callout .cta-btn { position: initial; margin-top: 20px; }
.heroSlides .trusted-answers .hero-slider .hero-cta .cta-btn, .module.bg-dark-blue .module-cta-btn, .module.bg-dark-blue .cta-btn { background-color: #0085d5; color: #fff !important; border-color: #fff; }
.module.bg-dark-blue .module-cta-btn:hover, .module.bg-dark-blue .cta-btn:hover, .heroSlides .trusted-answers .hero-slider.bg-dark-blue .hero-cta .cta-btn:hover { background-color: #0085d5; color: #fff; border-color: #fff; }
.elq-form .submit-button, .elq-form .submit-button-style { padding: 19px 26px !important; height: auto !important; display: inline-block !important; }

/* mastehead styles */
.masthead .page-padding { padding-top: 24px; padding-bottom: 24px; }
.masthead img { height: 56px; width: 261.5px; }
.masthead.brand-crosslab img { height: 56px; width: 118.5px; }
.masthead.brand-dako img { height: 44px; width: 66.3px; }
.masthead.brand-infinitylab img { height: 44px; width: 122.2px; }
.masthead.brand-openlab img { height: 43px; width: 114.7px; }

@media screen and (max-width: 1024px) {
  .masthead img { height: 48px; width: 261.5px; }
  .masthead.brand-crosslab img { height: 48px; width: 118.5px; }
  .masthead.brand-dako img { height: 44px; width: 66.3px; }
  .masthead.brand-infinitylab img { height: 38px; width: 122.2px; }
  .masthead.brand-openlab img { height: 37px; width: 114.7px; }
}

/* long form styles */
.long-form.modules { min-height: 0px; }

@media screen and (max-width: 1024px) { .long-form.modules .page-width { padding-left: 0px; } }



.hero.bg-agilent-blue .hero-slider .cta-btn { border: 1px solid #fff !important; }
.hero.bg-white.trusted-answers .hero-cta .cta-btn { border-color: #0085d5; background-color: #0085d5; color: #fff; }
.hero.bg-white.trusted-answers .hero-cta .cta-btn:hover { border-color: #0085d5; background-color: #0085d5; color: #fff; }

.callout.bg-dark-blue .callout-intro-text { color: #fff; }
.module.ra-de-number { font-size: 12px; line-height: 16px; color: #888B8D; }
.modules .form-padding { position: relative; }
.callout::before, .module .form-padding:before {
  position: absolute;
  content: "";
  height: 7px;
  background: #0085d5;
  background: -moz-linear-gradient(left,  #0085d5 1%, #0085d5 52%, #00a9e0 52%, #00a9e0 76%, #00a9ea 84%, #0085d5 84%, #0085d5 92%, #00426a 92%, #00426a 100%);
  background: -webkit-linear-gradient(left,  #0085d5 1%,#0085d5 52%,#00a9e0 52%,#00a9e0 76%,#00a9ea 84%,#0085d5 84%,#0085d5 92%,#00426a 92%,#00426a 100%);
  background: linear-gradient(to right,  #0085d5 1%,#0085d5 52%,#00a9e0 52%,#00a9e0 76%,#00a9ea 84%,#0085d5 84%,#0085d5 92%,#00426a 92%,#00426a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085d5', endColorstr='#00426a',GradientType=1 );
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: 7px;
}
.callouts.four-up .callout-title .btnModule.btnOpenTextEditor { top: -7px; }

@media screen and (max-width: 1024px) {
  .masthead .page-padding { padding-left: 0px; }
}

@media screen and (max-width: 768px) {
  .callouts.four-up .callout-title {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 18px 0px 13px 0px;
    font-weight: 500;
  }

  .callouts.four-up .callout-title .btnModule.btnOpenTextEditor { top: 0px; }
  .callouts.four-up .callout-intro-text {
    font-size: 16px;
    line-height: 21px;
    color: #53565a;
    margin-bottom: -5px;
  }
}
.double-callouts .callout::before {
  content: none;
  background: none;
}

.trusted-answers .hero-cta .cta-btn { padding: 8px 12px; font-size: 14px; }

/* Agilent Masthead Logo Desktop/Mobile */
.desktop-only { display: inline-block; }
.mobile-only { display: none; }
@media screen and (max-width: 768px) {
  .desktop-only { display: none; }
  .mobile-only { display: inline-block; }
  .masthead img.mobile-only { width: 119.14px; padding-left: 20px; }
}
/* color picker dump from prototype 12-24-2021 - bryan.myers@agilent.com */
.bg-agilent-blue { background-color: #0085d5; }
.bg-white { background-color: #fff; }
.clear-both { clear: both; }
.masthead-hero-preview { float: left; max-width: calc(100% - 404px); width: 100%; }
.masthead-hero-preview-padding { padding: 10px; margin: 10px; }

.template2 .colorBand1 { position: absolute; top: 0; bottom: 0; left: 0px; width: 100%; text-align: center; background-color: rgb(0, 66, 106); }
.template2.loaded .colorBand1 { width: 25px; right: auto; transition: width 800ms ease; }
.template2 .colorBand2 { position: absolute; top: 0; bottom: 0; left: calc(100% - 50px); width: 25px; background-color: rgb(0, 169, 224); text-align: center; }
.template2.loaded .colorBand2 { left: 25px; transition: all 800ms ease; }
.template2 .colorBand3 { position: absolute; top: 0; bottom: 0; left: calc(100% - 25px); width: 100%; background-color: rgb(0, 169, 224); opacity: .7; text-align: center; }
.template2.loaded .colorBand3 { left: 50px; width: 25px; transition: all 800ms ease; }
.template2 .colorBand4 { position: absolute; top: 0; bottom: 0; right: 0px; width: 0px; background-color: rgb(0, 169, 224); opacity: .6; text-align: center; overflow: hidden; }
.template2.loaded .colorBand4 { right: 0px; width: 25px; transition: all 800ms ease; }

.template1 .hero-text { max-width: calc(100% - 200px); padding-top: 10px; padding-bottom: 10px; }
.template1 .colorBand1 { position: absolute; top: 0; bottom: 0; right: 0; left: 100%; width: 0px; text-align: center; background-color: rgb(0, 169, 224); opacity: .7; }
.template1.loaded .colorBand1 { width: 50px; right: 150px; left: auto; transition: all 800ms ease; }
.template1 .colorBand2 { position: absolute; top: 0; bottom: 0; right: 0; width: 0px; background-color: rgb(0, 169, 224); text-align: center; }
.template1.loaded .colorBand2 { right: 125px; left: auto; transition: all 800ms ease; width: 25px; }
.template1 .colorBand3 { position: absolute; top: 0; bottom: 0; right: 0; width: 0px; background-color: rgb(0, 66, 106); text-align: center; }
.template1.loaded .colorBand3 { left: auto; right: 0px; width: 125px; transition: all 800ms ease; }

/* fix for form labels in callouts contained in a dark blue module */
.bg-dark-blue .callout.bg-white .elq-form label  { color: #53565A !important; }
.no-banner .callout::before, .no-banner .module .form-padding:before {
  position: absolute;
  content: none;
  height: 0px;
  background-color: initial;
  background: ;
  filter: none;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
#form-c { padding-top: 0px; }
.hero-text { padding-left: 20px; }
.elq-form div { font-size: 14px; }
.module.no-banner .module-title + .callouts { margin-top: 0px; }
.module.no-banner .module-title + .callouts .callout { padding-top: 0px; }
.hero-image { height: auto; position: relative; padding-left: 50px; overflow: hidden; min-height: 300px; width: 100%; max-width: calc(50% - 50px); }
.hero-image img { display: block; position: absolute; left: calc(50% - 375px); }
@media screen and (max-width: 800px) {
  .hero-image { max-width: calc(100% - 50px); order: 1; }
  .template2 .hero-slider { flex-direction: column; }
  .hero-text { padding-top: 10px; padding-bottom: 10px; order: 2; }
}
input[name='optIn'] + label { text-align: left; }

@media screen and (max-width: 1024px) { .masthead .desktop-only { padding-left: 15px; } }


@media screen and (max-width: 640px) {
  .trusted-answers.template1 { margin-bottom: 50px; padding-top: 0px; }


  .trusted-answers.template2 { margin-bottom: 0px; padding-top: 20px; }

  .trusted-answers.template2.loaded .colorBand1 {
      top: -20px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2.loaded .colorBand2 {
      top: 0px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2.loaded .colorBand3 {
      top: 20px;
      height: 20px;
      bottom: auto;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2.loaded .colorBand4 {
      top: auto;
      height: 20px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2 .colorBand1 {
      top: -20px;
      height: 340px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2 .colorBand2 {
      top: 0;
      height: 320px;
      bottom: -20px;
      width: 100%;
      right: 0;
      left: 0;
  }

  .trusted-answers.template2 .hero-text {
    padding-top: 0px;
  }

  .trusted-answers.template2 .hero-intro-text {
    padding-top: 10px;
  }

  .trusted-answers.template2 .colorBand3 {
      top: 20px;
      height: 320px;
      bottom: -40px;
      width: 100%;
      right: 0;
      left: 0;
      transition: all 800ms ease;
  }

  .trusted-answers.template2 .colorBand4 {
      top: 0;
      height: 320px;
      bottom: 0;
      width: 100%;
      right: 0;
      left: 0;
  }

  .hero.trusted-answers.template2 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    overflow: hidden;
  }
  .hero-image { overflow: visible; padding-top: 20px; margin-bottom: 20px; }


  .hero-image img { left: calc(50% - 387px); }
}

.back-to-top {
  display: inline-block;
  margin-left: calc(100% - 28px);
  margin-right: 0px;
  margin-top: 20px;
  background-image: url('https://www.agilent.com/cs/promotions/images/expand-less.svg');
  background-position: left top;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
  background-size: 100% 100%;
  background-color: #fff;
  border: 2px solid #333333;
  transition: all .2s ease-in;
  opacity: .3;
  cursor: pointer;
  clear: both;
}
.back-to-top:hover { opacity: 1; }
.callout { padding: 0px 0px 80px 0px }
.right-callout .callout { max-width: calc(100% + 30px); }
.callout.border-all {  padding: 30px 30px 80px 30px; }
.right-callout .callout.border-all { max-width: calc(100% - 30px); }

.left-callout .callouts {
  float: left;
  max-width: 35%;
  margin-right: 45px;
  margin-left: 0px;
  margin-top: 12px !important;
}
.left-callout .callout { max-width: 100%; }
.left-callout .module-intro-text { margin-left: 40%; }

.left-callout-50-50 .callouts {
  float: left;
  max-width: 50%;
  margin-right: 45px;
  margin-left: 0px;
  margin-top: 12px !important;
}
.left-callout-50-50 .callout { max-width: 100%; }
.left-callout-50-50 .module-intro-text { margin-left: 55%; }

@media screen and (max-width: 768px) {
  .callout { padding: 0px 0px 80px 0px; }
  .callout { max-width: 100%; }
  .right-callout .callout.border-all, .right-callout-50-50 .callout.border-all, .three-up .callout.border-all { max-width: calc(100% - 60px); }
  .right-callout .callout, .right-callout-50-50 .callout, .three-up .callout { max-width: 100%; }
  .callouts.three-up { max-width: 100%; }
  .left-callout .callouts {
    display: block;
    float: none;
    max-width: calc(100% - 60px);
    margin-left: 0;
  }
  .left-callout .module-intro-text { margin-left: 0px; }

  .left-callout-50-50 .callouts {
    display: block;
    float: none;
    max-width: calc(100% - 60px);
    margin-left: 0;
  }
  .left-callout-50-50 .module-intro-text { margin-left: 0px;  }
}
.full-width-image .imageWrapper img { max-width: 100%; }
.mastheads { padding-top: 0px !important; }

.border-all.bg-dark-blue { broder-color: #00426a; }
.double-callouts .callout-title { margin-top: 0px; }
.modalPopup.full-width-callout .callouts { max-width: 100%; margin-right: 0px; }

.hero-text { width: 100%; }

/* add to global css */

.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
.row.custom-text-inputs { display: inline-block; width: 100%; max-width: 50%; margin-left: auto !important; margin-right: auto !important; }
.left-inputs .row, .right-inputs .row { display: inline-block; width: 100%; max-width: none !important; margin-left: auto; margin-right: auto; }
.row.custom-text-inputs .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
.modalPopup .custom-select { margin-left: -25px !important; margin-right: -6px !important; }
.selCountry .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
select[name='selCountry'], select[name='selState'], .elq-item-select { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; max-width: calc(100% - 10px); padding: 3px 5px !important; font-size: 13px !important; color: #8c8c8c !important; width: 100%; }
.elq-form .elq-field-style { padding-bottom: 5px; }
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }
.fade { transition: opacity 0.3s ease-in; }
.fadeOut { opacity: 1; }
.fadeIn { opacity: 1; }
.no-bullets span strong { padding: 0px; margin: 0px; }
.display-none { display: none; }
.left-inputs, .right-inputs { width: 100%; max-width: calc(50% - 20px); margin: 10px; padding: 20px; border: 1px solid #ddd; display: inline-block; }
.left-inputs div, .right-inputs div { padding: 0px !important; margin-bottom: -1px !important; }
.left-inputs { float: left; }
@media screen and (max-width: 540px) {
  .row.custom-text-inputs { display: block; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
  .left-inputs, .right-inputs { max-width: 100%; margin: 0px; padding: 0px; border: 0px solid #ddd; display: block; width: 100%; }
}
.btnCloseModalPopup { background-color: #000 !important; opacity: .6; }
.ai_clinicalResearch, .ai_vacuumSolutions, .t_automation, .t_dissolution, .t_electrophoresis, .t_flowCytometers, .t_microplates, .t_vacuumTechnologies { min-width: 300px; width: 50%; display: inline-block !important; }
.elq-form label { margin-bottom: 0px !important; }
input[type="checkbox"], label { cursor: pointer; }
.row.custom-text-inputs { max-width: none !important; }
/* THIS CLASS IS REQUIRED FOR CONTACT 2 FUNCTIONALITY */
.chkContact2Hide { display: none !important; }
.elq-required.error { color: #c00 !important; font-size: 10px; font-weight: 700; margin: 0 0 0 5px; }


//* add to global css */

.elq-form .elq-field-style div.col-sm-12:nth-child(2) { max-width: 100%; }
.row.custom-text-inputs { display: inline-block; width: 100%; max-width: 50%; margin-left: auto; margin-right: auto; }
.left-inputs .row, .right-inputs .row { display: inline-block !important; width: 100%; max-width: none !important; margin-left: auto !important; margin-right: auto !important; }
.left-inputs .pp-field, .right-inputs .pp-field { display: inline-block; width: 100%; max-width: none !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0px !important; }
.row.custom-text-inputs .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
.modalPopup .custom-select { margin-left: -25px !important; margin-right: -6px !important; }
.selCountry .layout-col.col-sm-12.col-xs-12 { padding: 0px; }
select[name='selCountry'], select[name='selState'], select[name='selJobLevel'], select[name='selJobFunction'] .elq-item-select { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; max-width: calc(100% - 10px); padding: 3px 5px 4px 5px !important; font-size: 13px !important; color: #8c8c8c !important; width: 100%; }
.elq-form .elq-field-style { padding-bottom: 5px; }
.elq-form .elq-field-style div.col-sm-12:nth-child(1) { max-width: 100%; }
.fade { transition: opacity 0.3s ease-in; }
.fadeOut { opacity: 1; }
.fadeIn { opacity: 1; }
.no-bullets span strong { padding: 0px; margin: 0px; }
.row.display-none { display: none !important; }
.left-inputs, .right-inputs { width: 100%; max-width: calc(50% - 20px); margin: 10px; padding: 20px; border: 1px solid #ddd; display: inline-block; }
.left-inputs div, .right-inputs div { padding: 0px !important; margin-bottom: -1px !important; }
.left-inputs { float: left; }
@media screen and (max-width: 540px) {
  .row.custom-text-inputs { display: block; width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; }
  .left-inputs, .right-inputs { max-width: 100%; margin: 0px; padding: 0px; border: 0px solid #ddd; display: block; width: 100%; }
}
.btnCloseModalPopup { background-color: #000 !important; opacity: .6; }
.ai_clinicalResearch, .ai_vacuumSolutions, .t_automation, .t_dissolution, .t_electrophoresis, .t_flowCytometers, .t_microplates, .t_vacuumTechnologies { min-width: 300px; width: 50%; display: inline-block !important; }
.elq-form label { margin-bottom: 0px !important; }
input[type="checkbox"], label { cursor: pointer; }
.row.custom-text-inputs { max-width: none !important; }
/* THIS CLASS IS REQUIRED FOR CONTACT 2 FUNCTIONALITY */
.chkContact2Hide { display: none !important; }
.elq-required.error { color: #c00 !important; font-size: 10px; font-weight: 700; margin: 0 0 0 5px; }

#formiframe { width: 100%!important; height: 100%!important; border: 0!important; }

	 </style>
    
    <!-- EndFormCustomCSS -->