/** screen.scss - screen.css Screen styling for the Icon 100 Years website. mobile-first with _media_desktop.scss styling for desktop. */
/** _mixins.scss  */
@keyframes rotate { 0% { transform: rotate(0); }
  100% { transform: rotate(360deg); } }
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); } }
@keyframes bg-slide { 0% { background-position: 0 0; }
  100% { background-position: -116px 0; } }
@-webkit-keyframes bg-slide { 0% { background-position: 0 0; }
  100% { background-position: -116px 0; } }
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/** _variables.scss  */
.AvenirLTStd-BlackOblique { font-family: AvenirLTStd-BlackOblique; }

.AvenirLTStd-Heavy { font-family: AvenirLTStd-Heavy; }

.AvenirLTStd-BookOblique { font-family: AvenirLTStd-BookOblique; }

.AvenirLTStd-Book { font-family: AvenirLTStd-Book; }

.AvenirLTStd-Black { font-family: AvenirLTStd-Black; }

* { box-sizing: border-box; -moz-box-sizing: border-box; }

body { font-family: AvenirLTStd-Book, sans-serif; line-height: 1.5; font-size: 1em; color: #000; background-color: #fff; }
body::before { content: 'smallscreen'; display: block; height: 0; overflow: hidden; }

img { max-width: 100%; height: auto; }

h1 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h2 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h3 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h4 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h5 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h6 { margin: 1em 0 1em; padding: 0; line-height: 1.3; font-family: AvenirLTStd-Heavy, sans-serif; }

h1 { margin-top: 0; margin-bottom: .5333em; font-size: 1.875em; font-family: AvenirLTStd-Black, sans-serif; }

h2 { margin-top: 0.6667em; margin-bottom: 0.6667em; font-size: 1.5em; }

h3 { font-size: 1em; }

h4 { font-size: 1em; }

h5 { font-size: 1em; }

h6 { font-size: 1em; }

p { margin-bottom: 1em; }

blockquote { font-style: italic; }

ul.bullets { margin-top: -.5em; margin-bottom: 2em; }
ul.bullets li { position: relative; margin-top: .5em; padding-left: 1.5625em; }
ul.bullets li:before { content: '\2022'; position: absolute; color: #00A3E0; left: 0; }

em { font-style: italic; }

strong { font-family: AvenirLTStd-Heavy, sans-serif; }

#old { position: fixed; z-index: 5; top: 0; width: 100%; padding: 2em 1em; color: #000; background: yellow; }
#old p { margin: 0; padding: 10px; }
#old a { text-decoration: underline; }

.offscreen { position: absolute; top: -10000px; left: 0; }

.content { padding-bottom: 16px; background-image: url("../graphics/ripple.png"); background-position: 0 100%; background-repeat: repeat-x; background-color: #ecf0f1; }
.content a { color: #00A3E0; text-decoration: underline; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.content a:hover, .content a:focus { color: #006b94; }
.content ol { list-style: decimal; padding-left: 1.4em; margin-bottom: 1em; }
.content ol li { margin-top: .5em; }

.grid-item { width: 50%; margin-bottom: 10px; }

.wrap { margin: auto; padding: 0 20px; }

#header { position: relative; height: 74px; }

#logo { display: inline-block; width: 56px; height: auto; margin-top: 16px; outline: none; }
#logo:focus { outline: 1px dotted #000; }

#navsmallscreen { display: block; position: absolute; z-index: 3; top: 20px; margin: 0; padding: 0; overflow: hidden; text-indent: 30px; white-space: nowrap; right: 20px; width: 34px; height: 34px; cursor: pointer; background-color: #00A3E0; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
#navsmallscreen:before, #navsmallscreen:after { content: ''; position: absolute; background-color: #fff; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
#navsmallscreen:before { top: 5px; left: 5px; right: 5px; height: 3px; }
#navsmallscreen:after { bottom: 6px; left: 5px; right: 5px; height: 3px; }
#navsmallscreen > span { position: absolute; display: block; top: 50%; left: 5px; right: 5px; height: 3px; margin-top: -2px; text-indent: -1000em; font-size: 0; background-color: #fff; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
#navsmallscreen > span:before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s ease-in; -ms-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
#navsmallscreen.open { background-color: #000; }
#navsmallscreen.open:before, #navsmallscreen.open:after { opacity: 0; }
#navsmallscreen.open > span { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#navsmallscreen.open > span:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#navsmallscreen:hover { background-color: #000; }

#primary_nav { display: none; position: absolute; z-index: 2; top: 0; left: 0; right: 0; padding: 54px 40px 54px; font-weight: 300; font-size: 0.9375em; color: #fff; background-color: #00A3E0; }
#primary_nav:target, #primary_nav.open { display: block; }
#primary_nav ul { display: block; list-style: none; }
#primary_nav ul li { display: block; position: relative; padding: 24px 0 18px; border-top: 1px solid #2ec6ff; }
#primary_nav ul li:first-child { border-top: none; }
#primary_nav ul li.active { font-weight: 300; }
#primary_nav ul li a { display: block; text-decoration: none; color: #fff; outline: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#primary_nav ul li a.social-media { font-family: AvenirLTStd-Heavy, sans-serif; -webkit-font-smoothing: subpixel-antialiased; -moz-font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; -o-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; }
#primary_nav ul li a.social-media span { display: inline-block; padding: 2px 10px 0px 10px; margin-left: 5px; color: #00A3E0; background-color: #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
#primary_nav ul li a:hover, #primary_nav ul li a:focus { text-decoration: underline; }
#primary_nav ul li a:focus { outline: 1px dotted #000; }
#primary_nav ul li br { display: none; }

#hero { position: relative; padding: 0 20px 78px; color: #fff; background-image: url("../graphics/ripple.png"); background-position: 0 100%; background-repeat: repeat-x; background-color: #00A3E0; }
#hero:before { content: ''; display: block; position: relative; margin: 0 -20px; padding-bottom: 75%; background-image: url("../graphics/icon-water-100-year-logo-mobile.png"); background-position: 50%; background-repeat: no-repeat; background-size: contain; }
#hero img { display: none; }
#hero p { text-align: center; font-size: 1.125em; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
#hero .hero-begin { margin: 58px auto 0; text-align: center; }
#hero .hero-begin a { position: relative; display: inline-block; width: auto; padding: 12px 40px 10px 18px; text-decoration: none; color: #fff; outline: none; background-color: #000; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; font-family: AvenirLTStd-Black, sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
#hero .hero-begin a:visited { color: #fff; }
#hero .hero-begin a:hover:after, #hero .hero-begin a:focus:after { right: 10px; }
#hero .hero-begin a:after { content: ''; display: block; position: absolute; right: 14px; top: 50%; margin-top: -7px; width: 11px; height: 15px; background-image: url("../graphics/icon-arrow-right-light.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#footer { padding: 20px; font-size: 0.8125em; text-align: center; }
#footer .legal { color: #646464; }
#footer a { color: #000; text-decoration: none; outline: none; }
#footer a:hover, #footer a:focus { text-decoration: underline; }
#footer a:focus { outline: 1px dotted #000; }
#footer img { display: none; }
#footer #footer_nav ul { display: block; list-style: none; }
#footer #footer_nav ul li { display: block; margin: 5px 0; }

.banner { padding: 30px 0; color: #fff; background-color: #000; background-size: cover; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
.banner p { font-size: 1.125em; }

.masthead { min-height: 80px; margin-bottom: 30px; padding: 30px 0; color: #fff; background-color: #00A3E0; }
.masthead h1, .masthead h2, .masthead h3 { position: relative; margin: 0; padding-bottom: 20px; }
.masthead h1:after, .masthead h2:after, .masthead h3:after { content: ''; display: block; position: absolute; z-index: 1; left: 0; bottom: 0; width: 112px; height: 6px; background-image: url("../graphics/wave.png"); background-position: 0 0; background-repeat: no-repeat; }

#page_foundation.banner { background-image: url("../graphics/banner-foundation-mobile.jpg"); background-position: 50% 0; background-repeat: no-repeat; }

#page_growth.banner { background-image: url("../graphics/banner-growth-mobile.jpg"); background-position: 80% 0; background-repeat: no-repeat; }

#page_business.banner { background-image: url("../graphics/banner-business-mobile.jpg"); background-position: 50% 0; background-repeat: no-repeat; }

#page_quality.banner { background-image: url("../graphics/banner-quality-mobile.jpg"); background-position: 50% 0; background-repeat: no-repeat; }

#page_sustainability_security.banner { background-image: url("../graphics/banner-sustainability-security-mobile.jpg"); background-position: 50% 0; background-repeat: no-repeat; }

#page_icon.banner { background-image: url("../graphics/banner-icon-mobile.jpg"); background-position: 50% 0; background-repeat: no-repeat; }

.showcase { position: relative; visibility: hidden; margin-bottom: 80px; }
.showcase .showcase-image-set { display: none; }
.showcase ul { list-style: none; display: block; padding: 0; }
.showcase ul > li { display: block; padding-right: 20px; }
.showcase ul > li > div, .showcase ul > li > a { position: relative; display: block; color: #000; text-decoration: none; outline: none; }
.showcase ul > li > div:focus, .showcase ul > li > a:focus { outline: 1px dotted #000; }
.showcase ul > li > div.showcase-video .showcase-video-wrapper, .showcase ul > li > a.showcase-video .showcase-video-wrapper { position: relative; padding: 0; background-color: #000; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.showcase ul > li > div.showcase-video .showcase-video-wrapper:before, .showcase ul > li > a.showcase-video .showcase-video-wrapper:before { content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background-image: url("../graphics/icon-play.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showcase ul > li > div.showcase-picture:before, .showcase ul > li > a.showcase-picture:before { content: ''; position: absolute; display: block; top: 20px; left: 20px; width: 30px; height: 30px; background-image: url("../graphics/icon-picture.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showcase ul > li > div.showcase-picture.no-image:before, .showcase ul > li > a.showcase-picture.no-image:before { top: 10px; left: 10px; }
.showcase ul > li > div.showcase-picture:focus, .showcase ul > li > a.showcase-picture:focus { outline: 1px dotted #000; }
.showcase ul > li > div.showcase-gallery.poster-count-2, .showcase ul > li > a.showcase-gallery.poster-count-2 { margin-top: 5px; }
.showcase ul > li > div.showcase-gallery.poster-count-3, .showcase ul > li > a.showcase-gallery.poster-count-3 { margin-top: 10px; }
.showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper { position: relative; padding: 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img { width: 135px; width: calc(100% - 10px); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img + img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img + img { position: absolute; z-index: 1; top: -5px; right: 5px; -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img + img + img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img + img + img { top: -10px; right: 0; }
.showcase ul > li > div.showcase-gallery:hover .showcase-gallery-wrapper, .showcase ul > li > div.showcase-gallery:focus .showcase-gallery-wrapper, .showcase ul > li > a.showcase-gallery:hover .showcase-gallery-wrapper, .showcase ul > li > a.showcase-gallery:focus .showcase-gallery-wrapper { position: relative; padding: 0; outline: none; }
.showcase ul > li > div.showcase-gallery:focus > div, .showcase ul > li > a.showcase-gallery:focus > div { outline: 1px dotted #000; }
.showcase ul > li > div.showcase-article:before, .showcase ul > li > a.showcase-article:before { content: ''; position: absolute; display: block; top: 20px; left: 20px; width: 30px; height: 30px; background-image: url("../graphics/icon-article.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.showcase ul > li > div.showcase-article.no-image:before, .showcase ul > li > a.showcase-article.no-image:before { top: 10px; left: 10px; }
.showcase ul > li > div.showcase-article:focus, .showcase ul > li > a.showcase-article:focus { outline: 1px dotted #000; }
.showcase ul > li > div.showcase-fact.no-image:before, .showcase ul > li > a.showcase-fact.no-image:before { top: 10px; left: 10px; }
.showcase ul > li > div.showcase-fact div, .showcase ul > li > a.showcase-fact div { color: #fff; background-color: #00A3E0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.showcase ul > li > div.showcase-fact .info, .showcase ul > li > a.showcase-fact .info { display: block; }
.showcase ul > li > div.showcase-fact:focus, .showcase ul > li > a.showcase-fact:focus { outline: 1px dotted #000; }
.showcase ul > li > div.no-image > div, .showcase ul > li > a.no-image > div { padding-top: 55px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.showcase ul > li > div img, .showcase ul > li > a img { display: block; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.showcase ul > li > div > div, .showcase ul > li > a > div { padding: 10px; background-color: #fff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.showcase ul > li > div h3, .showcase ul > li > a h3 { margin-top: 0; font-family: AvenirLTStd-Black, sans-serif; font-size: 1.125em; }
.showcase ul > li > div p, .showcase ul > li > a p { margin-bottom: 0; }
.showcase ul > li > div .summary, .showcase ul > li > a .summary { font-size: 0.875em; }
.showcase ul > li > div .info, .showcase ul > li > a .info { display: none; }
.showcase ul > li > a:hover, .showcase ul > li > a:focus { color: #000; }
.showcase ul > li .link-continue { display: none; }
.showcase:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.showcase .link-continue { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; margin-top: 60px; text-align: center; }
.showcase .link-continue > a { width: auto; }
.showcase .link-continue > a:focus { outline: 1px dotted #000; }
.showcase .link-continue-clone { display: none; }

.link-continue > a { position: relative; display: inline-block; width: auto; padding: 12px 40px 10px 18px; text-decoration: none; color: #fff; outline: none; background-color: #000; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; font-family: AvenirLTStd-Black, sans-serif; font-size: 1.125em; width: 100%; }
.link-continue > a:visited { color: #fff; }
.link-continue > a:hover:after, .link-continue > a:focus:after { right: 10px; }
.link-continue > a:after { content: ''; display: block; position: absolute; right: 14px; top: 50%; margin-top: -7px; width: 11px; height: 15px; background-image: url("../graphics/icon-arrow-right-light.png"); background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.link-continue > a:hover, .link-continue > a:focus { color: #fff; }

.static-gallery:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.static-gallery img { float: left; display: block; }

.shade { position: fixed; z-index: 99; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); }
.shade .lightbox-loader { box-sizing: border-box; -moz-box-sizing: border-box; display: block; position: absolute; z-index: 1; top: 50%; left: 50%; width: 116px; height: 12px; margin-top: 0; margin-left: -58px; background-position: 0 0; background-repeat: repeat-x; background-repeat-x: repeat; background-position: -49px 50%; background-image: url("../graphics/wave.svg"); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; animation-name: bg-slide; animation-duration: .75s; animation-timing-function: linear; animation-play-state: running; animation-iteration-count: infinite; /* Safari and Chrome: */ -webkit-animation-name: bg-slide; -webkit-animation-duration: .75s; -webkit-animation-timing-function: linear; -webkit-animation-play-state: running; -webkit-animation-iteration-count: infinite; }
.shade .lightbox { position: absolute; z-index: 2; top: 10px; bottom: 10px; left: 10px; right: 10px; margin: 0 auto; padding: 0; }
.shade .lightbox.user-uses-touch { padding-left: 12px; padding-right: 12px; }
.shade .lightbox.user-uses-touch .lightbox-prev, .shade .lightbox.user-uses-touch .lightbox-next { visibility: hidden; }
.shade .lightbox .article-swipe { overflow: hidden; visibility: hidden; position: relative; }
.shade .lightbox .article-swipe > ul { margin: 0; list-style: none; position: relative; }
.shade .lightbox .article-swipe > ul > li { position: relative; float: left; width: 100%; overflow-x: hidden; overflow-y: scroll; overflow-y: auto; padding-left: 8px; padding-right: 14px; padding: 0; -webkit-overflow-scrolling: touch; }
.shade .lightbox .article-swipe > ul > li > div { background-color: #fff; }
.shade .lightbox .article-swipe > ul > li h3 { margin: 0; font-size: 1.25em; font-family: AvenirLTStd-Black, sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
.shade .lightbox .article-swipe > ul > li .ytplayer { display: block; width: 100%; }
.shade .lightbox .article-swipe > ul > li .masthead { margin: 0; padding: 35px 40px 20px 15px; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .masthead { padding: 35px 40px 20px; }
.shade .lightbox .article-swipe > ul > li .masthead .summary { margin: 10px 0 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }
.shade .lightbox .article-swipe > ul > li .masthead .summary ~ .summary { margin-top: 10px; }
.shade .lightbox .article-swipe > ul > li .article-wrapper { padding: 10px 15px; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .article-wrapper { padding: 10px 40px; }
.shade .lightbox .article-swipe > ul > li .article-wrapper .info { font-size: 1.125em; line-height: 1.444; }
.shade .lightbox .article-swipe > ul > li .article-image { margin: 15px 15px 0; padding: 0 0 15px; text-align: center; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .article-image { margin: 15px 40px 0; }
.shade .lightbox .article-swipe > ul > li .article-image img { display: block; margin: auto; padding: 0; }
.shade .lightbox .article-swipe > ul > li .article-image + .article-wrapper { padding-top: 0; }
.shade .lightbox .article-swipe > ul > li .image-caption { margin: 0 0 5px; padding: 15px 10px; font-size: .875em; color: #646464; background-color: #ecf0f1; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .image-caption { margin: 10px 40px 0; }
.shade .lightbox .article-swipe > ul > li .image-caption p:last-child { margin-bottom: 0; }
.shade .lightbox .article-swipe > ul > li .article-play { position: relative; display: block; background-color: #000; }
.shade .lightbox .article-swipe > ul > li .article-play:before { content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background-image: url("../graphics/icon-play.png"); background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.shade .lightbox .article-swipe > ul > li .article-play img { display: block; }
.shade .lightbox .article-swipe > ul > li .article-fade { margin: 15px 15px 0; padding: 0 0 15px; text-align: center; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .article-fade { margin: 15px 40px 0; }
.shade .lightbox .article-swipe > ul > li .article-fade > div { position: relative; height: 0; overflow: hidden; }
.shade .lightbox .article-swipe > ul > li .article-fade > div > img { position: absolute; left: 0; top: 0; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper { padding: 15px 15px 20px; }
.lightbox-paging .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper { padding: 15px 40px 20px; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.previous-image, .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.next-image { display: none; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.previous-image.show, .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.next-image.show { display: none; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap > img { display: block; margin-top: 5px; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-image .image-caption { margin: 0 0 5px; }
.shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails { display: none; }
.shade .lightbox .article-swipe > ul > li .close-wrapper { text-align: center; margin: 2em 0; }
.shade .lightbox .article-swipe > ul > li .close-link { display: inline-block; padding: 5px 12px; font-size: .8em; text-align: center; text-decoration: none; color: #fff; background-color: #00A3E0; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -ms-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; }
.shade .lightbox .article-swipe > ul > li .close-link:hover, .shade .lightbox .article-swipe > ul > li .close-link:focus { background-color: #2ec6ff; }
.shade .lightbox .lightbox-close { position: absolute; z-index: 1; top: 8px; right: 8px; width: 30px; height: 30px; background-image: url("../graphics/icon-close-dark.png"); background-position: 0 0; background-repeat: no-repeat; border-radius: 50%; }
.shade .lightbox .lightbox-paging { display: block; position: absolute; z-index: 2; left: 0; right: 0; bottom: 10px; line-height: 5px; margin: 0; padding: 0; text-align: center; }
.shade .lightbox .lightbox-paging > li { display: inline-block; position: relative; width: 5px; height: 5px; margin: 0 4px; vertical-align: bottom; text-indent: -1000em; cursor: pointer; outline: none; background-color: #c8c8c8; border-radius: 50%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.shade .lightbox .lightbox-paging > li:focus, .shade .lightbox .lightbox-paging > li:hover { background-color: #2ec6ff; }
.shade .lightbox .lightbox-paging > li.selected { cursor: default; background-color: #646464; }
.shade .lightbox .lightbox-prev, .shade .lightbox .lightbox-next { display: block; position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; }
.shade .lightbox .lightbox-prev.lightbox-pagination-disabled, .shade .lightbox .lightbox-next.lightbox-pagination-disabled { visibility: hidden; }
.shade .lightbox .lightbox-prev { left: 0; background-image: url("../graphics/icon-paginate-previous-dark.png"); background-position: 50% 50%; background-repeat: no-repeat; }
.shade .lightbox .lightbox-next { right: 0; background-image: url("../graphics/icon-paginate-next-dark.png"); background-position: 50% 50%; background-repeat: no-repeat; }

body.lightbox-displayed { overflow: hidden; }

.stacklafw { margin-bottom: 60px; }

@media only screen and (min-width: 568px) { .grid-item { width: 33%; } }
@media only screen and (min-width: 768px) { body::before { content: 'largescreen'; }
  h1 { font-size: 2.5em; }
  .grid-item { width: 25%; margin-bottom: 20px; }
  .cols .col-1 { float: left; width: 8.33333%; padding-left: 10px; padding-right: 10px; }
  .cols .col-2 { float: left; width: 16.66667%; padding-left: 10px; padding-right: 10px; }
  .cols .col-3 { float: left; width: 25%; padding-left: 10px; padding-right: 10px; }
  .cols .col-4 { float: left; width: 33.33333%; padding-left: 10px; padding-right: 10px; }
  .cols .col-5 { float: left; width: 41.66667%; padding-left: 10px; padding-right: 10px; }
  .cols .col-6 { float: left; width: 50%; padding-left: 10px; padding-right: 10px; }
  .cols .col-7 { float: left; width: 58.33333%; padding-left: 10px; padding-right: 10px; }
  .cols .col-8 { float: left; width: 66.66667%; padding-left: 10px; padding-right: 10px; }
  .cols .col-9 { float: left; width: 75%; padding-left: 10px; padding-right: 10px; }
  .cols .col-10 { float: left; width: 83.33333%; padding-left: 10px; padding-right: 10px; }
  .cols .col-11 { float: left; width: 91.66667%; padding-left: 10px; padding-right: 10px; }
  .cols .col-12 { float: left; width: 100%; padding-left: 10px; padding-right: 10px; }
  .cols .push-1 { margin-left: 8.33333%; }
  .cols .push-2 { margin-left: 16.66667%; }
  .cols .push-3 { margin-left: 25%; }
  .cols .push-4 { margin-left: 33.33333%; }
  .cols .push-5 { margin-left: 41.66667%; }
  .cols .push-6 { margin-left: 50%; }
  .cols .push-7 { margin-left: 58.33333%; }
  .cols .push-8 { margin-left: 66.66667%; }
  .cols .push-9 { margin-left: 75%; }
  .cols .push-10 { margin-left: 83.33333%; }
  .cols .push-11 { margin-left: 91.66667%; }
  .cols .push-12 { margin-left: 100%; }
  .cols:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  .cols > div:first-child { padding-left: 0; }
  .cols > div:last-child { padding-right: 0; }
  .sit-left { float: left; margin-right: 20px; }
  .sit-right { float: right; margin-left: 20px; }
  .align-left { text-align: left; }
  .align-center { text-align: center; }
  .align-right { text-align: right; }
  .content { padding-bottom: 55px; }
  .wrap { min-width: 740px; max-width: 1050px; }
  #header { height: auto; min-height: 130px; }
  #logo { position: relative; z-index: 3; float: left; width: auto; margin-left: 0; }
  #navsmallscreen { display: none; }
  #primary_nav { display: block; position: relative; top: auto; left: auto; right: auto; margin-left: 210px; padding: 0; padding-top: 47px; color: #000; background-color: transparent; }
  #primary_nav ul li { display: inline-block; margin-right: 34px; margin-bottom: 20px; padding: 0; border: none; }
  #primary_nav ul li:first-child { border-top: none; }
  #primary_nav ul li:last-child, #primary_nav ul li.last-child { margin-right: 0; }
  #primary_nav ul li.active a:after { background-color: #00A3E0; }
  #primary_nav ul li a { padding-bottom: 5px; color: #000; -webkit-font-smoothing: subpixel-antialiased; }
  #primary_nav ul li a.social-media { color: #00A3E0; text-indent: 10px; }
  #primary_nav ul li a.social-media span { display: block; margin: 0; text-indent: 0; color: #fff; background-color: #00A3E0; }
  #primary_nav ul li a.social-media:after { display: none; }
  #primary_nav ul li a.social-media:hover, #primary_nav ul li a.social-media:focus { color: #000; }
  #primary_nav ul li a.social-media:hover span, #primary_nav ul li a.social-media:focus span { background-color: #000; }
  #primary_nav ul li a.social-media:focus { outline: 1px dotted #000; }
  #primary_nav ul li a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background-color: #fff; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; }
  #primary_nav ul li a:hover, #primary_nav ul li a:focus { text-decoration: none; }
  #primary_nav ul li a:hover:after, #primary_nav ul li a:focus:after { background-color: #646464; }
  #primary_nav ul li br { display: block; }
  #hero { padding-bottom: 30px; }
  #hero:before { display: none; }
  #hero img { display: block; margin: 0 auto 100px; margin: 0 auto; }
  #hero p { max-width: 660px; margin: auto; margin-top: 30px; }
  #hero .hero-begin { margin-top: 100px; margin: 30px auto; }
  #footer { padding: 40px 0 50px; padding-bottom: 40px; text-align: left; }
  #footer .legal { display: inline-block; margin-top: 13px; }
  #footer img { display: inline-block; }
  #footer nav { display: inline-block; vertical-align: top; }
  #footer #footer_nav { margin-top: 13px; margin-right: 5px; }
  #footer #footer_nav ul { display: inline-block; }
  #footer #footer_nav ul li { display: inline-block; margin: 0; margin-right: 20px; }
  .banner { padding: 56px 0 256px; min-height: 547px; color: #fff; background-color: #000; }
  .banner p { max-width: 730px; }
  .masthead { min-height: 154px; margin-bottom: 56px; }
  .masthead h1 { margin-top: 10px; }
  #page_foundation.banner { background-image: url("../graphics/banner-foundation.jpg"); }
  #page_growth.banner { background-image: url("../graphics/banner-growth.jpg"); background-position: 50% 0; }
  #page_business.banner { background-image: url("../graphics/banner-business.jpg"); }
  #page_quality.banner { background-image: url("../graphics/banner-quality.jpg"); }
  #page_sustainability_security.banner { background-image: url("../graphics/banner-sustainability-security.jpg"); }
  #page_icon.banner { background-image: url("../graphics/banner-icon.jpg"); }
  .showcase { min-height: 180px; margin-top: -200px; margin-bottom: 0; padding-top: 20px; padding-bottom: 100px; overflow: hidden; }
  .showcase ul > li > div.showcase-gallery.poster-count-2, .showcase ul > li > a.showcase-gallery.poster-count-2 { margin-top: 10px; }
  .showcase ul > li > div.showcase-gallery.poster-count-3, .showcase ul > li > a.showcase-gallery.poster-count-3 { margin-top: 20px; }
  .showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img { width: calc(100% - 20px); }
  .showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img + img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img + img { position: absolute; z-index: 1; top: -10px; right: 10px; }
  .showcase ul > li > div.showcase-gallery .showcase-gallery-wrapper img + img + img, .showcase ul > li > a.showcase-gallery .showcase-gallery-wrapper img + img + img { top: -20px; }
  .showcase ul > li > div.showcase-gallery:hover .showcase-gallery-wrapper img + img, .showcase ul > li > div.showcase-gallery:focus .showcase-gallery-wrapper img + img, .showcase ul > li > a.showcase-gallery:hover .showcase-gallery-wrapper img + img, .showcase ul > li > a.showcase-gallery:focus .showcase-gallery-wrapper img + img { top: -20px; right: 0; }
  .showcase ul > li > div.showcase-gallery:hover .showcase-gallery-wrapper img + img + img, .showcase ul > li > div.showcase-gallery:focus .showcase-gallery-wrapper img + img + img, .showcase ul > li > a.showcase-gallery:hover .showcase-gallery-wrapper img + img + img, .showcase ul > li > a.showcase-gallery:focus .showcase-gallery-wrapper img + img + img { top: -40px; right: -20px; }
  .showcase ul > li > div.showcase-article.no-image:before, .showcase ul > li > a.showcase-article.no-image:before { top: 20px; left: 20px; }
  .showcase ul > li > div.showcase-fact.no-image:before, .showcase ul > li > a.showcase-fact.no-image:before { top: 20px; left: 20px; }
  .showcase ul > li > div.showcase-fact h3, .showcase ul > li > a.showcase-fact h3 { margin-top: 0; }
  .showcase ul > li > div.showcase-fact p, .showcase ul > li > a.showcase-fact p { margin-bottom: 0; }
  .showcase ul > li > div.no-image > div, .showcase ul > li > a.no-image > div { padding-top: 70px; }
  .showcase ul > li > div > div, .showcase ul > li > a > div { padding: 20px; }
  .showcase ul > li .link-continue { display: block; margin-top: 20px; }
  .showcase ul > li .link-continue > a { width: 100%; text-align: left; }
  .showcase .link-continue { display: none; }
  .showcase .link-continue-clone { display: block; position: absolute; margin: 0; opacity: 1; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  .shade .lightbox { top: 40px; bottom: 40px; left: 0; right: 0; width: 750px; }
  .shade .lightbox .article-swipe > ul > li h3 { font-size: 2.5em; }
  .shade .lightbox .article-swipe > ul > li .ytplayer { display: block; }
  .shade .lightbox .article-swipe > ul > li .masthead { padding: 40px 40px; padding-right: 80px; }
  .shade .lightbox .article-swipe > ul > li .masthead .summary { margin-top: 30px; }
  .shade .lightbox .article-swipe > ul > li .article-wrapper { padding: 0 40px 30px; }
  .shade .lightbox .article-swipe > ul > li .article-image { margin: 30px 35px 0; padding: 0 0 35px; text-align: center; }
  .shade .lightbox .article-swipe > ul > li .article-image.noscale { overflow: auto; }
  .shade .lightbox .article-swipe > ul > li .article-image.noscale > img { max-width: none; }
  .shade .lightbox .article-swipe > ul > li .article-image + .article-wrapper { padding-top: 0; }
  .shade .lightbox .article-swipe > ul > li .image-caption { margin: 0; padding: 20px 40px; }
  .lightbox-paging .shade .lightbox .article-swipe > ul > li .image-caption { margin: 0 0 30px; }
  .shade .lightbox .article-swipe > ul > li .image-caption + .article-wrapper { margin-top: 30px; }
  .shade .lightbox .article-swipe > ul > li .article-play:before { background-image: url("../graphics/icon-play-large.png"); }
  .shade .lightbox .article-swipe > ul > li .article-fade { margin: 30px 35px 0; padding: 0 0 35px; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper { position: relative; height: 500px; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper:hover button.previous-image, .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper:hover button.next-image { visibility: visible; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.previous-image, .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.next-image { visibility: hidden; display: none; position: absolute; z-index: 3; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: none; outline: none; cursor: pointer; background-color: transparent; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.previous-image.show, .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.next-image.show { display: block; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.previous-image { left: 40px; background-image: url("../graphics/icon-gallery-previous.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper button.next-image { right: 40px; background-image: url("../graphics/icon-gallery-next.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image { display: none; position: absolute; top: 0; left: 0; width: 100%; height: inherit; overflow: hidden; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image.active-slide { display: block; z-index: 1; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap::-webkit-scrollbar { width: 10px; height: 10px; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap::-webkit-scrollbar-track { background-color: #646464; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap::-webkit-scrollbar-thumb { background-color: #00A3E0; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap::-webkit-scrollbar-thumb:hover { background-color: #2ec6ff; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .showcase-gallery-image-wrap > img { margin: 0 auto; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .image-caption { margin: 0; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails { display: block; position: relative; z-index: 3; font-size: 0; overflow: hidden; padding: 20px 0 20px 101px; background-color: #fff; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails:before, .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails:after { content: ''; display: none; position: absolute; z-index: 1; top: 0; bottom: 0; width: 100px; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails:before { left: 0; background: -webkit-linear-gradient(left, white 40%, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(left, white 40%, rgba(255, 255, 255, 0)); background: -ms-linear-gradient(left, white 40%, rgba(255, 255, 255, 0)); background: -o-linear-gradient(left, white 40%, rgba(255, 255, 255, 0)); background: linear-gradient(left, white 40%, rgba(255, 255, 255, 0)); }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails:after { right: 0; background: -webkit-linear-gradient(right, white 40%, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(right, white 40%, rgba(255, 255, 255, 0)); background: -ms-linear-gradient(right, white 40%, rgba(255, 255, 255, 0)); background: -o-linear-gradient(right, white 40%, rgba(255, 255, 255, 0)); background: linear-gradient(right, white 40%, rgba(255, 255, 255, 0)); }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails.show:before, .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails.show:after { display: block; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.previous-image, .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.next-image { display: none; position: absolute; z-index: 2; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: none; outline: none; cursor: pointer; background-color: transparent; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.previous-image.show, .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.next-image.show { display: block; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.previous-image { left: 40px; background-image: url("../graphics/icon-gallery-previous.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails button.next-image { right: 40px; background-image: url("../graphics/icon-gallery-next.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails > ul { position: relative; display: inline-block; left: 0; white-space: nowrap; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails > ul > li { display: inline-block; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails > ul > li > a { display: inline-block; width: 100px; height: 67px; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; outline: none; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails > ul > li > a:focus { transform: scale(1.1, 1.1); outline: 1px dotted #000; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-thumbnails > ul > li ~ li { margin-left: 20px; margin-left: 12px; }
  .shade .lightbox .lightbox-close { top: 40px; right: 20px; background-image: url("../graphics/icon-close.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox .lightbox-close:focus { outline: 1px dotted #000; }
  .shade .lightbox .lightbox-paging { bottom: -25px; }
  .shade .lightbox .lightbox-prev, .shade .lightbox .lightbox-next { display: block; position: absolute; top: 370px; width: 70px; height: 70px; margin-top: -35px; }
  .shade .lightbox .lightbox-prev { left: -130px; background-image: url("../graphics/icon-paginate-previous.png"); }
  .shade .lightbox .lightbox-next { right: -130px; background-image: url("../graphics/icon-paginate-next.png"); background-position: 0 0; background-repeat: no-repeat; }
  .shade .lightbox > .previous-image, .shade .lightbox > .next-image { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display: none; position: absolute; z-index: 3; top: 50%; margin-top: -15px; width: 30px; height: 30px; border: none; outline: none; cursor: pointer; background-color: transparent; }
  .shade .lightbox > .previous-image.show, .shade .lightbox > .next-image.show { display: block; }
  .shade .lightbox > .previous-image { left: 40px; background-image: url("../graphics/icon-paginate-previous.png"); }
  .shade .lightbox > .next-image { right: 40px; background-image: url("../graphics/icon-paginate-next.png"); background-position: 0 0; background-repeat: no-repeat; }
  .stacklafw { margin-bottom: 30px; } }
@media only screen and (max-width: 767px) { .shade .lightbox .article-swipe > ul > li .showcase-gallery-image { display: block !important; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image .image-caption { display: block !important; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image-wrap { overflow-y: visible !important; height: auto !important; }
  .shade .lightbox .next-image, .shade .lightbox .previous-image { display: none !important; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-wrapper { height: auto !important; }
  .shade .lightbox .article-swipe > ul > li .showcase-gallery-image { height: auto !important; } }
@media only screen and (min-width: 1024px) { body::after { content: '1024px wide'; display: none; }
  .shade .lightbox > .previous-image, .shade .lightbox > .next-image { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display: none; position: absolute; top: 370px; width: 70px; height: 70px; margin-top: -35px; border: none; background-color: transparent; outline: none; cursor: pointer; -webkit-transition: transform 0.15s ease-in-out; -moz-transition: transform 0.15s ease-in-out; -ms-transition: transform 0.15s ease-in-out; -o-transition: transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out; }
  .shade .lightbox > .previous-image.show, .shade .lightbox > .next-image.show { display: block; }
  .shade .lightbox > .previous-image:hover, .shade .lightbox > .previous-image:focus, .shade .lightbox > .next-image:hover, .shade .lightbox > .next-image:focus { transform: scale(1.1, 1.1); }
  .shade .lightbox > .previous-image:focus, .shade .lightbox > .next-image:focus { outline: 1px dotted #fff; }
  .shade .lightbox > .previous-image { left: -130px; background-image: url("../graphics/icon-paginate-previous.png"); }
  .shade .lightbox > .next-image { right: -130px; background-image: url("../graphics/icon-paginate-next.png"); background-position: 0 0; background-repeat: no-repeat; } }
@media only screen and (max-width: 320px) { body::after { content: '320px wide'; display: none; } }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2) { #hero { background-image: url("../graphics/ripple-2x.png"); background-size: 32px auto; }
  #hero a:after { background-image: url("../graphics/icon-arrow-right-light-2x.png"); background-size: 11px auto; }
  #hero .hero-begin a:after { background-image: url("../graphics/icon-arrow-right-light-2x.png"); background-size: 11px auto; }
  .masthead h1:after { background-image: url("../graphics/wave-2x.png"); background-size: 112px auto; }
  .shade .lightbox .lightbox-close { background-image: url("../graphics/icon-close-dark-2x.png"); background-size: 30px auto; }
  .shade .lightbox-prev { background-image: url("../graphics/icon-paginate-previous-dark-2x.png"); background-size: 13px auto; }
  .shade .lightbox-next { background-image: url("../graphics/icon-paginate-next-dark-2x.png"); background-size: 13px auto; }
  .showcase ul > li > a.showcase-video:before { background-image: url("../graphics/icon-play-2x.png"); background-size: 50px auto; }
  .showcase ul > li > a.showcase-picture:before { background-image: url("../graphics/icon-gallery-2x.png"); background-size: 30px auto; }
  .showcase ul > li > a.showcase-article:before { background-image: url("../graphics/icon-article-2x.png"); background-size: 30px auto; }
  .link-continue > a:after { background-image: url("../graphics/icon-arrow-right-light-2x.png"); background-size: 11px auto; } }
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 768px) and (min-device-pixel-ratio: 2) { .shade .lightbox .lightbox-close { background-image: url("../graphics/icon-close-2x.png"); background-size: 30px auto; }
  .shade .lightbox .lightbox-prev { background-image: url("../graphics/icon-paginate-previous-2x.png"); background-size: 70px auto; }
  .shade .lightbox .lightbox-next { background-image: url("../graphics/icon-paginate-next-2x.png"); background-size: 70px auto; }
  .shade .lightbox > .next-image { background-image: url("../graphics/icon-paginate-next-2x.png"); background-size: 70px auto; }
  .shade .lightbox > .previous-image { background-image: url("../graphics/icon-paginate-previous-2x.png"); background-size: 70px auto; } }

/*# sourceMappingURL=screen.css.map */