.wrapper { display: flex; flex-direction: column; }
#bodyID * { font-family: 'Roboto', Arial, sans-serif, Helvetica !important; }
li { font-size: 16px !important; }
input[type="submit"] { border-radius: 0 !important; -webkit-appearance: none !important; }
#bodyID {
  background-color: #ffffff;
  font-size: 15px !important;
  line-height: 24px !important;
  color: #53565a !important;
  text-transform: none !important;
  text-decoration: none !important;
}
header {
  background-color: #0085d5;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-top: 20px;
}
#header-optional a {color:white !important;}
.btn { background-color: #0085d5; }
.btn-primary { border-radius: 0px; }
h1, h2, h3, h4, h5, p, a, li, label, input { font-weight:normal; font-family: 'Roboto', Arial, sans-serif, Helvetica !important; }
#hero {
  background-color: rgba(0,133,213,0.75) !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;  /*previously 192px*/
  padding-top: 0px;
  position: relative;
  order: 1;
}
#hero .overlay {
  position: absolute;
  background-color: #0085d5;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#hero .overlayText {
  position: absolute;
  background-color: #000000;
  height: 50%;
  width: 60%;
  top: 0;
  left: 0;
  opacity: 0.7;
}
#hero-text h1 {opacity: none !important;}
#headline {
  background-color: #ffffff;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 20px;
  padding-top: 20px;
  order: 6;
  display:none;  /*hide for now: AMB*/;
}
#c6633 {
  background-color: #f8f9fa;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 1;
  border-bottom: 1px solid #d0d0ce;
}
#form-c { border-bottom: 1px solid #d0d0ce; }
#c1 {
  background-color: #ffffff;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 1;
  border-bottom: 1px solid #d0d0ce;
}
#c1-basic {
  background-color: #ffffff;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 8;
  border-bottom: 1px solid #d0d0ce;
}
#c2 {
  background-color: #f1f1f0;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 2;
  border-bottom: 1px solid #d0d0ce;
}
#c2-teaser {
  background-color: #f1f1f1;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 3;
  border-bottom: 1px solid #d0d0ce;
}
#c2-teaser .teaser-container {
  background-color:#f1f1f1;
  background-image:none;
  padding:25px 30px;
}
.teaser-column {
  background-color:#ffffff;
  padding:25px 30px;
  background: #ffffff url('https://www.agilent.com/cs/promotions/images/20170914-teaser-head-strip-960x4.png') no-repeat right 0;
}
.teaser-container img { margin-bottom:1em !important; }
.teaser-container h2 { font-size: 22px !important; font-weight: 300 !important; }
#c2-video {
  background-color: #ffffff;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 6;
  border-bottom: 1px solid #d0d0ce;
}
#c3 {
  background-color: #f8f9fa;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 4;
  border-bottom: 1px solid #d0d0ce;
}
#c4 {
  background-color: #f8f9fa;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 5;
  border-bottom: 1px solid #d0d0ce;
}
#c3366 {
  background-color: #f8f9fa;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 7;
  border-bottom: 1px solid #d0d0ce;
}
#c3366 .showcase-img {
  min-height: 30rem;
  background-size: cover;
}
#video {
  background-color: #343a40;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
  order: 8;
  border-bottom: 1px solid #d0d0ce;
}
footer {
  background-color: #f8f9fa;
  display: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-bottom: 50px;
  padding-top: 50px;
}
a { color:#0085d5; text-decoration:none; }

/* Form Styles */
.elq-form { width: 100% !important; padding-top: 20px !important; }
.elq-form label {
  color: #212529 !important;
  font-weight: normal !important;
  margin-bottom: .5rem !important;
}
.elq-formCol, .elqFieldWrap { width: 100% !important; }
.elwButtonRow { width: 100% !important; text-align: center; }
.elqButtonWrap { margin-left: 0 !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;
  /* width: 100% !important; Bryan - Removed for formatting update */
}
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 !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;
  /* width: 100% !important; Bryan - Removed for formatting update */
}
.cta-13px a { font-size: 16px !important; }
.teaser-container p, .teaser-container .cta-13px a { font-size: 13px !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: 15px !important;
  margin-top: 5px !important;
  padding: 6px 0pt 3px;
}
.c2-presenters img { max-width: 200px; }
.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); }
@media (max-width: 768px) {
  .center-on-mobile { text-align: center !important; }
  .hide-on-mobile { display: none !important; }
  #c2-col-1, #c3-col-1, #c3-col-2, #c3-col-3, #three-col-1, #three-col-2, #three-col-3, #c3366-col-1 { margin-bottom: 2rem !important; }
  .teaser-column {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
  header img { height: 47px !important; width: 220px !important; }
  header { padding-top: 9px !important; padding-bottom: 9px !important; }
  #c2-presenters img { width: 100% !important; }
}
@media (max-width: 991px) {
  #hero .img-fix img, #mobile-hero { display: none !important; }
  .teaser-column {
    max-width: 80% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
/* 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; }
.misc-header-style1 { line-height: 150%; font-weight: normal; font-size: 17px; }
.img-fix img { width: 100% !important; height: auto !important; }
.cta-btn a { background-color: #0085d5; border-radius: 0px; color: white !important; }
#c2-presenters {
    background-color: #f1f1f1;
    display: inherit;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 50px;
    padding-top: 50px;
    order: 3;
    border-bottom: 1px solid #d0d0ce;
}
#c2-presenters .teaser-container { background-color:#f1f1f1; background-image:none; padding:25px 30px; }
#c2-presenters .teaser-container img { float: left; margin-right: 20px; }
#c2-presenters.v2 .teaser-column { background-color:#ffffff; padding: 0px !important; background-image: none !important; }
.clear-both { clear: both; }

/* BRYAN - fix for checkbox alignment on mobile */
#formElement33 .list-order, #formElement35 .list-order {
  position: relative;
}

#formElement33 input[type="checkbox"], #formElement35 input[type="checkbox"] {
  position: absolute;
  top: 4px;
  left: 0px;
}

#formElement33 .checkbox-label, #formElement35 .checkbox-label {
  position: relative;
  top: 0px;
  left: 35px;
  padding-left: 0px;
  margin-left: 0px;
}
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;
}

header.container-fluid { padding-left: 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 .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: 100%; }

/* NEW FORM STYLES */

.elq-form .elq-field-style div.col-sm-12:nth-child(1) {
  max-width: 31%;
}

.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: 35px; }

.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 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; }
  .field-control-wrapper div {
    width: 100%;
  }
}