.main_content { & 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); left: 0px; max-width: 276px; display: none; 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; } & a.button, & button { display: block; float: left; margin: .7em .5em .7em 0; padding: 0 10px; 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; } } }