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,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,0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0,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 } a.button,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% } .masthead { color: red } 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% } .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% } .brandCampaign .hero-slideshow>div { height: 750px } .brandCampaign .hero-banner { height: 750px } .brandCampaign .hero-slideshow { min-height: 750px; margin-top: 75px } html { overflow-y: scroll } .brandCampaign .sticky-nav-wrapper { display: none}