ul, ol { margin-bottom: 10px; margin-top: 0 } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } kbd { background-color: #333; border-radius: 3px; box-shadow: 0 -1px 0 rgba(0, 0, 0, .25) inset; color: #fff; font-size: 90%; padding: 2px 4px } pre { background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; color: #333; display: block; font-size: 13px; line-height: 1.42857; margin: 0 0 10px; padding: 9.5px; word-break: break-all; } table { background-color: transparent; max-width: 100% } label { display: inline-block; font-weight: 700; margin-bottom: 5px } .popover { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); display: none; left: 0; max-width: 276px; padding: 1px; position: absolute; text-align: left; top: 0; white-space: normal; z-index: 1010 } .clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical>.btn-group::before, .btn-group-vertical>.btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { content: " "; display: table } .clearfix::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical>.btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both } .show { display: block  !important } .update2024 a.button,.update2024 button { display: block; float: left; margin: .7em .5em .7em 0; padding: 0 10px; border: 2px solid #c7c7c7; background: #f8f8f8; font-family: Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #777; cursor: pointer; text-align: center } button { width: auto; overflow: visible; height: 32px } body, h1, h2, h3, dl, dt, dd, form, figure { padding: 0; margin: 0 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body { font: 1em/1.75 helvetica, sans-serif; background: #efefef; position: relative; color: #555  !important; -webkit-text-size-adjust: none } h1, h2, h3 { font-size: 1em; font-weight: normal } a { color: #009dd9; text-decoration: none; outline: 0 } img { border: 0; max-width: 100%; max-height: 100% } h1, h2, h3, h4, h5, h6 { color: #555 } body { min-width: 0 } body { font: 1em/1.75 "Lato", Helvetica, Arial, sans-serif; background: #efefef; position: relative; color: #555; -webkit-text-size-adjust: none } .bar_3-offCanvas-heading>.text, .bar_3-leftLink, .bar_3-rightLink, .bar_3-footer, .nestedMenu, .productList, .generalList, .no-fontface .nestedMenu .actionArrow>.arrow[data-icon]:before, .no-fontface .productList .actionArrow>.arrow[data-icon]:before, .no-fontface .generalList .actionArrow>.arrow[data-icon]:before, .button-standard, .button-standard-alt, .button-called-out, .button-called-out-alt, .button-called-out-positive, .button-flat, .expandableMenu, .calloutBox, input, select, option { font-family: "Lato", Helvetica, Arial, sans-serif  !important; margin-left: 4px } .brandCampaign .hero-banner { width: 100%; text-align: center; position: relative } .brandCampaign .scroll-fade { opacity: 1 } .brandCampaign .scroll-fade.image { width: 100%; position: relative; padding: 20% 0 30% } .brandCampaign .hero-slideshow { position: relative; width: 100% } .brandCampaign .hero-slideshow>div { top: 0; left: 0; right: 0; bottom: 0; background: no-repeat center center; background-size: cover; height: 400px } .brandCampaign .hero-slideshow>div img { width: 100%; height: 100%; object-fit: cover; } .brandCampaign .hero-brand-logo { width: 100%; padding: 1em 0 } .brandCampaign .hero-descriptive-text { color: #fff; width: 100%; text-align: center; } .brandCampaign .hero-descriptive-text .hero-description { font-size: 1.25em; padding: 0; margin: 0 } .brandCampaign .hero-descriptive-text .hero-quote-source { font-size: 1em; padding: 0; margin: 0 } .brandCampaign .hero-icons { width: 100%; display: -webkit-box; padding: 1em 0 0 } .brandCampaign .hero-icons .hero-icon-navigation-items-container { list-style: none; display: table; flex-direction: row; justify-content: center; padding: 0 8%; margin: 0 auto } html body { min-width: 100% } .brandCampaign .hero-icons .hero-icon-navigation-items-container { padding: 0 } @media only screen and (min-width: 65em) { .brandCampaign .scroll-fade.video, .brandCampaign .scroll-fade.image { background: transparent; width: 40%; position: absolute; padding: 0; z-index: 1; top: 20%; left: 10% } html { overflow-y: scroll } }