@charset "UTF-8"; /*!timeStamp : Wednesday, April 28th 2021, 9:42:43 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; } div#mainContent { max-width: 1920px; } .premium-banner-image img { } .box-hover { display: none; } .promo .box { background-color: rgba(0, 0, 0, .75); border-radius: 2px; color: #fff; font-size: 16px; margin-left: auto; top: 20px; position: absolute; text-align: center; padding: 10px 15px; z-index: 9; } li.text1 { font-weight: bold; } ul.box-hover.text2 a { color: #f8f8f8; } .promo .box-hover.text2 { position: absolute; z-index: 1; color: #f8f8f8; font-weight: 300; text-align: center; list-style: none; font-size: 16px; line-height: 31px; top: 6px; max-width: max-content; padding: 0; margin: 0 0 0 4%; } .promo .box-hover.text2 a:hover { color: #4a8534; } ul li a.active { color: #000; } ul li a.active:before { content: ""; display: block; position: absolute; bottom: 0; left: 10%; width: 80%; height: 6px; background-color: #4a8534; } ul li a.current { color: #000; } ul li a.current:before { content: ""; display: block; position: absolute; bottom: 0; left: 10%; width: 80%; height: 6px; background-color: #4a8534; } .enterprise { border-left: 1px solid #e3e3e3; height: 190px; } .custom-solutions2 { font-family: "lato-bold", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; font-size: 27px; font-weight: bold; padding-top: 20px; line-height: 37px; } .promos-home div.promo { float: left; display: block; width: 28%; text-align: center; vertical-align: top; } .search { display: grid; text-align: center; } .text3 { display: none; } div#share1 { cursor: pointer; } .popover-content ul { list-style-type: none; width: 30px; text-align: center; padding-left: 0; } .services-modal .customization .learn-more { display: block; } #lifecycle-support-modal .description_box { height: 570px; background-color: #6c8d60; max-width: 270px; } .trigger-links-wrapper { background-color: #f0f8ff; max-width: 100%  !important; padding-top: 40px; } .dcg-home-custom { padding-top: 0  !important; } #pc-service-subhero { color: #009dd9; height: 200px; text-align: center; } #pc-service-subhero .content { height: 190px; padding-top: 5px; display: flex; flex-wrap: wrap; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { border-right: 1px solid #e3e3e3; height: 190px; } #pc-service-subhero .content .text { font-size: 17px; padding-top: 10px; line-height: 25px; } #pc-service-subhero .content img { margin-top: 60px; } #pc-service-subhero .content .search .text1 { color: #000; font-size: 30px; font-weight: 500; margin-top: 25px; } #pc-service-subhero .content .search .text2 { color: #000; font-size: 14px; margin-top: -10px; } .searchInput { width: 100%  !important; padding-right: 0  !important; } input .input-text { background: none; border-radius: 5px; color: #000; width: 300px; } .search .searchContainer .input-text1 { border-radius: 8px; height: 50px; padding: 10px; width: 380px; border: 2px solid #bbb; background-color: #fff; } .pc_service_slider { text-align: center; width: 100%; height: 100%; } .hero-img-box.hlink .title { position: absolute; top: 166px; color: #fff; font-size: 30px; left: 92px; line-height: 37px; } .hero-img-box.hlink .title2 { top: 209px; color: #fff; font-size: 32px; left: 92px; position: absolute; } .hero-img-box.hlink .text1 { font-size: 18px; position: absolute; color: white; word-wrap: break-word; text-align: left; top: 229px; height: auto; line-height: 1.5; margin-right: 10%; margin-left: 92px; } .learn_more { width: 147px; cursor: pointer; border-radius: 2px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 20px; margin-left: auto; margin-right: auto; position: relative; text-align: center; z-index: 1; padding: 10px 15px; top: 485px; } .learn_more a { position: relative; color: #fff; } .custom-solutions .text { padding-bottom: 20px; } .custom-solutions .text, .solutions-by-industry { font-family: "lato-bold", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; color: #000; font-size: 26px; font-weight: bold; padding-top: 20px; } .custom-solutions { display: inline-block; padding-bottom: 15px; background-color: #f2f2f2; } .custom-solutions .row1 { margin-bottom: 20px; } .custom-solutions .box { background-color: rgba(0, 0, 0, .75); border-radius: 2px; color: #fff; font-size: 20px; margin-left: 20px; margin-top: 20px; position: absolute; text-align: center; padding: 10px 15px; z-index: 1; } .custom-solutions .box-hover { display: none; } .custom-solutions .box-hover.text1 { color: #fff; font-size: 20px; font-weight: 700; margin-left: 20px; margin-top: 20px; position: absolute; z-index: 1; padding: 10px 15px; } .custom-solutions .box-hover.text2 { color: #fff; font-size: 24px; line-height: 30px; margin-left: 20px; margin-right: 13%; margin-top: 70px; position: absolute; z-index: 1; padding: 10px 15px; } .custom-solutions .box-hover.learn-more { border-radius: 2px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 40px; line-height: 20px; margin-left: 34px; position: absolute; text-align: center; z-index: 1; padding: 10px 15px; bottom: 30px; background-color: transparent; cursor: pointer; } .custom-solutions .image1, .custom-solutions .image2, .custom-solutions .image3, .custom-solutions .image4, .custom-solutions .image5 { cursor: pointer; } .hero-img-box { width: 38%; height: 100%; background-color: #000; z-index: 1; opacity: .7; position: absolute; top: 0; left: 0; } .services-modal .learn-more { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; position: absolute; } .services-modal .learn-more a { color: #fff; } .promos-home .promo p a.promo-header { color: #1976a1; font-weight: 400; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 340px 13px; } @media handheld, screen and (max-width: 1824px) and (min-width: 1550px) { .social-tray .modal_content { width: 80%; } } @media handheld, screen and (max-width: 1549px) and (min-width: 1378px) { .social-tray .modal_content { width: 100%; } } @media handheld, screen and (max-width: 1400px) { .hero-img-box.hlink .title { top: 98px; left: 65px; } .hero-img-box.hlink .title2 { top: 150px; color: #fff; font-size: 32px; left: 64px; position: absolute; } .hero-img-box.hlink .text1 { top: 180px; margin-left: 65px; margin-right: 7%; } .description_box img { display: none; } #lifecycle-support-modal .description_box { height: 320px; background-color: #6c8d60; max-width: 270px; } .services-modal ul li .description_box { height: 250px; width: 330px; background-color: #6c8d60; max-width: 270px; padding: 1px; margin-bottom: 10px; } .social-tray .modal_content { width: 90%; } } @media screen and (max-width: 1200px) and (min-width: 992px) { .search .searchContainer .input-text1 { width: 305px; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 270px 12px; } } @media handheld, screen and (max-width: 1178px) { .hero-img-box { width: 51%; } .hero-img-box.hlink .title { top: 50px; left: 65px; } .hero-img-box.hlink .title2 { top: 100px; color: #fff; font-size: 32px; left: 64px; position: absolute; } .hero-img-box.hlink .text1 { top: 123px; margin-left: 65px; margin-right: 7%; } .custom-solutions .box-hover.text2 { margin-top: 53px; font-size: 16px; } .learn_more { top: 400px; } .social-tray .modal { max-height: 828px; top: 700px; } } @media handheld, screen and (max-width: 992px) { .search { width: 100%; padding: 2px 0 20px 0; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { width: 25%; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; height: 190px; } .box-hover.learn-more::after { content: " >"; } .image2, .image4 { padding-right: 7px; padding-left: 0; } .image2 .box-wrap, .image4 .box-wrap { right: 7px; } .image3, .image5 { padding-left: 7px; padding-right: 0; } .image1 { padding: 0; } .image1 img, .image2 img, .image3 img, .image4 img, .image5 img { filter: none  !important; } #pc-service-subhero { height: 387px; } .social-tray .custom-solutions .box-hover { display: block; } .custom-solutions .box-hover.text1 { margin: 0; padding: 0; left: 45px; top: 15px; } .custom-solutions .box-hover.text2 { font-size: 15px; line-height: 16px; font-weight: 300; margin: 0; bottom: -50px; width: 72%; left: 45px; padding: 0; position: relative; } .custom-solutions .box-hover.learn-more { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; } #more-info { line-height: 20px; border: 0; margin: 0; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; color: #fff; position: absolute; } .box-wrap { width: 100%; height: 50%; background-color: rgba(0, 0, 0, .75); z-index: 1; position: absolute; bottom: 9px; } .social-tray .modal { top: 887px; padding-top: 30px; max-height: 929px; } .modal_content ul li .description_box img { display: none; } #modal .modal_info { padding-top: 20px; } .modal_nav h2 .modal_title_nav { left: 0; } .modal_nav .modal_info { margin-top: 15px; margin-left: 70px; } .social-tray .modal_content { width: 67%; } .solutions .modal_info { margin-top: 20px; } } @media handheld, screen and (max-width: 956px) { .social-tray .modal_content { width: 72%; top: 30px; } } @media handheld, screen and (max-width: 880px) { .premium-banner-image img { display: block; position: absolute; left: 70%; max-width: none; transform: translate(-50%, -50%); max-height: 260px; padding-right: 226px; } .hero-img-box { width: 51%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 9; } .social-tray .modal_content { width: 78%; max-height: 828px; } .promos-home div.promo { margin-left: 0; } } @media handheld, screen and (max-width: 848px) { .premium-banner-image img { top: 38%; left: 55%; max-height: 329px; } .hero-img-box { width: 100%; top: 329px; opacity: 1; } .premium-banner-container, .premium-banner-wrapper { height: 500px; } .premium-banner-container .premium-banner-image { max-height: 100%; } .hero-img-box.hlink .text1 { font-size: 18px; position: absolute; color: white; word-wrap: break-word; top: 112px; height: auto; line-height: 1.5; margin-left: 35px; width: 90%; } .top_divider { width: 90%; margin-left: 4%; } .hero-img-box.hlink .title { top: 50px; left: 35px; } .hero-img-box.hlink .title2 { top: 87px; color: #fff; font-size: 32px; left: 35px; position: absolute; } .learn_more { top: 290px; } .social-tray .modal { top: 1148px; padding-top: 30px; max-height: 821px; } #modal .modal_info { padding-top: 20px; } .social-tray .modal_content { width: 86%; max-height: 828px; } } @media handheld, screen and (max-width: 820px) { } @media handheld, screen and (max-width: 801px) { .dcg-home-trending .dcg-home-trending-secondary ul li img.hlink { margin: 0 .8em .8em 0; } div.promos-home, #promoBumper div.promos-home { padding: 4em 3em 1em 3em; } #promoBumper2 .lSSlideWrapper { padding-left: 0; } .promo.lslide { width: 47%; margin-right: 5px; margin-left: 8px; height: 303px; } .promos-home { display: initial; } .promo:nth-of-type(5) { display: none; } .promo:nth-of-type(6) { display: none; } p.trending-subhead a { min-height: 30px; } .trending-subhead .fa { font-size: 20px; } .trig { line-height: 1.4em; padding: 0 7px 0 7px; } .trigger-links-wrapper .trigger-link { width: 43.76157%  !important; } .trigger-link.hlink.trigger-link-one { margin-left: 5%; } .trigger-links-wrapper .trigger-link:last-child { margin-right: 5%  !important; } } @media handheld, screen and (max-width: 767px) { .image2, .image3, .image4, .image5 { width: 50%; } .box-wrap { height: 60%; } .social-tray .modal { max-height: 725px; } .social-tray .modal_info { margin-top: 0; } .social-tray .modal_content { width: 90%; position: absolute; } .social-tray .modal_title_nav { left: 50px; } .modal_info { width: 100%; margin-top: 10px; margin-bottom: 20px; } .services-modal ul li .description_box { height: 250px; width: 330px; background-color: #6c8d60; max-width: 270px; padding: 1px; margin-bottom: 10px; } .container.services-modal { width: 700px; } div#promoBumper2 { margin-bottom: -66px; } } @media handheld, screen and (max-width: 712px) { #lifecycle-support-modal .description_box { height: auto; max-width: initial; } .social-tray .modal_info { display: none; } .container.services-modal { padding-top: 20px; } .services-modal ul li .description_box { height: max-content; width: 720px; background-color: #6c8d60; max-width: 720px; padding: 1px; margin-bottom: 10px; } .social-tray .modal { padding-top: 15px; } .description_box p { margin-top: 10px; margin-bottom: 4px; } .services-modal .learn-more { line-height: 22px; border: 0; margin: 5px; padding: 0; bottom: 17px; left: 45px; height: 16px; font-size: 14px; position: inherit; } .social-tray .modal { margin-left: -55px; width: auto; } } @media handheld, screen and (max-width: 600px) { .promos-home div.promo { width: 47%; } .promo.lslide { width: 47%; margin-right: 0; height: 280px; } .dcg-home-trending .dcg-home-trending-secondary ul li img.hlink { margin: 0 .8em 4.8em 0; } .dcg-home-trending .dcg-home-trending-primary { min-height: 400px  !important; } .trigger-links-wrapper .trigger-link { width: 100%  !important; } .trigger-link.hlink.trigger-link-one { margin-left: 0; } .trigger-link.hlink.trigger-link-three { margin-right: 0; } .trigger-link .trigger-title1 { color: #1976a1; } .text { display: none; } #pc-service-subhero .content img { margin-top: 19px; } #pc-service-subhero .content .share, #pc-service-subhero .content .financing, #pc-service-subhero .content .contact, #pc-service-subhero .content .enterprise2 { height: 75px; width: 25%; } .search .searchContainer .input-text1 { width: 310px; height: 50px; font-size: 13px; } .enterprise { display: none; } #pc-service-subhero { height: 260px; } .trigger-links-wrapper .trigger-link { padding: 0; } .trigger-links-wrapper .trigger-link.hlink a { margin: 0; } .trigger-links-wrapper { padding-top: 0; } #pc-service-subhero .content .search .text1 { font-size: 24px; } .trigger-links-wrapper .trigger-link.hlink a.link { display: none; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 272px 13px; } .premium-banner-image img { top: 25%; left: 32%; padding: 0; height: auto; max-height: 250px; } .hero-img-box { top: 247px; max-height: 508px; } .image2, .image3, .image4, .image5 { width: 100%; } .image1 img { height: 209px; max-width: 200%; } .image2 img, .image3 img, .image4 img, .image5 img { height: 209px; width: 100%; } .image2, .image3, .image4, .image5 { padding-left: 0; padding-right: 0; } .image2 .box-wrap, .image4 .box-wrap { right: 0; } .learn_more { top: 320px; } .social-tray .modal { top: 1020px; padding-top: 30px; max-height: 821px; } .social-tray .modal { max-height: 1079px; } .search { width: 100%; } } @media handheld, screen and (max-width: 500px) { .learn_more { top: 408px; } .hero-img-box.hlink .text1 { width: 85%; } .search .searchContainer .input-text1 { width: 273px; } input.input-text1 { background: url(//static.lenovo.com/na/landing-pages/service-site/icon-magnify-glass.png) no-repeat scroll 245px 13px; } } @media handheld, screen and (max-width: 400px) { div#modal { overflow: visible; margin-left: -55px; } .social-tray .modal { top: 1020px; max-height: 1079px; width: 440px; } } .general { float: left; list-style-type: none; width: auto; } .modal { display: none; position: absolute; z-index: 1; padding-top: 100px; left: 0; top: 803px; width: 100%; overflow: hidden; background-color: rgba(0, 0, 0, .8); } .modal_content { position: relative; top: -50px; margin: auto; padding: 0; width: 68%; -webkit-animation-name: animatetop; -webkit-animation-duration: .4s; animation-name: animatetop; animation-duration: .4s; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .close { color: #fff; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; } .description_box { height: 465px; background-color: #6c8d60; max-width: 270px; } .modal_info { color: #fff; font-family: Lato; font-size: 36px; font-weight: 100; line-height: 80px; text-align: center; } .modal_title_nav { color: #fff; font-size: 16px; font-weight: 500; line-height: 43px; text-align: center; height: 44px; width: 275px; border: 1px solid #fff; background-color: #6c8d60; left: -45px; text-transform: uppercase; display: flex; } .container.services-modal { width: 100%; position: relative; display: flex; max-width: 1600px; } .description_box p { color: #fff; font-family: Lato; font-size: 23px; line-height: 27px; padding-left: 12px; text-transform: uppercase; margin-top: 10px; } .description_box ul li { color: #fff; font-family: Lato; font-size: 16px; line-height: 25px; font-weight: 300; padding-left: -3px; } #sharepop { display: none; } .trending-subhead2 { font-family: "lato", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 1.2em; line-height: 1em; padding: 0; margin: 0; } .trending-subhead2 a { border-radius: 15px; } #pc-service-subhero .content .popover-content img { margin-top: 10px; } .popover-content { padding: 8px 24px; } @media screen and (max-width: 1300px) and (min-width: 1151px) { .promo .box-hover.text2 { font-size: 14px; line-height: 25px; margin: 0 0 0 3%; } } @media screen and (max-width: 1150px) and (min-width: 1024px) { .promo .box-hover.text2 { font-size: 13px; line-height: 22px; top: 6px; margin: 0 0 0 3%; } } @media screen and (max-width: 848px) { .promo-carousel .lSAction .lSPrev, .promo-carousel .lSAction .lSNext { display: block  !important; } .promo .box-hover.text2 { font-size: 14px; line-height: 27px; top: 12px; margin: 0 0 0 2.5%; } .promos-home { height: 255px; } .promo-carousel .lSAction .lSNext { right: -32px; height: 170px  !important; } .promo-carousel .lSAction .lSPrev { left: -32px; height: 170px  !important; } } @media screen and (max-width: 848px) and (min-width: 800px) { .promos-home { height: 288px; } } @media screen and (max-width: 600px) { .promo-carousel .lSAction .lSNext { height: 150px  !important; } .promo-carousel .lSAction .lSPrev { height: 150px  !important; } .plus_info img { max-width: 45px; } .promo-carousel .promo.lslide:nth-child(1) { margin-left: 30px; } .promo-carousel .promo.lslide { min-width: 250px; } .lSSlideWrapper .yCmsContentSlot.lightSlider.lsGrab.lSSlide { min-width: 2500px  !important; } .current:after { bottom: -61px; } }