@charset "UTF-8"; /*!timeStamp : Tuesday, June 29th 2021, 4:07:55 am -04:00 EDT
*/@media print, screen and (min-width: 40em) { .reveal, .reveal.tiny, .reveal.small, .reveal.large { right: auto; left: auto; margin: 0 auto; } } .-fontBlack { color: #000  !important; } .-fontWhite { color: #fff  !important; } .-fontEmperorGrey { color: #555  !important; } .-fontGrey { color: #777  !important; } .-fontDustySilver { color: #ccc  !important; } .js-lazyload-show { opacity: 1; transition: opacity .3s; } .js-lazyload { opacity: 0; } .debug { display: none; } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: .67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: .35em .75em .625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .foundation-mq { font-family: "small=0em&medium=46.875em&large=73.75em&v2-large=80em&xlarge=120em&xxlarge=250em"; } html { box-sizing: border-box; font-size: 16px; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fff; font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { box-sizing: border-box; width: 100%; border-radius: 0; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none  !important; } button { padding: 0; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput="mouse"] button { outline: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block  !important; } .is-hidden { display: none  !important; } .row { max-width: 100rem; margin-right: auto; margin-left: auto; } .row::before, .row::after { display: table; content: " "; } .row::after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-right: 0; padding-left: 0; } .row .row { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 46.875em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media print, screen and (min-width: 73.75em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 80em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 120em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } @media screen and (min-width: 250em) { .row .row { margin-right: -1rem; margin-left: -1rem; } } .row .row.collapse { margin-right: 0; margin-left: 0; } .row.expanded { max-width: none; } .row.expanded .row { margin-right: auto; margin-left: auto; } .row:not(.expanded) .row { max-width: none; } .row.gutter-small > .column, .row.gutter-small > .columns { padding-right: .625rem; padding-left: .625rem; } .row.gutter-medium > .column, .row.gutter-medium > .columns { padding-right: 1rem; padding-left: 1rem; } .column, .columns { width: 100%; float: left; padding-right: .625rem; padding-left: .625rem; } @media print, screen and (min-width: 46.875em) { .column, .columns { padding-right: 1rem; padding-left: 1rem; } } .column, .columns, .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: left; clear: none; } .column.row.row, .row.row.columns { float: none; } .row .column.row.row, .row .row.row.columns { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .small-1 { width: 8.33333%; } .small-push-1 { position: relative; left: 8.33333%; } .small-pull-1 { position: relative; left: -8.33333%; } .small-offset-0 { margin-left: 0%; } .small-2 { width: 16.66667%; } .small-push-2 { position: relative; left: 16.66667%; } .small-pull-2 { position: relative; left: -16.66667%; } .small-offset-1 { margin-left: 8.33333%; } .small-3 { width: 25%; } .small-push-3 { position: relative; left: 25%; } .small-pull-3 { position: relative; left: -25%; } .small-offset-2 { margin-left: 16.66667%; } .small-4 { width: 33.33333%; } .small-push-4 { position: relative; left: 33.33333%; } .small-pull-4 { position: relative; left: -33.33333%; } .small-offset-3 { margin-left: 25%; } .small-5 { width: 41.66667%; } .small-push-5 { position: relative; left: 41.66667%; } .small-pull-5 { position: relative; left: -41.66667%; } .small-offset-4 { margin-left: 33.33333%; } .small-6 { width: 50%; } .small-push-6 { position: relative; left: 50%; } .small-pull-6 { position: relative; left: -50%; } .small-offset-5 { margin-left: 41.66667%; } .small-7 { width: 58.33333%; } .small-push-7 { position: relative; left: 58.33333%; } .small-pull-7 { position: relative; left: -58.33333%; } .small-offset-6 { margin-left: 50%; } .small-8 { width: 66.66667%; } .small-push-8 { position: relative; left: 66.66667%; } .small-pull-8 { position: relative; left: -66.66667%; } .small-offset-7 { margin-left: 58.33333%; } .small-9 { width: 75%; } .small-push-9 { position: relative; left: 75%; } .small-pull-9 { position: relative; left: -75%; } .small-offset-8 { margin-left: 66.66667%; } .small-10 { width: 83.33333%; } .small-push-10 { position: relative; left: 83.33333%; } .small-pull-10 { position: relative; left: -83.33333%; } .small-offset-9 { margin-left: 75%; } .small-11 { width: 91.66667%; } .small-push-11 { position: relative; left: 91.66667%; } .small-pull-11 { position: relative; left: -91.66667%; } .small-offset-10 { margin-left: 83.33333%; } .small-12 { width: 100%; } .small-offset-11 { margin-left: 91.66667%; } .small-up-1 > .column, .small-up-1 > .columns { float: left; width: 100%; } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none; } .small-up-1 > .column:nth-of-type(1n + 1), .small-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left; } .small-up-2 > .column, .small-up-2 > .columns { float: left; width: 50%; } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none; } .small-up-2 > .column:nth-of-type(2n + 1), .small-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left; } .small-up-3 > .column, .small-up-3 > .columns { float: left; width: 33.33333%; } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none; } .small-up-3 > .column:nth-of-type(3n + 1), .small-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left; } .small-up-4 > .column, .small-up-4 > .columns { float: left; width: 25%; } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; } .small-up-4 > .column:nth-of-type(4n + 1), .small-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; } .small-up-5 > .column, .small-up-5 > .columns { float: left; width: 20%; } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none; } .small-up-5 > .column:nth-of-type(5n + 1), .small-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left; } .small-up-6 > .column, .small-up-6 > .columns { float: left; width: 16.66667%; } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none; } .small-up-6 > .column:nth-of-type(6n + 1), .small-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left; } .small-up-7 > .column, .small-up-7 > .columns { float: left; width: 14.28571%; } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none; } .small-up-7 > .column:nth-of-type(7n + 1), .small-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left; } .small-up-8 > .column, .small-up-8 > .columns { float: left; width: 12.5%; } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none; } .small-up-8 > .column:nth-of-type(8n + 1), .small-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left; } .small-up-9 > .column, .small-up-9 > .columns { float: left; width: 11.11111%; } .small-up-9 > .column:nth-of-type(1n), .small-up-9 > .columns:nth-of-type(1n) { clear: none; } .small-up-9 > .column:nth-of-type(9n + 1), .small-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .small-up-9 > .column:last-child, .small-up-9 > .columns:last-child { float: left; } .small-up-10 > .column, .small-up-10 > .columns { float: left; width: 10%; } .small-up-10 > .column:nth-of-type(1n), .small-up-10 > .columns:nth-of-type(1n) { clear: none; } .small-up-10 > .column:nth-of-type(10n + 1), .small-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .small-up-10 > .column:last-child, .small-up-10 > .columns:last-child { float: left; } .small-collapse > .column, .small-collapse > .columns { padding-right: 0; padding-left: 0; } .small-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .small-collapse.row { margin-right: 0; margin-left: 0; } .small-uncollapse > .column, .small-uncollapse > .columns { padding-right: .625rem; padding-left: .625rem; } .small-centered { margin-right: auto; margin-left: auto; } .small-centered, .small-centered:last-child:not(:first-child) { float: none; clear: both; } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-right: 0; margin-left: 0; } .small-uncentered, .small-uncentered:last-child:not(:first-child), .small-push-0, .small-push-0:last-child:not(:first-child), .small-pull-0, .small-pull-0:last-child:not(:first-child) { float: left; clear: none; } @media print, screen and (min-width: 46.875em) { .medium-1 { width: 8.33333%; } .medium-push-1 { position: relative; left: 8.33333%; } .medium-pull-1 { position: relative; left: -8.33333%; } .medium-offset-0 { margin-left: 0%; } .medium-2 { width: 16.66667%; } .medium-push-2 { position: relative; left: 16.66667%; } .medium-pull-2 { position: relative; left: -16.66667%; } .medium-offset-1 { margin-left: 8.33333%; } .medium-3 { width: 25%; } .medium-push-3 { position: relative; left: 25%; } .medium-pull-3 { position: relative; left: -25%; } .medium-offset-2 { margin-left: 16.66667%; } .medium-4 { width: 33.33333%; } .medium-push-4 { position: relative; left: 33.33333%; } .medium-pull-4 { position: relative; left: -33.33333%; } .medium-offset-3 { margin-left: 25%; } .medium-5 { width: 41.66667%; } .medium-push-5 { position: relative; left: 41.66667%; } .medium-pull-5 { position: relative; left: -41.66667%; } .medium-offset-4 { margin-left: 33.33333%; } .medium-6 { width: 50%; } .medium-push-6 { position: relative; left: 50%; } .medium-pull-6 { position: relative; left: -50%; } .medium-offset-5 { margin-left: 41.66667%; } .medium-7 { width: 58.33333%; } .medium-push-7 { position: relative; left: 58.33333%; } .medium-pull-7 { position: relative; left: -58.33333%; } .medium-offset-6 { margin-left: 50%; } .medium-8 { width: 66.66667%; } .medium-push-8 { position: relative; left: 66.66667%; } .medium-pull-8 { position: relative; left: -66.66667%; } .medium-offset-7 { margin-left: 58.33333%; } .medium-9 { width: 75%; } .medium-push-9 { position: relative; left: 75%; } .medium-pull-9 { position: relative; left: -75%; } .medium-offset-8 { margin-left: 66.66667%; } .medium-10 { width: 83.33333%; } .medium-push-10 { position: relative; left: 83.33333%; } .medium-pull-10 { position: relative; left: -83.33333%; } .medium-offset-9 { margin-left: 75%; } .medium-11 { width: 91.66667%; } .medium-push-11 { position: relative; left: 91.66667%; } .medium-pull-11 { position: relative; left: -91.66667%; } .medium-offset-10 { margin-left: 83.33333%; } .medium-12 { width: 100%; } .medium-offset-11 { margin-left: 91.66667%; } .medium-up-1 > .column, .medium-up-1 > .columns { float: left; width: 100%; } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none; } .medium-up-1 > .column:nth-of-type(1n + 1), .medium-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left; } .medium-up-2 > .column, .medium-up-2 > .columns { float: left; width: 50%; } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none; } .medium-up-2 > .column:nth-of-type(2n + 1), .medium-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left; } .medium-up-3 > .column, .medium-up-3 > .columns { float: left; width: 33.33333%; } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none; } .medium-up-3 > .column:nth-of-type(3n + 1), .medium-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left; } .medium-up-4 > .column, .medium-up-4 > .columns { float: left; width: 25%; } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none; } .medium-up-4 > .column:nth-of-type(4n + 1), .medium-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left; } .medium-up-5 > .column, .medium-up-5 > .columns { float: left; width: 20%; } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none; } .medium-up-5 > .column:nth-of-type(5n + 1), .medium-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left; } .medium-up-6 > .column, .medium-up-6 > .columns { float: left; width: 16.66667%; } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none; } .medium-up-6 > .column:nth-of-type(6n + 1), .medium-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left; } .medium-up-7 > .column, .medium-up-7 > .columns { float: left; width: 14.28571%; } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none; } .medium-up-7 > .column:nth-of-type(7n + 1), .medium-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left; } .medium-up-8 > .column, .medium-up-8 > .columns { float: left; width: 12.5%; } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none; } .medium-up-8 > .column:nth-of-type(8n + 1), .medium-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left; } .medium-up-9 > .column, .medium-up-9 > .columns { float: left; width: 11.11111%; } .medium-up-9 > .column:nth-of-type(1n), .medium-up-9 > .columns:nth-of-type(1n) { clear: none; } .medium-up-9 > .column:nth-of-type(9n + 1), .medium-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .medium-up-9 > .column:last-child, .medium-up-9 > .columns:last-child { float: left; } .medium-up-10 > .column, .medium-up-10 > .columns { float: left; width: 10%; } .medium-up-10 > .column:nth-of-type(1n), .medium-up-10 > .columns:nth-of-type(1n) { clear: none; } .medium-up-10 > .column:nth-of-type(10n + 1), .medium-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .medium-up-10 > .column:last-child, .medium-up-10 > .columns:last-child { float: left; } .medium-collapse > .column, .medium-collapse > .columns { padding-right: 0; padding-left: 0; } .medium-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .medium-collapse.row { margin-right: 0; margin-left: 0; } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .medium-centered { margin-right: auto; margin-left: auto; } .medium-centered, .medium-centered:last-child:not(:first-child) { float: none; clear: both; } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-right: 0; margin-left: 0; } .medium-uncentered, .medium-uncentered:last-child:not(:first-child), .medium-push-0, .medium-push-0:last-child:not(:first-child), .medium-pull-0, .medium-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media print, screen and (min-width: 73.75em) { .large-1 { width: 8.33333%; } .large-push-1 { position: relative; left: 8.33333%; } .large-pull-1 { position: relative; left: -8.33333%; } .large-offset-0 { margin-left: 0%; } .large-2 { width: 16.66667%; } .large-push-2 { position: relative; left: 16.66667%; } .large-pull-2 { position: relative; left: -16.66667%; } .large-offset-1 { margin-left: 8.33333%; } .large-3 { width: 25%; } .large-push-3 { position: relative; left: 25%; } .large-pull-3 { position: relative; left: -25%; } .large-offset-2 { margin-left: 16.66667%; } .large-4 { width: 33.33333%; } .large-push-4 { position: relative; left: 33.33333%; } .large-pull-4 { position: relative; left: -33.33333%; } .large-offset-3 { margin-left: 25%; } .large-5 { width: 41.66667%; } .large-push-5 { position: relative; left: 41.66667%; } .large-pull-5 { position: relative; left: -41.66667%; } .large-offset-4 { margin-left: 33.33333%; } .large-6 { width: 50%; } .large-push-6 { position: relative; left: 50%; } .large-pull-6 { position: relative; left: -50%; } .large-offset-5 { margin-left: 41.66667%; } .large-7 { width: 58.33333%; } .large-push-7 { position: relative; left: 58.33333%; } .large-pull-7 { position: relative; left: -58.33333%; } .large-offset-6 { margin-left: 50%; } .large-8 { width: 66.66667%; } .large-push-8 { position: relative; left: 66.66667%; } .large-pull-8 { position: relative; left: -66.66667%; } .large-offset-7 { margin-left: 58.33333%; } .large-9 { width: 75%; } .large-push-9 { position: relative; left: 75%; } .large-pull-9 { position: relative; left: -75%; } .large-offset-8 { margin-left: 66.66667%; } .large-10 { width: 83.33333%; } .large-push-10 { position: relative; left: 83.33333%; } .large-pull-10 { position: relative; left: -83.33333%; } .large-offset-9 { margin-left: 75%; } .large-11 { width: 91.66667%; } .large-push-11 { position: relative; left: 91.66667%; } .large-pull-11 { position: relative; left: -91.66667%; } .large-offset-10 { margin-left: 83.33333%; } .large-12 { width: 100%; } .large-offset-11 { margin-left: 91.66667%; } .large-up-1 > .column, .large-up-1 > .columns { float: left; width: 100%; } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none; } .large-up-1 > .column:nth-of-type(1n + 1), .large-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left; } .large-up-2 > .column, .large-up-2 > .columns { float: left; width: 50%; } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none; } .large-up-2 > .column:nth-of-type(2n + 1), .large-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left; } .large-up-3 > .column, .large-up-3 > .columns { float: left; width: 33.33333%; } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none; } .large-up-3 > .column:nth-of-type(3n + 1), .large-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left; } .large-up-4 > .column, .large-up-4 > .columns { float: left; width: 25%; } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none; } .large-up-4 > .column:nth-of-type(4n + 1), .large-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left; } .large-up-5 > .column, .large-up-5 > .columns { float: left; width: 20%; } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none; } .large-up-5 > .column:nth-of-type(5n + 1), .large-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left; } .large-up-6 > .column, .large-up-6 > .columns { float: left; width: 16.66667%; } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none; } .large-up-6 > .column:nth-of-type(6n + 1), .large-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left; } .large-up-7 > .column, .large-up-7 > .columns { float: left; width: 14.28571%; } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none; } .large-up-7 > .column:nth-of-type(7n + 1), .large-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left; } .large-up-8 > .column, .large-up-8 > .columns { float: left; width: 12.5%; } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none; } .large-up-8 > .column:nth-of-type(8n + 1), .large-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left; } .large-up-9 > .column, .large-up-9 > .columns { float: left; width: 11.11111%; } .large-up-9 > .column:nth-of-type(1n), .large-up-9 > .columns:nth-of-type(1n) { clear: none; } .large-up-9 > .column:nth-of-type(9n + 1), .large-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .large-up-9 > .column:last-child, .large-up-9 > .columns:last-child { float: left; } .large-up-10 > .column, .large-up-10 > .columns { float: left; width: 10%; } .large-up-10 > .column:nth-of-type(1n), .large-up-10 > .columns:nth-of-type(1n) { clear: none; } .large-up-10 > .column:nth-of-type(10n + 1), .large-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .large-up-10 > .column:last-child, .large-up-10 > .columns:last-child { float: left; } .large-collapse > .column, .large-collapse > .columns { padding-right: 0; padding-left: 0; } .large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .large-collapse.row { margin-right: 0; margin-left: 0; } .large-uncollapse > .column, .large-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .large-centered { margin-right: auto; margin-left: auto; } .large-centered, .large-centered:last-child:not(:first-child) { float: none; clear: both; } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-right: 0; margin-left: 0; } .large-uncentered, .large-uncentered:last-child:not(:first-child), .large-push-0, .large-push-0:last-child:not(:first-child), .large-pull-0, .large-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 80em) { .v2-large-1 { width: 8.33333%; } .v2-large-push-1 { position: relative; left: 8.33333%; } .v2-large-pull-1 { position: relative; left: -8.33333%; } .v2-large-offset-0 { margin-left: 0%; } .v2-large-2 { width: 16.66667%; } .v2-large-push-2 { position: relative; left: 16.66667%; } .v2-large-pull-2 { position: relative; left: -16.66667%; } .v2-large-offset-1 { margin-left: 8.33333%; } .v2-large-3 { width: 25%; } .v2-large-push-3 { position: relative; left: 25%; } .v2-large-pull-3 { position: relative; left: -25%; } .v2-large-offset-2 { margin-left: 16.66667%; } .v2-large-4 { width: 33.33333%; } .v2-large-push-4 { position: relative; left: 33.33333%; } .v2-large-pull-4 { position: relative; left: -33.33333%; } .v2-large-offset-3 { margin-left: 25%; } .v2-large-5 { width: 41.66667%; } .v2-large-push-5 { position: relative; left: 41.66667%; } .v2-large-pull-5 { position: relative; left: -41.66667%; } .v2-large-offset-4 { margin-left: 33.33333%; } .v2-large-6 { width: 50%; } .v2-large-push-6 { position: relative; left: 50%; } .v2-large-pull-6 { position: relative; left: -50%; } .v2-large-offset-5 { margin-left: 41.66667%; } .v2-large-7 { width: 58.33333%; } .v2-large-push-7 { position: relative; left: 58.33333%; } .v2-large-pull-7 { position: relative; left: -58.33333%; } .v2-large-offset-6 { margin-left: 50%; } .v2-large-8 { width: 66.66667%; } .v2-large-push-8 { position: relative; left: 66.66667%; } .v2-large-pull-8 { position: relative; left: -66.66667%; } .v2-large-offset-7 { margin-left: 58.33333%; } .v2-large-9 { width: 75%; } .v2-large-push-9 { position: relative; left: 75%; } .v2-large-pull-9 { position: relative; left: -75%; } .v2-large-offset-8 { margin-left: 66.66667%; } .v2-large-10 { width: 83.33333%; } .v2-large-push-10 { position: relative; left: 83.33333%; } .v2-large-pull-10 { position: relative; left: -83.33333%; } .v2-large-offset-9 { margin-left: 75%; } .v2-large-11 { width: 91.66667%; } .v2-large-push-11 { position: relative; left: 91.66667%; } .v2-large-pull-11 { position: relative; left: -91.66667%; } .v2-large-offset-10 { margin-left: 83.33333%; } .v2-large-12 { width: 100%; } .v2-large-offset-11 { margin-left: 91.66667%; } .v2-large-up-1 > .column, .v2-large-up-1 > .columns { float: left; width: 100%; } .v2-large-up-1 > .column:nth-of-type(1n), .v2-large-up-1 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-1 > .column:nth-of-type(1n + 1), .v2-large-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .v2-large-up-1 > .column:last-child, .v2-large-up-1 > .columns:last-child { float: left; } .v2-large-up-2 > .column, .v2-large-up-2 > .columns { float: left; width: 50%; } .v2-large-up-2 > .column:nth-of-type(1n), .v2-large-up-2 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-2 > .column:nth-of-type(2n + 1), .v2-large-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .v2-large-up-2 > .column:last-child, .v2-large-up-2 > .columns:last-child { float: left; } .v2-large-up-3 > .column, .v2-large-up-3 > .columns { float: left; width: 33.33333%; } .v2-large-up-3 > .column:nth-of-type(1n), .v2-large-up-3 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-3 > .column:nth-of-type(3n + 1), .v2-large-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .v2-large-up-3 > .column:last-child, .v2-large-up-3 > .columns:last-child { float: left; } .v2-large-up-4 > .column, .v2-large-up-4 > .columns { float: left; width: 25%; } .v2-large-up-4 > .column:nth-of-type(1n), .v2-large-up-4 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-4 > .column:nth-of-type(4n + 1), .v2-large-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .v2-large-up-4 > .column:last-child, .v2-large-up-4 > .columns:last-child { float: left; } .v2-large-up-5 > .column, .v2-large-up-5 > .columns { float: left; width: 20%; } .v2-large-up-5 > .column:nth-of-type(1n), .v2-large-up-5 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-5 > .column:nth-of-type(5n + 1), .v2-large-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .v2-large-up-5 > .column:last-child, .v2-large-up-5 > .columns:last-child { float: left; } .v2-large-up-6 > .column, .v2-large-up-6 > .columns { float: left; width: 16.66667%; } .v2-large-up-6 > .column:nth-of-type(1n), .v2-large-up-6 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-6 > .column:nth-of-type(6n + 1), .v2-large-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .v2-large-up-6 > .column:last-child, .v2-large-up-6 > .columns:last-child { float: left; } .v2-large-up-7 > .column, .v2-large-up-7 > .columns { float: left; width: 14.28571%; } .v2-large-up-7 > .column:nth-of-type(1n), .v2-large-up-7 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-7 > .column:nth-of-type(7n + 1), .v2-large-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .v2-large-up-7 > .column:last-child, .v2-large-up-7 > .columns:last-child { float: left; } .v2-large-up-8 > .column, .v2-large-up-8 > .columns { float: left; width: 12.5%; } .v2-large-up-8 > .column:nth-of-type(1n), .v2-large-up-8 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-8 > .column:nth-of-type(8n + 1), .v2-large-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .v2-large-up-8 > .column:last-child, .v2-large-up-8 > .columns:last-child { float: left; } .v2-large-up-9 > .column, .v2-large-up-9 > .columns { float: left; width: 11.11111%; } .v2-large-up-9 > .column:nth-of-type(1n), .v2-large-up-9 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-9 > .column:nth-of-type(9n + 1), .v2-large-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .v2-large-up-9 > .column:last-child, .v2-large-up-9 > .columns:last-child { float: left; } .v2-large-up-10 > .column, .v2-large-up-10 > .columns { float: left; width: 10%; } .v2-large-up-10 > .column:nth-of-type(1n), .v2-large-up-10 > .columns:nth-of-type(1n) { clear: none; } .v2-large-up-10 > .column:nth-of-type(10n + 1), .v2-large-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .v2-large-up-10 > .column:last-child, .v2-large-up-10 > .columns:last-child { float: left; } .v2-large-collapse > .column, .v2-large-collapse > .columns { padding-right: 0; padding-left: 0; } .v2-large-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .v2-large-collapse.row { margin-right: 0; margin-left: 0; } .v2-large-uncollapse > .column, .v2-large-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .v2-large-centered { margin-right: auto; margin-left: auto; } .v2-large-centered, .v2-large-centered:last-child:not(:first-child) { float: none; clear: both; } .v2-large-uncentered, .v2-large-push-0, .v2-large-pull-0 { position: static; margin-right: 0; margin-left: 0; } .v2-large-uncentered, .v2-large-uncentered:last-child:not(:first-child), .v2-large-push-0, .v2-large-push-0:last-child:not(:first-child), .v2-large-pull-0, .v2-large-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 120em) { .xlarge-1 { width: 8.33333%; } .xlarge-push-1 { position: relative; left: 8.33333%; } .xlarge-pull-1 { position: relative; left: -8.33333%; } .xlarge-offset-0 { margin-left: 0%; } .xlarge-2 { width: 16.66667%; } .xlarge-push-2 { position: relative; left: 16.66667%; } .xlarge-pull-2 { position: relative; left: -16.66667%; } .xlarge-offset-1 { margin-left: 8.33333%; } .xlarge-3 { width: 25%; } .xlarge-push-3 { position: relative; left: 25%; } .xlarge-pull-3 { position: relative; left: -25%; } .xlarge-offset-2 { margin-left: 16.66667%; } .xlarge-4 { width: 33.33333%; } .xlarge-push-4 { position: relative; left: 33.33333%; } .xlarge-pull-4 { position: relative; left: -33.33333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { width: 41.66667%; } .xlarge-push-5 { position: relative; left: 41.66667%; } .xlarge-pull-5 { position: relative; left: -41.66667%; } .xlarge-offset-4 { margin-left: 33.33333%; } .xlarge-6 { width: 50%; } .xlarge-push-6 { position: relative; left: 50%; } .xlarge-pull-6 { position: relative; left: -50%; } .xlarge-offset-5 { margin-left: 41.66667%; } .xlarge-7 { width: 58.33333%; } .xlarge-push-7 { position: relative; left: 58.33333%; } .xlarge-pull-7 { position: relative; left: -58.33333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { width: 66.66667%; } .xlarge-push-8 { position: relative; left: 66.66667%; } .xlarge-pull-8 { position: relative; left: -66.66667%; } .xlarge-offset-7 { margin-left: 58.33333%; } .xlarge-9 { width: 75%; } .xlarge-push-9 { position: relative; left: 75%; } .xlarge-pull-9 { position: relative; left: -75%; } .xlarge-offset-8 { margin-left: 66.66667%; } .xlarge-10 { width: 83.33333%; } .xlarge-push-10 { position: relative; left: 83.33333%; } .xlarge-pull-10 { position: relative; left: -83.33333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { width: 91.66667%; } .xlarge-push-11 { position: relative; left: 91.66667%; } .xlarge-pull-11 { position: relative; left: -91.66667%; } .xlarge-offset-10 { margin-left: 83.33333%; } .xlarge-12 { width: 100%; } .xlarge-offset-11 { margin-left: 91.66667%; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { float: left; width: 100%; } .xlarge-up-1 > .column:nth-of-type(1n), .xlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-1 > .column:nth-of-type(1n + 1), .xlarge-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .xlarge-up-1 > .column:last-child, .xlarge-up-1 > .columns:last-child { float: left; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { float: left; width: 50%; } .xlarge-up-2 > .column:nth-of-type(1n), .xlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-2 > .column:nth-of-type(2n + 1), .xlarge-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .xlarge-up-2 > .column:last-child, .xlarge-up-2 > .columns:last-child { float: left; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { float: left; width: 33.33333%; } .xlarge-up-3 > .column:nth-of-type(1n), .xlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-3 > .column:nth-of-type(3n + 1), .xlarge-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .xlarge-up-3 > .column:last-child, .xlarge-up-3 > .columns:last-child { float: left; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { float: left; width: 25%; } .xlarge-up-4 > .column:nth-of-type(1n), .xlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-4 > .column:nth-of-type(4n + 1), .xlarge-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .xlarge-up-4 > .column:last-child, .xlarge-up-4 > .columns:last-child { float: left; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { float: left; width: 20%; } .xlarge-up-5 > .column:nth-of-type(1n), .xlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-5 > .column:nth-of-type(5n + 1), .xlarge-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .xlarge-up-5 > .column:last-child, .xlarge-up-5 > .columns:last-child { float: left; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { float: left; width: 16.66667%; } .xlarge-up-6 > .column:nth-of-type(1n), .xlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-6 > .column:nth-of-type(6n + 1), .xlarge-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .xlarge-up-6 > .column:last-child, .xlarge-up-6 > .columns:last-child { float: left; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { float: left; width: 14.28571%; } .xlarge-up-7 > .column:nth-of-type(1n), .xlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-7 > .column:nth-of-type(7n + 1), .xlarge-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .xlarge-up-7 > .column:last-child, .xlarge-up-7 > .columns:last-child { float: left; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { float: left; width: 12.5%; } .xlarge-up-8 > .column:nth-of-type(1n), .xlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-8 > .column:nth-of-type(8n + 1), .xlarge-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .xlarge-up-8 > .column:last-child, .xlarge-up-8 > .columns:last-child { float: left; } .xlarge-up-9 > .column, .xlarge-up-9 > .columns { float: left; width: 11.11111%; } .xlarge-up-9 > .column:nth-of-type(1n), .xlarge-up-9 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-9 > .column:nth-of-type(9n + 1), .xlarge-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .xlarge-up-9 > .column:last-child, .xlarge-up-9 > .columns:last-child { float: left; } .xlarge-up-10 > .column, .xlarge-up-10 > .columns { float: left; width: 10%; } .xlarge-up-10 > .column:nth-of-type(1n), .xlarge-up-10 > .columns:nth-of-type(1n) { clear: none; } .xlarge-up-10 > .column:nth-of-type(10n + 1), .xlarge-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .xlarge-up-10 > .column:last-child, .xlarge-up-10 > .columns:last-child { float: left; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xlarge-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .xlarge-collapse.row { margin-right: 0; margin-left: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .xlarge-centered { margin-right: auto; margin-left: auto; } .xlarge-centered, .xlarge-centered:last-child:not(:first-child) { float: none; clear: both; } .xlarge-uncentered, .xlarge-push-0, .xlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } .xlarge-uncentered, .xlarge-uncentered:last-child:not(:first-child), .xlarge-push-0, .xlarge-push-0:last-child:not(:first-child), .xlarge-pull-0, .xlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } } @media screen and (min-width: 250em) { .xxlarge-1 { width: 8.33333%; } .xxlarge-push-1 { position: relative; left: 8.33333%; } .xxlarge-pull-1 { position: relative; left: -8.33333%; } .xxlarge-offset-0 { margin-left: 0%; } .xxlarge-2 { width: 16.66667%; } .xxlarge-push-2 { position: relative; left: 16.66667%; } .xxlarge-pull-2 { position: relative; left: -16.66667%; } .xxlarge-offset-1 { margin-left: 8.33333%; } .xxlarge-3 { width: 25%; } .xxlarge-push-3 { position: relative; left: 25%; } .xxlarge-pull-3 { position: relative; left: -25%; } .xxlarge-offset-2 { margin-left: 16.66667%; } .xxlarge-4 { width: 33.33333%; } .xxlarge-push-4 { position: relative; left: 33.33333%; } .xxlarge-pull-4 { position: relative; left: -33.33333%; } .xxlarge-offset-3 { margin-left: 25%; } .xxlarge-5 { width: 41.66667%; } .xxlarge-push-5 { position: relative; left: 41.66667%; } .xxlarge-pull-5 { position: relative; left: -41.66667%; } .xxlarge-offset-4 { margin-left: 33.33333%; } .xxlarge-6 { width: 50%; } .xxlarge-push-6 { position: relative; left: 50%; } .xxlarge-pull-6 { position: relative; left: -50%; } .xxlarge-offset-5 { margin-left: 41.66667%; } .xxlarge-7 { width: 58.33333%; } .xxlarge-push-7 { position: relative; left: 58.33333%; } .xxlarge-pull-7 { position: relative; left: -58.33333%; } .xxlarge-offset-6 { margin-left: 50%; } .xxlarge-8 { width: 66.66667%; } .xxlarge-push-8 { position: relative; left: 66.66667%; } .xxlarge-pull-8 { position: relative; left: -66.66667%; } .xxlarge-offset-7 { margin-left: 58.33333%; } .xxlarge-9 { width: 75%; } .xxlarge-push-9 { position: relative; left: 75%; } .xxlarge-pull-9 { position: relative; left: -75%; } .xxlarge-offset-8 { margin-left: 66.66667%; } .xxlarge-10 { width: 83.33333%; } .xxlarge-push-10 { position: relative; left: 83.33333%; } .xxlarge-pull-10 { position: relative; left: -83.33333%; } .xxlarge-offset-9 { margin-left: 75%; } .xxlarge-11 { width: 91.66667%; } .xxlarge-push-11 { position: relative; left: 91.66667%; } .xxlarge-pull-11 { position: relative; left: -91.66667%; } .xxlarge-offset-10 { margin-left: 83.33333%; } .xxlarge-12 { width: 100%; } .xxlarge-offset-11 { margin-left: 91.66667%; } .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns { float: left; width: 100%; } .xxlarge-up-1 > .column:nth-of-type(1n), .xxlarge-up-1 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-1 > .column:nth-of-type(1n + 1), .xxlarge-up-1 > .columns:nth-of-type(1n + 1) { clear: both; } .xxlarge-up-1 > .column:last-child, .xxlarge-up-1 > .columns:last-child { float: left; } .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns { float: left; width: 50%; } .xxlarge-up-2 > .column:nth-of-type(1n), .xxlarge-up-2 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-2 > .column:nth-of-type(2n + 1), .xxlarge-up-2 > .columns:nth-of-type(2n + 1) { clear: both; } .xxlarge-up-2 > .column:last-child, .xxlarge-up-2 > .columns:last-child { float: left; } .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns { float: left; width: 33.33333%; } .xxlarge-up-3 > .column:nth-of-type(1n), .xxlarge-up-3 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-3 > .column:nth-of-type(3n + 1), .xxlarge-up-3 > .columns:nth-of-type(3n + 1) { clear: both; } .xxlarge-up-3 > .column:last-child, .xxlarge-up-3 > .columns:last-child { float: left; } .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns { float: left; width: 25%; } .xxlarge-up-4 > .column:nth-of-type(1n), .xxlarge-up-4 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-4 > .column:nth-of-type(4n + 1), .xxlarge-up-4 > .columns:nth-of-type(4n + 1) { clear: both; } .xxlarge-up-4 > .column:last-child, .xxlarge-up-4 > .columns:last-child { float: left; } .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns { float: left; width: 20%; } .xxlarge-up-5 > .column:nth-of-type(1n), .xxlarge-up-5 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-5 > .column:nth-of-type(5n + 1), .xxlarge-up-5 > .columns:nth-of-type(5n + 1) { clear: both; } .xxlarge-up-5 > .column:last-child, .xxlarge-up-5 > .columns:last-child { float: left; } .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns { float: left; width: 16.66667%; } .xxlarge-up-6 > .column:nth-of-type(1n), .xxlarge-up-6 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-6 > .column:nth-of-type(6n + 1), .xxlarge-up-6 > .columns:nth-of-type(6n + 1) { clear: both; } .xxlarge-up-6 > .column:last-child, .xxlarge-up-6 > .columns:last-child { float: left; } .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns { float: left; width: 14.28571%; } .xxlarge-up-7 > .column:nth-of-type(1n), .xxlarge-up-7 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-7 > .column:nth-of-type(7n + 1), .xxlarge-up-7 > .columns:nth-of-type(7n + 1) { clear: both; } .xxlarge-up-7 > .column:last-child, .xxlarge-up-7 > .columns:last-child { float: left; } .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns { float: left; width: 12.5%; } .xxlarge-up-8 > .column:nth-of-type(1n), .xxlarge-up-8 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-8 > .column:nth-of-type(8n + 1), .xxlarge-up-8 > .columns:nth-of-type(8n + 1) { clear: both; } .xxlarge-up-8 > .column:last-child, .xxlarge-up-8 > .columns:last-child { float: left; } .xxlarge-up-9 > .column, .xxlarge-up-9 > .columns { float: left; width: 11.11111%; } .xxlarge-up-9 > .column:nth-of-type(1n), .xxlarge-up-9 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-9 > .column:nth-of-type(9n + 1), .xxlarge-up-9 > .columns:nth-of-type(9n + 1) { clear: both; } .xxlarge-up-9 > .column:last-child, .xxlarge-up-9 > .columns:last-child { float: left; } .xxlarge-up-10 > .column, .xxlarge-up-10 > .columns { float: left; width: 10%; } .xxlarge-up-10 > .column:nth-of-type(1n), .xxlarge-up-10 > .columns:nth-of-type(1n) { clear: none; } .xxlarge-up-10 > .column:nth-of-type(10n + 1), .xxlarge-up-10 > .columns:nth-of-type(10n + 1) { clear: both; } .xxlarge-up-10 > .column:last-child, .xxlarge-up-10 > .columns:last-child { float: left; } .xxlarge-collapse > .column, .xxlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xxlarge-collapse .row { margin-right: 0; margin-left: 0; } .expanded.row .xxlarge-collapse.row { margin-right: 0; margin-left: 0; } .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns { padding-right: 1rem; padding-left: 1rem; } .xxlarge-centered { margin-right: auto; margin-left: auto; } .xxlarge-centered, .xxlarge-centered:last-child:not(:first-child) { float: none; clear: both; } .xxlarge-uncentered, .xxlarge-push-0, .xxlarge-pull-0 { position: static; margin-right: 0; margin-left: 0; } .xxlarge-uncentered, .xxlarge-uncentered:last-child:not(:first-child), .xxlarge-push-0, .xxlarge-push-0:last-child:not(:first-child), .xxlarge-pull-0, .xxlarge-pull-0:last-child:not(:first-child) { float: left; clear: none; } } .column-block { margin-bottom: 1.25rem; } .column-block > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 46.875em) { .column-block { margin-bottom: 2rem; } .column-block > :last-child { margin-bottom: 0; } } .accordion { margin-left: 0; background: #fff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 0 0 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 0 0; } .accordion-title { position: relative; display: block; padding: 1.25rem 1rem; border: 1px solid #e6e6e6; border-bottom: 0; font-size: .75rem; line-height: 1; color: #1976a1; } :last-child:not(.is-active) > .accordion-title { border-bottom: 1px solid #e6e6e6; border-radius: 0 0 0 0; } .accordion-title:hover, .accordion-title:focus { background-color: #e6e6e6; } .accordion-title::before { position: absolute; top: 50%; right: 1rem; margin-top: -0.5rem; content: "+"; } .is-active > .accordion-title::before { content: "–"; } .accordion-content { display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fff; color: #000; } :last-child > .accordion-content:last-child { border-bottom: 1px solid #e6e6e6; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: .7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: .7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1976a1 transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border: inset 6px; content: ""; border-bottom-width: 0; border-top-style: solid; border-color: #1976a1 transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded="true"]::after { transform: scaleY(-1); transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute  !important; width: 1px  !important; height: 1px  !important; padding: 0  !important; overflow: hidden  !important; clip: rect(0, 0, 0, 0)  !important; white-space: nowrap  !important; border: 0  !important; } .close-button { position: absolute; z-index: 10; color: #8a8a8a; cursor: pointer; } [data-whatinput="mouse"] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000; } .close-button.small { right: .66rem; top: .33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: .5rem; font-size: 2em; line-height: 1; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .media-object { display: block; margin-bottom: 1rem; } .media-object img { max-width: none; } .media-object-section { display: table-cell; vertical-align: top; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 46.87375em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.middle { vertical-align: middle; } .media-object-section.bottom { vertical-align: bottom; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, .45); overflow-y: auto; } .reveal { z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fff; position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; } [data-whatinput="mouse"] .reveal { outline: 0; } @media print, screen and (min-width: 46.875em) { .reveal { min-height: 0; } } .reveal .column, .reveal .columns { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 46.875em) { .reveal { width: 600px; max-width: 100rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 46.875em) { .reveal.tiny { width: 30%; max-width: 100rem; } } @media print, screen and (min-width: 46.875em) { .reveal.small { width: 50%; max-width: 100rem; } } @media print, screen and (min-width: 46.875em) { .reveal.large { width: 90%; max-width: 100rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 46.87375em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fff; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #1976a1; } .tabs.primary > li > a { color: #fff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: #1b80af; } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: .75rem; line-height: 1; color: #1976a1; } [data-whatinput="mouse"] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fff; color: #16658a; } .tabs-title > a:focus, .tabs-title > a[aria-selected="true"] { background: #e6e6e6; color: #1976a1; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fff; color: #000; transition: all .5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: solid 4px #fff; border-radius: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, .2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(25, 118, 161, .5); } a.thumbnail image { box-shadow: none; } .hide { display: none  !important; } .invisible { visibility: hidden; } @media print, screen and (max-width: 46.87375em) { .hide-for-small-only { display: none  !important; } } @media screen and (max-width: 0em), screen and (min-width: 46.875em) { .show-for-small-only { display: none  !important; } } @media print, screen and (min-width: 46.875em) { .hide-for-medium { display: none  !important; } } @media screen and (max-width: 46.87375em) { .show-for-medium { display: none  !important; } } @media print, screen and (min-width: 46.875em) and (max-width: 73.74875em) { .hide-for-medium-only { display: none  !important; } } @media screen and (max-width: 46.87375em), screen and (min-width: 73.75em) { .show-for-medium-only { display: none  !important; } } @media print, screen and (min-width: 73.75em) { .hide-for-large { display: none  !important; } } @media screen and (max-width: 73.74875em) { .show-for-large { display: none  !important; } } @media print, screen and (min-width: 73.75em) and (max-width: 79.99875em) { .hide-for-large-only { display: none  !important; } } @media screen and (max-width: 73.74875em), screen and (min-width: 80em) { .show-for-large-only { display: none  !important; } } @media screen and (min-width: 80em) { .hide-for-v2-large { display: none  !important; } } @media screen and (max-width: 79.99875em) { .show-for-v2-large { display: none  !important; } } @media screen and (min-width: 80em) and (max-width: 119.99875em) { .hide-for-v2-large-only { display: none  !important; } } @media screen and (max-width: 79.99875em), screen and (min-width: 120em) { .show-for-v2-large-only { display: none  !important; } } @media screen and (min-width: 120em) { .hide-for-xlarge { display: none  !important; } } @media screen and (max-width: 119.99875em) { .show-for-xlarge { display: none  !important; } } @media screen and (min-width: 120em) and (max-width: 249.99875em) { .hide-for-xlarge-only { display: none  !important; } } @media screen and (max-width: 119.99875em), screen and (min-width: 250em) { .show-for-xlarge-only { display: none  !important; } } @media screen and (min-width: 250em) { .hide-for-xxlarge { display: none  !important; } } @media screen and (max-width: 249.99875em) { .show-for-xxlarge { display: none  !important; } } @media screen and (min-width: 250em) { .hide-for-xxlarge-only { display: none  !important; } } @media screen and (max-width: 249.99875em) { .show-for-xxlarge-only { display: none  !important; } } .show-for-sr, .show-on-focus { position: absolute  !important; width: 1px  !important; height: 1px  !important; padding: 0  !important; overflow: hidden  !important; clip: rect(0, 0, 0, 0)  !important; white-space: nowrap  !important; border: 0  !important; } .show-on-focus:active, .show-on-focus:focus { position: static  !important; width: auto  !important; height: auto  !important; overflow: visible  !important; clip: auto  !important; white-space: normal  !important; } .show-for-landscape, .hide-for-portrait { display: block  !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block  !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none  !important; } } .hide-for-landscape, .show-for-portrait { display: none  !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none  !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block  !important; } } .float-left { float: left  !important; } .float-right { float: right  !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; } .clearfix::after { clear: both; } .slide-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-down.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(-100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-left.mui-enter.mui-enter-active { transform: translateX(0); } .slide-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-up.mui-enter.mui-enter-active { transform: translateY(0); } .slide-in-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(100%); transition-property: transform, opacity; backface-visibility: hidden; } .slide-in-right.mui-enter.mui-enter-active { transform: translateX(0); } .slide-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-down.mui-leave.mui-leave-active { transform: translateY(100%); } .slide-out-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-right.mui-leave.mui-leave-active { transform: translateX(100%); } .slide-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateY(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-up.mui-leave.mui-leave-active { transform: translateY(-100%); } .slide-out-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: translateX(0); transition-property: transform, opacity; backface-visibility: hidden; } .slide-out-left.mui-leave.mui-leave-active { transform: translateX(-100%); } .fade-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; opacity: 0; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; opacity: 1; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } .hinge-in-from-top.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: top; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-top.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-right.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: right; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-right.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-bottom.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(90deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-bottom.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-left.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(90deg); transform-origin: left; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-left.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-x.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-x.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-in-from-middle-y.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; transition-property: transform, opacity; opacity: 0; } .hinge-in-from-middle-y.mui-enter.mui-enter-active { transform: perspective(2000px) rotate(0deg); opacity: 1; } .hinge-out-from-top.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: top; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-top.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-right.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: right; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-right.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .hinge-out-from-bottom.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: bottom; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-bottom.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(-90deg); opacity: 0; } .hinge-out-from-left.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: left; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-left.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(-90deg); opacity: 0; } .hinge-out-from-middle-x.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-x.mui-leave.mui-leave-active { transform: perspective(2000px) rotateX(90deg); opacity: 0; } .hinge-out-from-middle-y.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: perspective(2000px) rotate(0deg); transform-origin: center; transition-property: transform, opacity; opacity: 1; } .hinge-out-from-middle-y.mui-leave.mui-leave-active { transform: perspective(2000px) rotateY(90deg); opacity: 0; } .scale-in-up.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(0.5); transition-property: transform, opacity; opacity: 0; } .scale-in-up.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-in-down.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1.5); transition-property: transform, opacity; opacity: 0; } .scale-in-down.mui-enter.mui-enter-active { transform: scale(1); opacity: 1; } .scale-out-up.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-up.mui-leave.mui-leave-active { transform: scale(1.5); opacity: 0; } .scale-out-down.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: scale(1); transition-property: transform, opacity; opacity: 1; } .scale-out-down.mui-leave.mui-leave-active { transform: scale(0.5); opacity: 0; } .spin-in.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(-0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out.mui-leave.mui-leave-active { transform: rotate(0.75turn); opacity: 0; } .spin-in-ccw.mui-enter { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0.75turn); transition-property: transform, opacity; opacity: 0; } .spin-in-ccw.mui-enter.mui-enter-active { transform: rotate(0); opacity: 1; } .spin-out-ccw.mui-leave { transition-duration: 500ms; transition-timing-function: linear; transform: rotate(0); transition-property: transform, opacity; opacity: 1; } .spin-out-ccw.mui-leave.mui-leave-active { transform: rotate(-0.75turn); opacity: 0; } .slow { transition-duration: 750ms  !important; } .fast { transition-duration: 250ms  !important; } .linear { transition-timing-function: linear  !important; } .ease { transition-timing-function: ease  !important; } .ease-in { transition-timing-function: ease-in  !important; } .ease-out { transition-timing-function: ease-out  !important; } .ease-in-out { transition-timing-function: ease-in-out  !important; } .bounce-in { transition-timing-function: cubic-bezier( .485, .155, .24, 1.245 )  !important; } .bounce-out { transition-timing-function: cubic-bezier( .485, .155, .515, .845 )  !important; } .bounce-in-out { transition-timing-function: cubic-bezier( .76, -0.245, .24, 1.245 )  !important; } .short-delay { transition-delay: 300ms  !important; } .long-delay { transition-delay: 700ms  !important; } .shake { animation-name: shake-7; } @keyframes shake-7 { 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { transform: translateX(7%); } 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { transform: translateX(-7%); } } .spin-cw { animation-name: spin-cw-1turn; } @keyframes spin-cw-1turn { 0% { transform: rotate(-1turn); } 100% { transform: rotate(0); } } .spin-ccw { animation-name: spin-ccw-1turn; } @keyframes spin-ccw-1turn { 0% { transform: rotate(0); } 100% { transform: rotate(-1turn); } } .wiggle { animation-name: wiggle-7deg; } @keyframes wiggle-7deg { 40%, 50%, 60% { transform: rotate(7deg); } 35%, 45%, 55%, 65% { transform: rotate(-7deg); } 0%, 30%, 70%, 100% { transform: rotate(0); } } .shake, .spin-cw, .spin-ccw, .wiggle { animation-duration: 500ms; } .infinite { animation-iteration-count: infinite; } .slow { animation-duration: 750ms  !important; } .fast { animation-duration: 250ms  !important; } .linear { animation-timing-function: linear  !important; } .ease { animation-timing-function: ease  !important; } .ease-in { animation-timing-function: ease-in  !important; } .ease-out { animation-timing-function: ease-out  !important; } .ease-in-out { animation-timing-function: ease-in-out  !important; } .bounce-in { animation-timing-function: cubic-bezier(0.485, .155, .24, 1.245)  !important; } .bounce-out { animation-timing-function: cubic-bezier( .485, .155, .515, .845 )  !important; } .bounce-in-out { animation-timing-function: cubic-bezier(0.76, -0.245, .24, 1.245)  !important; } .short-delay { animation-delay: 300ms  !important; } .long-delay { animation-delay: 700ms  !important; } .-noClick { pointer-events: none; } .a-button, .button--toggle label { margin-top: 0rem  !important; background-color: #fff; border-color: #000; border-radius: 3px; border-style: solid; border-width: 1px; color: #000; cursor: pointer; display: block; font-size: 1em; font-weight: 400; line-height: 1; max-width: 18.625em; min-width: 2.375em; padding: .625em; text-align: center; text-decoration: none; text-transform: uppercase; transition: background .2s ease, color .2s ease; width: 178px; height: auto; float: none; } .a-button:hover, .button--toggle label:hover, .a-button:focus, .button--toggle label:focus, .a-button:active, .button--toggle label:active { background-color: #777; text-decoration: none; } .a-button[disabled], .button--toggle label[disabled], .a-button.is-disabled, .button--toggle label.is-disabled { background-color: #e7e7e7  !important; color: #777  !important; cursor: not-allowed  !important; border-color: #c4c4c4  !important; } .a-button.-full, .button--toggle label.-full { max-width: none; width: 100%; } .a-button.-fluid, .button--toggle label.-fluid { display: inline-block; max-width: none; width: auto; } .button--xs { width: 98px; } .button--sm { width: 118px; } .button--md { width: 158px; } .button--lg { width: 198px; } .button--xl { width: 238px; } .button--xxl { width: 278px; } .button--fluid { display: inline-block; max-width: none; width: auto; } .button--full, .button--toggle label { max-width: none; width: 100%; } .button--primary, .a-button.-primary, .button--toggle label.-primary { background-color: #1976a1; border-color: #1976a1; color: #fff; } .button--primary:hover, .a-button.-primary:hover, .button--toggle label.-primary:hover, .button--primary:focus, .a-button.-primary:focus, .button--toggle label.-primary:focus, .button--primary:active, .a-button.-primary:active, .button--toggle label.-primary:active { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--secondary { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--secondary:hover, .button--secondary:focus, .button--secondary:active { background-color: #1976a1; border-color: #1976a1; color: #fff; } .button--secondary-alt { border-color: #1976a1; color: #1976a1; } .button--secondary-alt:hover, .button--secondary-alt:focus, .button--secondary-alt:active { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--tertiary { border-color: #555; color: #555; } .button--tertiary:hover, .button--tertiary:focus, .button--tertiary:active { background: #f2f2f2; color: #555; } .button--tertiary-alt { border-color: #555; background: #f2f2f2; color: #555; } .button--tertiary-alt:hover, .button--tertiary-alt:focus, .button--tertiary-alt:active { background: #e3e3e3; color: #555; } .button--red { background-color: #e2231a; border-color: #777; color: #fff; } .button--red:hover, .button--red:focus, .button--red:active { background-color: #e7e7e7; border-color: #777; color: #e2231a; } .button--black { background-color: #000; border-color: #777; color: #fff; } .button--black:hover, .button--black:focus, .button--black:active { background-color: #e7e7e7; border-color: #777; color: #000; } .button--checkout { background-color: #64a81b; border-color: #317900; color: #fff; } .button--checkout:hover, .button--checkout:focus, .button--checkout:active { background-color: #fff; border-color: #64a81b; color: #64a81b; } .button--promo { background-color: #ffc82e; border-color: #d48e08; color: #222; } .button--promo:hover, .button--promo:focus, .button--promo:active { background-color: #fae474; color: #222; } .button--toggle label { background-color: #fff; border-color: #1976a1; color: #1976a1; } .button--toggle input:checked + label, .button--toggle:hover label, .button--toggle:focus label, .button--toggle:active label { background-color: #d9eef7; border-color: #1976a1; color: #1976a1; } .button--toggle { padding-top: 0rem  !important; background-color: transparent; border: 0; } .button--toggle input { display: none  !important; } .button--toggle:hover, .button--toggle:focus, .button--toggle:active { background-color: transparent; border: 0; text-decoration: none; } .button--link { margin-top: 0rem  !important; padding-top: 0rem  !important; border: none; background-color: transparent; color: #009dd9; cursor: pointer; display: inline-block; font-size: inherit; font-weight: inherit; max-width: none; min-width: 0; text-align: inherit; width: auto; } .button--link:hover, .button--link:focus, .button--link:active { background-color: transparent; color: #009dd9; text-decoration: none; } .button--link[disabled], .button--link.is-disabled { background-color: transparent; color: #777  !important; cursor: not-allowed  !important; } .a-title { color: #000; text-align: center; margin: .5em; font-size: 1.2em; font-style: normal; } .a-image { border: 0; max-width: 100%; max-height: 100%; } .a-links, .a-login { color: #009dd9; cursor: pointer; text-decoration: none; } .a-links:hover, .a-login:hover, .a-links:focus, .a-login:focus { color: #009dd9; text-decoration: underline; } .a-links:active, .a-login:active { color: #dc291e; } .a-links.is-disabled, .is-disabled.a-login { color: #777; cursor: not-allowed; text-decoration: none; } .a-links.is-disabled:hover, .is-disabled.a-login:hover, .a-links.is-disabled:focus, .is-disabled.a-login:focus, .a-links.is-disabled:active, .is-disabled.a-login:active { color: #777; text-decoration: none; } .a-login { position: absolute; right: 20em; top: 1em; z-index: 1000; } .a-price { display: block; font-size: inherit; } .a-price__label { font-size: inherit; line-height: 1.25; } .a-price__value { font-size: inherit; line-height: 1.25; } .price--small .price__label { font-size: 80%; } .price--small .price__value { font-size: 80%; } .price--large .price__label { font-size: 200%; } .price--large .price__value { font-size: 200%; } .price--emphasis .price__label { font-size: 80%; } .price--emphasis .price__value { font-size: 200%; line-height: 1; } .price--stack .price__label { display: block; } .price--stack .price__value { display: block; } .price--nolabel .price__label { display: none; } .a-spinner { background-color: #fff; position: relative; } .a-spinner:before { background: #fff url("//static.lenovo.com/fea/images/ajax-loader.gif") no-repeat center center; content: ""; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .a-spinner * { opacity: .3; } .a-loadingIcon { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; background-color: rgba(0, 0, 0, .5); overflow-y: auto; } .a-loadingIcon:before { background: #fff url("//static.lenovo.com/fea/images/ajax-loader.gif") no-repeat center center; content: ""; height: 32px; width: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } body { font: 1em/1.75 "Lato", Helvetica, Arial, sans-serif; background: #efefef; position: relative; color: #555; -webkit-text-size-adjust: none; -ms-overflow-style: scrollbar; } body.checkoutFlow { background: unset; } .mainContent { background: #fff; margin-top: 0; } body.checkoutFlow .mainContent { margin-top: auto; } html.hidden { display: block  !important; visibility: visible  !important; } #mainSectionReplacement { display: none; } .msaMastheadPage .body-inner-wrapper header .bar_2, .footer-bar_3-logos { display: none  !important; } .pageWrapper { width: 100%  !important; } .m-mastheadSubNav__list > li > a { display: inline-block; padding: .7em 0 .1em 0; } .m-mastheadUtilityLinks__list.clearfix li { line-height: 30px  !important; } .o-mastheadModule{ position: fixed; } main * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.1; } #chrome-nav { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #e1e1e1; height: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 25px; display:none; z-index:2; max-width:1920px; margin:auto; position:relative; top:0 } #chrome-nav.chromeSticky{ position:fixed; left:50%; transform:translateX(-50%) translateY(-1px); box-shadow: 0 3px 6px #00000029; } #chrome-nav figure { width: 150px; } #chrome-nav figure img { width: 100%; } #chrome-nav ul { padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 24px; position: relative; height: 100%; } #chrome-nav ul li { height: 100%; line-height: 70px; position: relative; } #chrome-nav ul li#bullet { position: absolute; width: 100px; height: 5px; bottom: 0; background: #0e5780; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #chrome-nav ul li:not(:last-child) { margin-right: 24px; } #chrome-nav ul li a { text-decoration: none; color: black; font-weight: bold; font-size: 16px; } #hero { width: 100%; margin: auto; max-width: 1920px; height: auto; position: relative; } #hero * { color: white; } #hero article { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; bottom: 0; left: 0; background: rgba(0, 0, 0, .877); text-align: center; padding: 0 20px 40px; } #hero .hero_image{ width:100%; height:300px; background: url('//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/images/lenovo-chromebook-work-from-home-section.jpg') center center no-repeat; background-size:cover; } #hero article img { width: 154px; margin-top: 16px; margin-bottom: 12px; } #hero article h2 { font-size: 28px; } #hero article p { font-size: 18px; margin-bottom: 19px; } #hero article a { background: #0e5780; border-radius: 4px; text-decoration: none; height: 45px; display: inline-block; line-height: 43px; padding: 0 56px; border: solid 1px white; font-weight: bold; font-size: 16px; text-transform:capitalize } #hero article a:hover,#explore article div > a:hover{ border: solid 1px #0e5780; color: #0e5780; background: #e8f3f9; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; text-decoration:none } #hero article a:active, #explore article div > a:active{ background: #1976a1; color: #e8f3f9; -webkit-transition: all 0s ease-out; transition: all 0s ease-out; } #hero .hero_video { text-align: center; height: auto; } #hero .hero_video video { width: calc(100% - 40px); max-width: 450px; position: relative; top: -20px; -webkit-box-shadow: -2px 5px 40px rgba(0, 0, 0, .39); box-shadow: -2px 5px 40px rgba(0, 0, 0, .39); } #cards { width: 100%; margin: auto; max-width: 1920px; } #cards > article { margin-top: 24px; } #cards > article:first-child .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/images/lenovo-chromebook-homepage-stay-safe-with-built-in-virus-protection-v2.jpg") center center no-repeat; background-size: cover; } #cards > article:nth-child(2) .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/images/lenovo-chromebook-work-from-home-simple-set-up.jpg") center center no-repeat; background-size: cover; } #cards > article:nth-child(3) .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/images/lenovo-chromebook-work-from-home-apps-for-productivity.jpg") center center no-repeat; background-size: cover; } #cards > article .flag { color: white; height: 30px; line-height: 30px; padding: 0 15px; border: none; margin-bottom: 23px; } #cards > article .flag.purple { background: #4c1984; } #cards > article .card_image { width: 100%; height: 274px; } #cards > article div:last-child { text-align: center; background: #f2f2f2; padding: 0 22px; height: 273px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cards > article div:last-child p { font-size: 18px; color: black } #cards > article div:last-child h2 { font-size: 22px; font-weight:bold; margin-bottom: 4px; color: black } .twoCards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; background: #e1e1e1; padding: 20px 10px; } .twoCards article { min-width: 90%; border-radius: 8px; overflow: hidden; background: #f8f8f8; margin: 12px 12px; } .twoCards article .card_image { height: 230px; } .twoCards article:first-child { margin: 0 12px; } .twoCards article div:last-child { height: 230px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 12px; } .twoCards article div:last-child p { min-height: 97px; font-size: 18px; padding-bottom: 12px; text-align: center; } .twoCards article div:last-child a { color: #0e5780; text-decoration: none; } .twoCards article div:last-child a:hover { color: #0e5780; text-decoration: underline; } .twoCards article div:last-child a:active { color: #2da7d4; } #explore { background: #e1e1e1; text-align: center; max-width: 1920px; margin: 24px auto 0; } #explore > h2 { font-size: 28px; padding: 38px 0 4px; font-weight: bold; color:black } #explore > p { font-size: 16px; padding-bottom: 30px; color:black } #explore article { min-width: 250px; margin-bottom: 0; margin-top: 0; height: 500px; -webkit-box-shadow: 0 3px 10px #00000029; box-shadow: 0 3px 10px #00000029; position: relative; padding-top: 70px; } #explore article .chromebookLogo { width: 84px; position: absolute; right: 20px; top: 20px; } #explore article .chromebookLogo img { width: 100%; } #explore article .card_image { height: 139px; width: 90%; margin: auto; } #explore article:last-child .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/products/Case_Logic_13.3_Laptop_sleeve.png") center center no-repeat; background-size: 100%; } #explore article:nth-child(2) .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/products/Lenovo-Wired-USB-Mouse.png") center center no-repeat; background-size: 100%; } #explore article:first-child .card_image { background: url("https://www.lenovo.com/medias/GXD1B67867-500-1.png?context=bWFzdGVyfHJvb3R8Njg0Nzd8aW1hZ2UvcG5nfGg5MC9oOTIvMTEyNTY0NTI0MTU1MTgucG5nfDMxY2JkZGIwMjRmNThjNGZmOGRkZmYzMGE5MWU3NTA0NDk3NTM4NmIwZjg3NzA1ZDI0ZmViODRlZmFmZTE4ZTA") center center no-repeat; background-size: 100%; } #explore article:nth-child(3) .card_image { background: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/products/Logitech_H111_Stereo_Headset_with_3.5_mm_Audio_Jack_for_Education-headset.png") center center no-repeat; background-size: 100%; } #explore article h2 { padding: 42px 20px 14px; font-size: 18px; line-height: 1.1; } #explore article h2 a { color: #0e5780; font-weight: 900; } #explore article .price span { font-size: 12px; } #explore article .price p { font-size: 26px; font-weight: 900; color:black } #explore article div > a { background: #0e5780; color: white; height: 45px; line-height: 45px; padding: 0 24px; border-radius: 4px; width: calc(100% - 40px); } @media (min-width: 750px) { #hero article img { width: 200px; } #hero article h2 { margin-bottom: 12px; } #cards .twoCards { margin-top: 30px; padding-top: 52px; } #cards article div:last-child h2 { margin-bottom: 15px; font-size: 26px; } #cards article .card_image { height: 315px; } #explore > h2 { padding: 34px 0 6px; font-size: 28px; } #explore > p { padding-bottom: 40px; font-size: 18px; } #explore .twoCards article { min-width: 320px; height: 480px; } #explore .twoCards article div:last-child { height: auto; } #explore .twoCards article .card_image { height: 177px; } #explore .twoCards article h2 { padding: 23px 20px 14px; height: 100px; } #explore .twoCards article .price p { min-height: auto; } } @media (min-width: 1280px) { #chrome-nav { display: -webkit-box; display: -ms-flexbox; display: flex; top:0; left:0 } #hero { min-height: 600px; background-image: url("//static.lenovo.com/na/landing-pages/chromebooks/chromebooks-brand-pages/images/lenovo-chromebook-work-from-home-section.jpg"); background-position: bottom center; background-repeat: no-repeat; background-size: cover; } #hero figure, #hero .hero_image { display: none; } #hero article { width: 50%; height: 600px; text-align: left; background: rgba(0, 0, 0, .8); padding-left: 75px; padding-right: 106px; } #hero article img { width: 320px; margin-top: 95px; margin-bottom: 33px; } #hero article h2 { font-size: 52px; } #hero article p { width: auto; margin: 14px auto 23px; } #hero .hero_video { margin-top: -170px; } #cards > article { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 660px; } #cards > article:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #cards > article .card_image, #cards > article div:last-child { height: 100%; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } #cards > article div:last-child { text-align: left; padding: 0 97px; background:white; align-items: flex-start; } #cards > article div:last-child h2 { font-size: 52px; width: 100%; } #cards > article:nth-child(4) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #cards .twoCards { padding: 46px 57px 58px; } #cards .twoCards article { width: 50%; min-width: inherit; } #cards .twoCards article .card_image { height: 243px; } #explore { padding-bottom: 98px; margin-top: 0; } #explore > h2 { font-size: 52px; padding: 62px 0 6px; } #explore > p { font-size: 20px; padding-bottom: 55px; } #explore .twoCards { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } #explore .twoCards article { width: 328px; height: 490px; } #explore .twoCards article .card_image { height: 177px; width: 250px; } } @media (min-width: 1600px) { #hero article { width: 600px; } #cards article .card_image { width: 1280px; } }