@import "/crm/_lib/css/vendor/fontawesome/fontawesome.css"; @media print, screen and (min-width: 40em) {.reveal, .reveal.tiny, .reveal.small, .reveal.large {right: auto; left: auto; margin: 0 auto } } /*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ html {font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body {margin: 0 } article, aside, footer, header, nav, section {display: block } h1 {font-size: 2em; margin: 0.67em 0 } figcaption, figure {display: block } figure {margin: 1em 40px } hr {box-sizing: content-box; height: 0; overflow: visible } main {display: block } pre {font-family: monospace, monospace; font-size: 1em } a {background-color: transparent; -webkit-text-decoration-skip: objects } a:active, a:hover {outline-width: 0 } abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong {font-weight: inherit } b, strong {font-weight: bolder } code, kbd, samp {font-family: monospace, monospace; font-size: 1em } dfn {font-style: italic } mark {background-color: #ff0; color: #000 } 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 } audio, video {display: inline-block } audio:not([controls]) {display: none; height: 0 } img {border-style: none } svg:not(:root) {overflow: hidden } button, input, optgroup, select, textarea {font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button {overflow: visible } button, select {text-transform: none } button, html [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 } input {overflow: visible } [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-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none } ::-webkit-file-upload-button {-webkit-appearance: button; font: inherit } fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em } legend {box-sizing: border-box; display: table; max-width: 100%; padding: 0; color: inherit; white-space: normal } progress {display: inline-block; vertical-align: baseline } textarea {overflow: auto } details {display: block } summary {display: list-item } menu {display: block } canvas {display: inline-block } template {display: none } [hidden] {display: none } .foundation-mq {font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"} html {box-sizing: border-box; font-size: 100% } *, *::before, *::after {box-sizing: inherit } body {margin: 0; padding: 0; background: #fefefe; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -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; -webkit-appearance: none; -moz-appearance: none; 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: 75rem; margin-right: auto; margin-left: auto } .row::before, .row::after {display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1 } .row::after {clear: both } .row.collapse>.column, .row.collapse>.columns {padding-right: 0; padding-left: 0 } .row .row {margin-right: -.3125rem; margin-left: -.3125rem } @media print, screen and (min-width: 40em) {.row .row {margin-right: -.3125rem; margin-left: -.3125rem } } @media print, screen and (min-width: 64em) {.row .row {margin-right: -.3125rem; margin-left: -.3125rem } } .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: .3125rem; padding-left: .3125rem } .row.gutter-medium>.column, .row.gutter-medium>.columns {padding-right: .3125rem; padding-left: .3125rem } .row.gutter-large>.column, .row.gutter-large>.columns {padding-right: .3125rem; padding-left: .3125rem } .column, .columns {width: 100%; float: left; padding-right: .3125rem; padding-left: .3125rem } @media print, screen and (min-width: 40em) {.column, .columns {padding-right: .3125rem; padding-left: .3125rem } } @media print, screen and (min-width: 64em) {.column, .columns {padding-right: .3125rem; padding-left: .3125rem } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) {float: right } .column.end:last-child:last-child, .end.columns:last-child:last-child {float: left } .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-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: .3125rem; padding-left: .3125rem } .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; float: left; margin-right: 0; margin-left: 0 } @media print, screen and (min-width: 40em) {.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-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: .3125rem; padding-left: .3125rem } .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; float: left; margin-right: 0; margin-left: 0 } } @media print, screen and (min-width: 64em) {.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-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: .3125rem; padding-left: .3125rem } .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; float: left; margin-right: 0; margin-left: 0 } } .column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } @media print, screen and (min-width: 40em) {.column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } } @media print, screen and (min-width: 64em) {.column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } } .row {max-width: 75rem; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .row .row {margin-right: -.3125rem; margin-left: -.3125rem } @media print, screen and (min-width: 40em) {.row .row {margin-right: -.3125rem; margin-left: -.3125rem } } @media print, screen and (min-width: 64em) {.row .row {margin-right: -.3125rem; margin-left: -.3125rem } } .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.collapse>.column, .row.collapse>.columns {padding-right: 0; padding-left: 0 } .row.is-collapse-child, .row.collapse>.column>.row, .row.collapse>.columns>.row {margin-right: 0; margin-left: 0 } .column, .columns {-ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: .3125rem; padding-left: .3125rem; min-width: 0 } @media print, screen and (min-width: 40em) {.column, .columns {padding-right: .3125rem; padding-left: .3125rem } } @media print, screen and (min-width: 64em) {.column, .columns {padding-right: .3125rem; padding-left: .3125rem } } .column.row.row, .row.row.columns {float: none; display: block } .row .column.row.row, .row .row.row.columns {margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } .small-1 {-ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .small-offset-0 {margin-left: 0% } .small-2 {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-offset-1 {margin-left: 8.33333% } .small-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-offset-2 {margin-left: 16.66667% } .small-4 {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-offset-3 {margin-left: 25% } .small-5 {-ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .small-offset-4 {margin-left: 33.33333% } .small-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-offset-5 {margin-left: 41.66667% } .small-7 {-ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .small-offset-6 {margin-left: 50% } .small-8 {-ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .small-offset-7 {margin-left: 58.33333% } .small-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .small-offset-8 {margin-left: 66.66667% } .small-10 {-ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .small-offset-9 {margin-left: 75% } .small-11 {-ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .small-offset-10 {margin-left: 83.33333% } .small-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-offset-11 {margin-left: 91.66667% } .small-up-1 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-1>.column, .small-up-1>.columns {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .small-up-2 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-2>.column, .small-up-2>.columns {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .small-up-3 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-3>.column, .small-up-3>.columns {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .small-up-4 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-4>.column, .small-up-4>.columns {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .small-up-5 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-5>.column, .small-up-5>.columns {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .small-up-6 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-6>.column, .small-up-6>.columns {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .small-up-7 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-7>.column, .small-up-7>.columns {-ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .small-up-8 {-ms-flex-wrap: wrap; flex-wrap: wrap } .small-up-8>.column, .small-up-8>.columns {-ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } .small-collapse>.column, .small-collapse>.columns {padding-right: 0; padding-left: 0 } .small-uncollapse>.column, .small-uncollapse>.columns {padding-right: .3125rem; padding-left: .3125rem } @media print, screen and (min-width: 40em) {.medium-1 {-ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .medium-offset-0 {margin-left: 0% } .medium-2 {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-offset-1 {margin-left: 8.33333% } .medium-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-offset-2 {margin-left: 16.66667% } .medium-4 {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-offset-3 {margin-left: 25% } .medium-5 {-ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .medium-offset-4 {margin-left: 33.33333% } .medium-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-offset-5 {margin-left: 41.66667% } .medium-7 {-ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .medium-offset-6 {margin-left: 50% } .medium-8 {-ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .medium-offset-7 {margin-left: 58.33333% } .medium-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .medium-offset-8 {margin-left: 66.66667% } .medium-10 {-ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .medium-offset-9 {margin-left: 75% } .medium-11 {-ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .medium-offset-10 {margin-left: 83.33333% } .medium-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-offset-11 {margin-left: 91.66667% } .medium-up-1 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-1>.column, .medium-up-1>.columns {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .medium-up-2 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-2>.column, .medium-up-2>.columns {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .medium-up-3 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-3>.column, .medium-up-3>.columns {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .medium-up-4 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-4>.column, .medium-up-4>.columns {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .medium-up-5 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-5>.column, .medium-up-5>.columns {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .medium-up-6 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-6>.column, .medium-up-6>.columns {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .medium-up-7 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-7>.column, .medium-up-7>.columns {-ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .medium-up-8 {-ms-flex-wrap: wrap; flex-wrap: wrap } .medium-up-8>.column, .medium-up-8>.columns {-ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media print, screen and (min-width: 40em) and (min-width: 40em) {.medium-expand {-ms-flex: 1 1 0px; flex: 1 1 0px } } .row.medium-unstack>.column, .row.medium-unstack>.columns {-ms-flex: 0 0 100%; flex: 0 0 100% } @media print, screen and (min-width: 40em) {.row.medium-unstack>.column, .row.medium-unstack>.columns {-ms-flex: 1 1 0px; flex: 1 1 0px } } @media print, screen and (min-width: 40em) {.medium-collapse>.column, .medium-collapse>.columns {padding-right: 0; padding-left: 0 } .medium-uncollapse>.column, .medium-uncollapse>.columns {padding-right: .3125rem; padding-left: .3125rem } } @media print, screen and (min-width: 64em) {.large-1 {-ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .large-offset-0 {margin-left: 0% } .large-2 {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-offset-1 {margin-left: 8.33333% } .large-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-offset-2 {margin-left: 16.66667% } .large-4 {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-offset-3 {margin-left: 25% } .large-5 {-ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .large-offset-4 {margin-left: 33.33333% } .large-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-offset-5 {margin-left: 41.66667% } .large-7 {-ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .large-offset-6 {margin-left: 50% } .large-8 {-ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .large-offset-7 {margin-left: 58.33333% } .large-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .large-offset-8 {margin-left: 66.66667% } .large-10 {-ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .large-offset-9 {margin-left: 75% } .large-11 {-ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .large-offset-10 {margin-left: 83.33333% } .large-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-offset-11 {margin-left: 91.66667% } .large-up-1 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-1>.column, .large-up-1>.columns {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .large-up-2 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-2>.column, .large-up-2>.columns {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .large-up-3 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-3>.column, .large-up-3>.columns {-ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .large-up-4 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-4>.column, .large-up-4>.columns {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .large-up-5 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-5>.column, .large-up-5>.columns {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20% } .large-up-6 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-6>.column, .large-up-6>.columns {-ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .large-up-7 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-7>.column, .large-up-7>.columns {-ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; max-width: 14.28571% } .large-up-8 {-ms-flex-wrap: wrap; flex-wrap: wrap } .large-up-8>.column, .large-up-8>.columns {-ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5% } } @media print, screen and (min-width: 64em) and (min-width: 64em) {.large-expand {-ms-flex: 1 1 0px; flex: 1 1 0px } } .row.large-unstack>.column, .row.large-unstack>.columns {-ms-flex: 0 0 100%; flex: 0 0 100% } @media print, screen and (min-width: 64em) {.row.large-unstack>.column, .row.large-unstack>.columns {-ms-flex: 1 1 0px; flex: 1 1 0px } } @media print, screen and (min-width: 64em) {.large-collapse>.column, .large-collapse>.columns {padding-right: 0; padding-left: 0 } .large-uncollapse>.column, .large-uncollapse>.columns {padding-right: .3125rem; padding-left: .3125rem } } .shrink {-ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100% } .column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } @media print, screen and (min-width: 40em) {.column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } } @media print, screen and (min-width: 64em) {.column-block {margin-bottom: .625rem } .column-block>:last-child {margin-bottom: 0 } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {margin: 0; padding: 0 } p {margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility } em, i {font-style: italic; line-height: inherit } strong, b {font-weight: bold; line-height: inherit } small {font-size: 80%; line-height: inherit } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {line-height: 0; color: #cacaca } h1, .h1 {font-size: 1.5rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h2, .h2 {font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h3, .h3 {font-size: 1.1875rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h4, .h4 {font-size: 1.125rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h5, .h5 {font-size: 1.0625rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } h6, .h6 {font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: .5rem } @media print, screen and (min-width: 40em) {h1, .h1 {font-size: 3rem } h2, .h2 {font-size: 2.5rem } h3, .h3 {font-size: 1.9375rem } h4, .h4 {font-size: 1.5625rem } h5, .h5 {font-size: 1.25rem } h6, .h6 {font-size: 1rem } } a {line-height: inherit; color: #1779ba; text-decoration: none; cursor: pointer } a:hover, a:focus {color: #1468a0 } a img {border: 0 } hr {clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0 } ul, ol, dl {margin-bottom: 1rem; list-style-position: outside; line-height: 1.6 } li {font-size: inherit } ul {margin-left: 1.25rem; list-style-type: disc } ol {margin-left: 1.25rem } ul ul, ol ul, ul ol, ol ol {margin-left: 1.25rem; margin-bottom: 0 } dl {margin-bottom: 1rem } dl dt {margin-bottom: .3rem; font-weight: bold } blockquote {margin: 0 0 1rem; padding: .5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca } blockquote, blockquote p {line-height: 1.6; color: #8a8a8a } cite {display: block; font-size: .8125rem; color: #8a8a8a } cite:before {content: "— "} abbr, abbr[title] {border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none } figure {margin: 0 } code {padding: .125rem .3125rem .0625rem; border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a } kbd {margin: 0; padding: .125rem .25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a } .subheader {margin-top: .2rem; margin-bottom: .5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a } .lead {font-size: 125%; line-height: 1.6 } .stat {font-size: 2.5rem; line-height: 1 } p+.stat {margin-top: -1rem } ul.no-bullet, ol.no-bullet {margin-left: 0; list-style: none } .text-left {text-align: left } .text-right {text-align: right } .text-center {text-align: center } .text-justify {text-align: justify } @media print, screen and (min-width: 40em) {.medium-text-left {text-align: left } .medium-text-right {text-align: right } .medium-text-center {text-align: center } .medium-text-justify {text-align: justify } } @media print, screen and (min-width: 64em) {.large-text-left {text-align: left } .large-text-right {text-align: right } .large-text-center {text-align: center } .large-text-justify {text-align: justify } } .show-for-print {display: none !important } @media print {* {background: transparent !important; box-shadow: none !important; color: black !important; text-shadow: none !important } .show-for-print {display: block !important } .hide-for-print {display: none !important } table.show-for-print {display: table !important } thead.show-for-print {display: table-header-group !important } tbody.show-for-print {display: table-row-group !important } tr.show-for-print {display: table-row !important } td.show-for-print {display: table-cell !important } th.show-for-print {display: table-cell !important } a, a:visited {text-decoration: underline } a[href]:after {content: " ("attr(href) ")"} .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {content: ''} abbr[title]:after {content: " ("attr(title) ")"} pre, blockquote {border: 1px solid #8a8a8a; page-break-inside: avoid } thead {display: table-header-group } tr, img {page-break-inside: avoid } img {max-width: 100% !important } @page {margin: 0.5cm } p, h2, h3 {orphans: 3; widows: 3 } h2, h3 {page-break-after: avoid } .print-break-inside {page-break-inside: auto } } .button {display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85em 1em; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 0.9rem; line-height: 1; text-align: center; cursor: pointer; background-color: #1779ba; color: #fefefe } [data-whatinput='mouse'] .button {outline: 0 } .button:hover, .button:focus {background-color: #14679e; color: #fefefe } .button.tiny {font-size: .6rem } .button.small {font-size: .75rem } .button.large {font-size: 1.25rem } .button.expanded {display: block; width: 100%; margin-right: 0; margin-left: 0 } .button.primary {background-color: #1779ba; color: #fefefe } .button.primary:hover, .button.primary:focus {background-color: #126195; color: #fefefe } .button.secondary {background-color: #767676; color: #fefefe } .button.secondary:hover, .button.secondary:focus {background-color: #5e5e5e; color: #fefefe } .button.success {background-color: #3adb76; color: #0a0a0a } .button.success:hover, .button.success:focus {background-color: #22bb5b; color: #0a0a0a } .button.warning {background-color: #ffae00; color: #0a0a0a } .button.warning:hover, .button.warning:focus {background-color: #cc8b00; color: #0a0a0a } .button.alert {background-color: #cc4b37; color: #fefefe } .button.alert:hover, .button.alert:focus {background-color: #a53b2a; color: #fefefe } .button.disabled, .button[disabled] {opacity: .25; cursor: not-allowed } .button.disabled, .button.disabled:hover, .button.disabled:focus, .button[disabled], .button[disabled]:hover, .button[disabled]:focus {background-color: #1779ba; color: #fefefe } .button.disabled.primary, .button[disabled].primary {opacity: .25; cursor: not-allowed } .button.disabled.primary, .button.disabled.primary:hover, .button.disabled.primary:focus, .button[disabled].primary, .button[disabled].primary:hover, .button[disabled].primary:focus {background-color: #1779ba; color: #fefefe } .button.disabled.secondary, .button[disabled].secondary {opacity: .25; cursor: not-allowed } .button.disabled.secondary, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary, .button[disabled].secondary:hover, .button[disabled].secondary:focus {background-color: #767676; color: #fefefe } .button.disabled.success, .button[disabled].success {opacity: .25; cursor: not-allowed } .button.disabled.success, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success, .button[disabled].success:hover, .button[disabled].success:focus {background-color: #3adb76; color: #0a0a0a } .button.disabled.warning, .button[disabled].warning {opacity: .25; cursor: not-allowed } .button.disabled.warning, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning, .button[disabled].warning:hover, .button[disabled].warning:focus {background-color: #ffae00; color: #0a0a0a } .button.disabled.alert, .button[disabled].alert {opacity: .25; cursor: not-allowed } .button.disabled.alert, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert, .button[disabled].alert:hover, .button[disabled].alert:focus {background-color: #cc4b37; color: #fefefe } .button.hollow {border: 1px solid #1779ba; color: #1779ba } .button.hollow, .button.hollow:hover, .button.hollow:focus {background-color: transparent } .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {background-color: transparent } .button.hollow:hover, .button.hollow:focus {border-color: #0c3d5d; color: #0c3d5d } .button.hollow:hover.disabled, .button.hollow:hover[disabled], .button.hollow:focus.disabled, .button.hollow:focus[disabled] {border: 1px solid #1779ba; color: #1779ba } .button.hollow.primary {border: 1px solid #1779ba; color: #1779ba } .button.hollow.primary:hover, .button.hollow.primary:focus {border-color: #0c3d5d; color: #0c3d5d } .button.hollow.primary:hover.disabled, .button.hollow.primary:hover[disabled], .button.hollow.primary:focus.disabled, .button.hollow.primary:focus[disabled] {border: 1px solid #1779ba; color: #1779ba } .button.hollow.secondary {border: 1px solid #767676; color: #767676 } .button.hollow.secondary:hover, .button.hollow.secondary:focus {border-color: #3b3b3b; color: #3b3b3b } .button.hollow.secondary:hover.disabled, .button.hollow.secondary:hover[disabled], .button.hollow.secondary:focus.disabled, .button.hollow.secondary:focus[disabled] {border: 1px solid #767676; color: #767676 } .button.hollow.success {border: 1px solid #3adb76; color: #3adb76 } .button.hollow.success:hover, .button.hollow.success:focus {border-color: #157539; color: #157539 } .button.hollow.success:hover.disabled, .button.hollow.success:hover[disabled], .button.hollow.success:focus.disabled, .button.hollow.success:focus[disabled] {border: 1px solid #3adb76; color: #3adb76 } .button.hollow.warning {border: 1px solid #ffae00; color: #ffae00 } .button.hollow.warning:hover, .button.hollow.warning:focus {border-color: #805700; color: #805700 } .button.hollow.warning:hover.disabled, .button.hollow.warning:hover[disabled], .button.hollow.warning:focus.disabled, .button.hollow.warning:focus[disabled] {border: 1px solid #ffae00; color: #ffae00 } .button.hollow.alert {border: 1px solid #cc4b37; color: #cc4b37 } .button.hollow.alert:hover, .button.hollow.alert:focus {border-color: #67251a; color: #67251a } .button.hollow.alert:hover.disabled, .button.hollow.alert:hover[disabled], .button.hollow.alert:focus.disabled, .button.hollow.alert:focus[disabled] {border: 1px solid #cc4b37; color: #cc4b37 } .button.clear {border: 1px solid #1779ba; color: #1779ba } .button.clear, .button.clear:hover, .button.clear:focus {background-color: transparent } .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {background-color: transparent } .button.clear:hover, .button.clear:focus {border-color: #0c3d5d; color: #0c3d5d } .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus.disabled, .button.clear:focus[disabled] {border: 1px solid #1779ba; color: #1779ba } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear:hover, .button.clear:hover.disabled, .button.clear:hover[disabled], .button.clear:focus, .button.clear:focus.disabled, .button.clear:focus[disabled] {border-color: transparent } .button.clear.primary {border: 1px solid #1779ba; color: #1779ba } .button.clear.primary:hover, .button.clear.primary:focus {border-color: #0c3d5d; color: #0c3d5d } .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {border: 1px solid #1779ba; color: #1779ba } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary:hover, .button.clear.primary:hover.disabled, .button.clear.primary:hover[disabled], .button.clear.primary:focus, .button.clear.primary:focus.disabled, .button.clear.primary:focus[disabled] {border-color: transparent } .button.clear.secondary {border: 1px solid #767676; color: #767676 } .button.clear.secondary:hover, .button.clear.secondary:focus {border-color: #3b3b3b; color: #3b3b3b } .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {border: 1px solid #767676; color: #767676 } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary:hover, .button.clear.secondary:hover.disabled, .button.clear.secondary:hover[disabled], .button.clear.secondary:focus, .button.clear.secondary:focus.disabled, .button.clear.secondary:focus[disabled] {border-color: transparent } .button.clear.success {border: 1px solid #3adb76; color: #3adb76 } .button.clear.success:hover, .button.clear.success:focus {border-color: #157539; color: #157539 } .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {border: 1px solid #3adb76; color: #3adb76 } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success:hover, .button.clear.success:hover.disabled, .button.clear.success:hover[disabled], .button.clear.success:focus, .button.clear.success:focus.disabled, .button.clear.success:focus[disabled] {border-color: transparent } .button.clear.warning {border: 1px solid #ffae00; color: #ffae00 } .button.clear.warning:hover, .button.clear.warning:focus {border-color: #805700; color: #805700 } .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {border: 1px solid #ffae00; color: #ffae00 } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning:hover, .button.clear.warning:hover.disabled, .button.clear.warning:hover[disabled], .button.clear.warning:focus, .button.clear.warning:focus.disabled, .button.clear.warning:focus[disabled] {border-color: transparent } .button.clear.alert {border: 1px solid #cc4b37; color: #cc4b37 } .button.clear.alert:hover, .button.clear.alert:focus {border-color: #67251a; color: #67251a } .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {border: 1px solid #cc4b37; color: #cc4b37 } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert:hover, .button.clear.alert:hover.disabled, .button.clear.alert:hover[disabled], .button.clear.alert:focus, .button.clear.alert:focus.disabled, .button.clear.alert:focus[disabled] {border-color: transparent } .button.dropdown::after {display: block; width: 0; height: 0; border: inset .4em; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #fefefe transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1em } .button.dropdown.hollow::after {border-top-color: #1779ba } .button.dropdown.hollow.primary::after {border-top-color: #1779ba } .button.dropdown.hollow.secondary::after {border-top-color: #767676 } .button.dropdown.hollow.success::after {border-top-color: #3adb76 } .button.dropdown.hollow.warning::after {border-top-color: #ffae00 } .button.dropdown.hollow.alert::after {border-top-color: #cc4b37 } .button.arrow-only::after {top: -0.1em; float: none; margin-left: 0 } a.button:hover, a.button:focus {text-decoration: none } [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {display: block; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: .5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out } textarea {max-width: 100% } textarea[rows] {height: auto } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #cacaca } input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #cacaca } input::placeholder, textarea::placeholder {color: #cacaca } input:disabled, input[readonly], textarea:disabled, textarea[readonly] {background-color: #e6e6e6; cursor: not-allowed } [type='submit'], [type='button'] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 } input[type='search'] {box-sizing: border-box } [type='file'], [type='checkbox'], [type='radio'] {margin: 0 0 1rem } [type='checkbox']+label, [type='radio']+label {display: inline-block; vertical-align: baseline; margin-left: .5rem; margin-right: 1rem; margin-bottom: 0 } [type='checkbox']+label[for], [type='radio']+label[for] {cursor: pointer } label>[type='checkbox'], label>[type='radio'] {margin-right: .5rem } [type='file'] {width: 100% } label {display: block; margin: 0; font-size: .875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a } label.middle {margin: 0 0 1rem; padding: .5625rem 0 } .help-text {margin-top: -.5rem; font-size: .8125rem; font-style: italic; color: #0a0a0a } .input-group {display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -ms-flex-align: stretch; align-items: stretch } .input-group>:first-child {border-radius: 0 0 0 0 } .input-group>:last-child>* {border-radius: 0 0 0 0 } .input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {margin: 0; white-space: nowrap } .input-group-label {padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-align: center; align-items: center } .input-group-label:first-child {border-right: 0 } .input-group-label:last-child {border-left: 0 } .input-group-field {border-radius: 0; -ms-flex: 1 1 0px; flex: 1 1 0px; height: auto; min-width: 0 } .input-group-button {padding-top: 0; padding-bottom: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {height: auto; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; padding-top: 0; padding-bottom: 0; font-size: 1rem } fieldset {margin: 0; padding: 0; border: 0 } legend {max-width: 100%; margin-bottom: .5rem } .fieldset {margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca } .fieldset legend {margin: 0; margin-left: -.1875rem; padding: 0 .1875rem } select {height: 2.4375rem; margin: 0 0 1rem; padding: .5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; transition: box-shadow 0.5s, border-color 0.25s ease-in-out } @media screen and (min-width: 0\0) {select {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==") } } select:focus {outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out } select:disabled {background-color: #e6e6e6; cursor: not-allowed } select::-ms-expand {display: none } select[multiple] {height: auto; background-image: none } .is-invalid-input:not(:focus) {border-color: #cc4b37; background-color: #f9ecea } .is-invalid-input:not(:focus)::-webkit-input-placeholder {color: #cc4b37 } .is-invalid-input:not(:focus):-ms-input-placeholder {color: #cc4b37 } .is-invalid-input:not(:focus)::placeholder {color: #cc4b37 } .is-invalid-label {color: #cc4b37 } .form-error {display: none; margin-top: -.5rem; margin-bottom: 1rem; font-size: .75rem; font-weight: bold; color: #cc4b37 } .form-error.is-visible {display: block } .accordion {margin-left: 0; background: #fefefe; 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: #1779ba } :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: '\2013'} .accordion-content {display: none; padding: 1rem; border: 1px solid #e6e6e6; border-bottom: 0; background-color: #fefefe; color: #0a0a0a } :last-child>.accordion-content:last-child {border-bottom: 1px solid #e6e6e6 } .accordion-menu li {width: 100% } .accordion-menu a {padding: 0.7rem 1rem } .accordion-menu .is-accordion-submenu a {padding: 0.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: #1779ba transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem } .accordion-menu.align-left .is-accordion-submenu-parent>a::after {left: auto; right: 1rem } .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 {-ms-transform: rotate(180deg); transform: rotate(180deg); -ms-transform-origin: 50% 50%; 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; cursor: pointer; width: 40px; height: 40px } .submenu-toggle::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; top: 0; bottom: 0; margin: auto } .submenu-toggle[aria-expanded='true']::after {-ms-transform: scaleY(-1); transform: scaleY(-1); -ms-transform-origin: 50% 50%; transform-origin: 50% 50% } .submenu-toggle-text {position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } .badge {display: inline-block; min-width: 2.1em; padding: .3em; border-radius: 50%; font-size: .6rem; text-align: center; background: #1779ba; color: #fefefe } .badge.primary {background: #1779ba; color: #fefefe } .badge.secondary {background: #767676; color: #fefefe } .badge.success {background: #3adb76; color: #0a0a0a } .badge.warning {background: #ffae00; color: #0a0a0a } .badge.alert {background: #cc4b37; color: #fefefe } .breadcrumbs {margin: 0 0 1rem 0; list-style: none } .breadcrumbs::before, .breadcrumbs::after {display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1 } .breadcrumbs::after {clear: both } .breadcrumbs li {float: left; font-size: .6875rem; color: #0a0a0a; cursor: default; text-transform: uppercase } .breadcrumbs li:not(:last-child)::after {position: relative; margin: 0 .75rem; opacity: 1; content: "/"; color: #cacaca } .breadcrumbs a {color: #1779ba } .breadcrumbs a:hover {text-decoration: underline } .breadcrumbs .disabled {color: #cacaca; cursor: not-allowed } .button-group {margin-bottom: 1rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: stretch; align-items: stretch } .button-group::before, .button-group::after {display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1 } .button-group::after {clear: both } .button-group .button {margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 0.9rem; -ms-flex: 0 0 auto; flex: 0 0 auto } .button-group .button:last-child {margin-right: 0 } .button-group.tiny .button {font-size: .6rem } .button-group.small .button {font-size: .75rem } .button-group.large .button {font-size: 1.25rem } .button-group.expanded .button {-ms-flex: 1 1 0px; flex: 1 1 0px } .button-group.primary .button {background-color: #1779ba; color: #fefefe } .button-group.primary .button:hover, .button-group.primary .button:focus {background-color: #126195; color: #fefefe } .button-group.secondary .button {background-color: #767676; color: #fefefe } .button-group.secondary .button:hover, .button-group.secondary .button:focus {background-color: #5e5e5e; color: #fefefe } .button-group.success .button {background-color: #3adb76; color: #0a0a0a } .button-group.success .button:hover, .button-group.success .button:focus {background-color: #22bb5b; color: #0a0a0a } .button-group.warning .button {background-color: #ffae00; color: #0a0a0a } .button-group.warning .button:hover, .button-group.warning .button:focus {background-color: #cc8b00; color: #0a0a0a } .button-group.alert .button {background-color: #cc4b37; color: #fefefe } .button-group.alert .button:hover, .button-group.alert .button:focus {background-color: #a53b2a; color: #fefefe } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium {-ms-flex-wrap: wrap; flex-wrap: wrap } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button {-ms-flex: 0 0 100%; flex: 0 0 100% } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child {margin-bottom: 0 } @media print, screen and (min-width: 40em) {.button-group.stacked-for-small .button {-ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0 } } @media print, screen and (min-width: 64em) {.button-group.stacked-for-medium .button {-ms-flex: 1 1 0px; flex: 1 1 0px; margin-bottom: 0 } } @media screen and (max-width: 39.9375em) {.button-group.stacked-for-small.expanded {display: block } .button-group.stacked-for-small.expanded .button {display: block; margin-right: 0 } } .callout {position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(10, 10, 10, 0.25); border-radius: 0; background-color: #fff; color: #0a0a0a } .callout>:first-child {margin-top: 0 } .callout>:last-child {margin-bottom: 0 } .callout.primary {background-color: #d7ecfa; color: #0a0a0a } .callout.secondary {background-color: #eaeaea; color: #0a0a0a } .callout.success {background-color: #e1faea; color: #0a0a0a } .callout.warning {background-color: #fff3d9; color: #0a0a0a } .callout.alert {background-color: #f7e4e1; color: #0a0a0a } .callout.small {padding-top: .5rem; padding-right: .5rem; padding-bottom: .5rem; padding-left: .5rem } .callout.large {padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem } .card {display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 0; background: #fefefe; box-shadow: none; overflow: hidden; color: #0a0a0a } .card>:last-child {margin-bottom: 0 } .card-divider {-ms-flex: 0 1 auto; flex: 0 1 auto; display: -ms-flexbox; display: flex; padding: 1rem; background: #e6e6e6 } .card-divider>:last-child {margin-bottom: 0 } .card-section {-ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem } .card-section>:last-child {margin-bottom: 0 } .card-image {min-height: 1px } .close-button {position: absolute; color: #8a8a8a; cursor: pointer } [data-whatinput='mouse'] .close-button {outline: 0 } .close-button:hover, .close-button:focus {color: #0a0a0a } .close-button.small {right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1 } .close-button, .close-button.medium {right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1 } .menu {padding: 0; margin: 0; list-style: none; position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } [data-whatinput='mouse'] .menu li {outline: 0 } .menu a, .menu .button {line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem } .menu input, .menu select, .menu a, .menu button {margin-bottom: 0 } .menu input {display: inline-block } .menu, .menu.horizontal {-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.vertical {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.expanded li {-ms-flex: 1 1 0px; flex: 1 1 0px } .menu.simple {-ms-flex-align: center; align-items: center } .menu.simple li+li {margin-left: 1rem } .menu.simple a {padding: 0 } @media print, screen and (min-width: 40em) {.menu.medium-horizontal {-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.medium-vertical {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.medium-expanded li {-ms-flex: 1 1 0px; flex: 1 1 0px } .menu.medium-simple li {-ms-flex: 1 1 0px; flex: 1 1 0px } } @media print, screen and (min-width: 64em) {.menu.large-horizontal {-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row } .menu.large-vertical {-ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: column; flex-direction: column } .menu.large-expanded li {-ms-flex: 1 1 0px; flex: 1 1 0px } .menu.large-simple li {-ms-flex: 1 1 0px; flex: 1 1 0px } } .menu.nested {margin-right: 0; margin-left: 1rem } .menu.icons a {display: -ms-flexbox; display: flex } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {display: -ms-flexbox; display: flex } .menu.icon-left li a {-ms-flex-flow: row nowrap; flex-flow: row nowrap } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg {margin-right: .25rem } .menu.icon-right li a {-ms-flex-flow: row nowrap; flex-flow: row nowrap } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg {margin-left: .25rem } .menu.icon-top li a {-ms-flex-flow: column nowrap; flex-flow: column nowrap } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg {-ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-bottom: .25rem; text-align: center } .menu.icon-bottom li a {-ms-flex-flow: column nowrap; flex-flow: column nowrap } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg {-ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; margin-bottom: .25rem; text-align: center } .menu .is-active>a {background: #1779ba; color: #fefefe } .menu .active>a {background: #1779ba; color: #fefefe } .menu.align-left {-ms-flex-pack: start; justify-content: flex-start } .menu.align-right li {display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end } .menu.align-right li .submenu li {-ms-flex-pack: start; justify-content: flex-start } .menu.align-right.vertical li {display: block; text-align: right } .menu.align-right.vertical li .submenu li {text-align: right } .menu.align-right .nested {margin-right: 1rem; margin-left: 0 } .menu.align-center li {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .menu.align-center li .submenu li {-ms-flex-pack: start; justify-content: flex-start } .menu .menu-text {padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit } .menu-centered>.menu {-ms-flex-pack: center; justify-content: center } .menu-centered>.menu li {display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center } .menu-centered>.menu li .submenu li {-ms-flex-pack: start; justify-content: flex-start } .no-js [data-responsive-menu] ul {display: none } .menu-icon {position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon::after {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fefefe; box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; content: ''} .menu-icon:hover::after {background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca } .menu-icon.dark {position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer } .menu-icon.dark::after {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #0a0a0a; box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; content: ''} .menu-icon.dark:hover::after {background: #8a8a8a; box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a } .is-drilldown {position: relative; overflow: hidden } .is-drilldown li {display: block } .is-drilldown.animate-height {transition: height 0.5s } .drilldown a {padding: 0.7rem 1rem; background: #fefefe } .drilldown .is-drilldown-submenu {position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fefefe; transition: transform 0.15s linear } .drilldown .is-drilldown-submenu.is-active {z-index: 1; display: block; -ms-transform: translateX(-100%); transform: translateX(-100%) } .drilldown .is-drilldown-submenu.is-closing {-ms-transform: translateX(100%); transform: translateX(100%) } .drilldown .is-drilldown-submenu a {padding: 0.7rem 1rem } .drilldown .nested.is-drilldown-submenu {margin-right: 0; margin-left: 0 } .drilldown .drilldown-submenu-cover-previous {min-height: 100% } .drilldown .is-drilldown-submenu-parent>a {position: relative } .drilldown .is-drilldown-submenu-parent>a::after {position: absolute; top: 50%; margin-top: -6px; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .drilldown.align-left .is-drilldown-submenu-parent>a::after {left: auto; right: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .drilldown.align-right .is-drilldown-submenu-parent>a::after {right: auto; left: 1rem; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .drilldown .js-drilldown-back>a::before {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent; border-left-width: 0; display: inline-block; vertical-align: middle; margin-right: 0.75rem; border-left-width: 0 } .dropdown-pane {position: absolute; z-index: 10; width: 300px; padding: 1rem; visibility: hidden; display: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-size: 1rem } .dropdown-pane.is-opening {display: block } .dropdown-pane.is-open {visibility: visible; display: block } .dropdown-pane.tiny {width: 100px } .dropdown-pane.small {width: 200px } .dropdown-pane.large {width: 400px } .dropdown.menu>li.opens-left>.is-dropdown-submenu {top: 100%; right: 0; left: auto } .dropdown.menu>li.opens-right>.is-dropdown-submenu {top: 100%; right: auto; left: 0 } .dropdown.menu>li.is-dropdown-submenu-parent>a {position: relative; padding-right: 1.5rem } .dropdown.menu>li.is-dropdown-submenu-parent>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu a {padding: 0.7rem 1rem } [data-whatinput='mouse'] .dropdown.menu a {outline: 0 } .dropdown.menu .is-active>a {background: transparent; color: #1779ba } .no-js .dropdown.menu ul {display: none } .dropdown.menu .nested.is-dropdown-submenu {margin-right: 0; margin-left: 0 } .dropdown.menu.vertical>li .is-dropdown-submenu {top: 0 } .dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu {right: 100%; left: auto; top: 0 } .dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu {right: auto; left: 100% } .dropdown.menu.vertical>li>a::after {right: 14px } .dropdown.menu.vertical>li.opens-left>a::after {right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.vertical>li.opens-right>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } @media print, screen and (min-width: 40em) {.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {top: 100%; right: 0; left: auto } .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {top: 100%; right: auto; left: 0 } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {position: relative; padding-right: 1.5rem } .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu.medium-vertical>li .is-dropdown-submenu {top: 0 } .dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu {right: 100%; left: auto; top: 0 } .dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu {right: auto; left: 100% } .dropdown.menu.medium-vertical>li>a::after {right: 14px } .dropdown.menu.medium-vertical>li.opens-left>a::after {right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.medium-vertical>li.opens-right>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } } @media print, screen and (min-width: 64em) {.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {top: 100%; right: 0; left: auto } .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {top: 100%; right: auto; left: 0 } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {position: relative; padding-right: 1.5rem } .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #1779ba transparent transparent; right: 5px; left: auto; margin-top: -3px } .dropdown.menu.large-vertical>li .is-dropdown-submenu {top: 0 } .dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu {right: 100%; left: auto; top: 0 } .dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu {right: auto; left: 100% } .dropdown.menu.large-vertical>li>a::after {right: 14px } .dropdown.menu.large-vertical>li.opens-left>a::after {right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .dropdown.menu.large-vertical>li.opens-right>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub {top: 100%; right: 0; left: auto } .is-dropdown-menu.vertical {width: 100px } .is-dropdown-menu.vertical.align-right {float: right } .is-dropdown-submenu-parent {position: relative } .is-dropdown-submenu-parent a::after {position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px } .is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu {top: 100%; left: auto } .is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu {right: 100%; left: auto } .is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu {right: auto; left: 100% } .is-dropdown-submenu {position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fefefe } .dropdown .is-dropdown-submenu a {padding: 0.7rem 1rem } .is-dropdown-submenu .is-dropdown-submenu-parent>a::after {right: 14px } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {right: auto; left: 5px; display: block; width: 0; height: 0; border: inset 6px; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #1779ba transparent transparent } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {display: block; width: 0; height: 0; border: inset 6px; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #1779ba } .is-dropdown-submenu .is-dropdown-submenu {margin-top: -1px } .is-dropdown-submenu>li {width: 100% } .is-dropdown-submenu.js-dropdown-active {display: block } .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% } .label {display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 0; font-size: .8rem; line-height: 1; white-space: nowrap; cursor: default; background: #1779ba; color: #fefefe } .label.primary {background: #1779ba; color: #fefefe } .label.secondary {background: #767676; color: #fefefe } .label.success {background: #3adb76; color: #0a0a0a } .label.warning {background: #ffae00; color: #0a0a0a } .label.alert {background: #cc4b37; color: #fefefe } .media-object {display: -ms-flexbox; display: flex; margin-bottom: 1rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .media-object img {max-width: none } @media screen and (max-width: 39.9375em) {.media-object.stack-for-small {-ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width: 39.9375em) {.media-object.stack-for-small .media-object-section {padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .media-object.stack-for-small .media-object-section img {width: 100% } } .media-object-section {-ms-flex: 0 1 auto; flex: 0 1 auto } .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-object-section.main-section {-ms-flex: 1 1 0px; flex: 1 1 0px } .orbit {position: relative } .orbit-container {position: relative; height: 0; margin: 0; list-style: none; overflow: hidden } .orbit-slide {width: 100% } .orbit-slide.no-motionui.is-active {top: 0; left: 0 } .orbit-figure {margin: 0 } .orbit-image {width: 100%; max-width: 100%; margin: 0 } .orbit-caption {position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(10, 10, 10, 0.5); color: #fefefe } .orbit-previous, .orbit-next {position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; padding: 1rem; color: #fefefe } [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next {outline: 0 } .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {background-color: rgba(10, 10, 10, 0.5) } .orbit-previous {left: 0 } .orbit-next {left: auto; right: 0 } .orbit-bullets {position: relative; margin-top: .8rem; margin-bottom: .8rem; text-align: center } [data-whatinput='mouse'] .orbit-bullets {outline: 0 } .orbit-bullets button {width: 1.2rem; height: 1.2rem; margin: .1rem; border-radius: 50%; background-color: #cacaca } .orbit-bullets button:hover {background-color: #8a8a8a } .orbit-bullets button.is-active {background-color: #8a8a8a } .pagination {margin-left: 0; margin-bottom: 1rem } .pagination::before, .pagination::after {display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1 } .pagination::after {clear: both } .pagination li {margin-right: .0625rem; border-radius: 0; font-size: .875rem; display: none } .pagination li:last-child, .pagination li:first-child {display: inline-block } @media print, screen and (min-width: 40em) {.pagination li {display: inline-block } } .pagination a, .pagination button {display: block; padding: .1875rem .625rem; border-radius: 0; color: #0a0a0a } .pagination a:hover, .pagination button:hover {background: #e6e6e6 } .pagination .current {padding: .1875rem .625rem; background: #1779ba; color: #fefefe; cursor: default } .pagination .disabled {padding: .1875rem .625rem; color: #cacaca; cursor: not-allowed } .pagination .disabled:hover {background: transparent } .pagination .ellipsis::after {padding: .1875rem .625rem; content: '\2026'; color: #0a0a0a } .pagination-previous a::before, .pagination-previous.disabled::before {display: inline-block; margin-right: 0.5rem; content: '\00ab'} .pagination-next a::after, .pagination-next.disabled::after {display: inline-block; margin-left: 0.5rem; content: '\00bb'} .progress {height: 1rem; margin-bottom: 1rem; border-radius: 0; background-color: #cacaca } .progress.primary .progress-meter {background-color: #1779ba } .progress.secondary .progress-meter {background-color: #767676 } .progress.success .progress-meter {background-color: #3adb76 } .progress.warning .progress-meter {background-color: #ffae00 } .progress.alert .progress-meter {background-color: #cc4b37 } .progress-meter {position: relative; display: block; width: 0%; height: 100%; background-color: #1779ba } .progress-meter-text {position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; margin: 0; font-size: 0.75rem; font-weight: bold; color: #fefefe; white-space: nowrap } .slider {position: relative; height: .5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none } .slider-fill {position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: .5rem; background-color: #cacaca; transition: all 0.2s ease-in-out } .slider-fill.is-dragging {transition: all 0s linear } .slider-handle {position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; z-index: 1; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 0; background-color: #1779ba; transition: all 0.2s ease-in-out; -ms-touch-action: manipulation; touch-action: manipulation } [data-whatinput='mouse'] .slider-handle {outline: 0 } .slider-handle:hover {background-color: #14679e } .slider-handle.is-dragging {transition: all 0s linear } .slider.disabled, .slider[disabled] {opacity: .25; cursor: not-allowed } .slider.vertical {display: inline-block; width: .5rem; height: 12.5rem; margin: 0 1.25rem; -ms-transform: scale(1, -1); transform: scale(1, -1) } .slider.vertical .slider-fill {top: 0; width: .5rem; max-height: 100% } .slider.vertical .slider-handle {position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; -ms-transform: translateX(-50%); transform: translateX(-50%) } .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 } body.is-reveal-open {overflow: hidden } html.is-reveal-open, html.is-reveal-open body {min-height: 100%; overflow: hidden; position: fixed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .reveal-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(10, 10, 10, 0.45); overflow-y: scroll } .reveal {z-index: 1006; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; 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: 40em) {.reveal {min-height: 0 } } .reveal .column, .reveal .columns {min-width: 0 } .reveal>:last-child {margin-bottom: 0 } @media print, screen and (min-width: 40em) {.reveal {width: 600px; max-width: 75rem } } .reveal.collapse {padding: 0 } @media print, screen and (min-width: 40em) {.reveal.tiny {width: 30%; max-width: 75rem } } @media print, screen and (min-width: 40em) {.reveal.small {width: 50%; max-width: 75rem } } @media print, screen and (min-width: 40em) {.reveal.large {width: 90%; max-width: 75rem } } .reveal.full {top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0 } @media screen and (max-width: 39.9375em) {.reveal {top: 0; left: 0; width: 100%; max-width: none; height: 100%; height: 100vh; min-height: 100vh; margin-left: 0; border: 0; border-radius: 0 } } .reveal.without-overlay {position: fixed } .switch {height: 2rem; position: relative; margin-bottom: 1rem; outline: 0; font-size: .875rem; font-weight: bold; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .switch-input {position: absolute; margin-bottom: 0; opacity: 0 } .switch-paddle {position: relative; display: block; width: 4rem; height: 2rem; border-radius: 0; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer } input+.switch-paddle {margin: 0 } .switch-paddle::after {position: absolute; top: .25rem; left: .25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 0; background: #fefefe; transition: all 0.25s ease-out; content: ''} input:checked~.switch-paddle {background: #1779ba } input:checked~.switch-paddle::after {left: 2.25rem } [data-whatinput='mouse'] input:focus~.switch-paddle {outline: 0 } .switch-active, .switch-inactive {position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) } .switch-active {left: 8%; display: none } input:checked+label>.switch-active {display: block } .switch-inactive {right: 15% } input:checked+label>.switch-inactive {display: none } .switch.tiny {height: 1.5rem } .switch.tiny .switch-paddle {width: 3rem; height: 1.5rem; font-size: .625rem } .switch.tiny .switch-paddle::after {top: .25rem; left: .25rem; width: 1rem; height: 1rem } .switch.tiny input:checked~.switch-paddle::after {left: 1.75rem } .switch.small {height: 1.75rem } .switch.small .switch-paddle {width: 3.5rem; height: 1.75rem; font-size: .75rem } .switch.small .switch-paddle::after {top: .25rem; left: .25rem; width: 1.25rem; height: 1.25rem } .switch.small input:checked~.switch-paddle::after {left: 2rem } .switch.large {height: 2.5rem } .switch.large .switch-paddle {width: 5rem; height: 2.5rem; font-size: 1rem } .switch.large .switch-paddle::after {top: .25rem; left: .25rem; width: 2rem; height: 2rem } .switch.large input:checked~.switch-paddle::after {left: 2.75rem } table {border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 0 } table thead, table tbody, table tfoot {border: 1px solid #f1f1f1; background-color: #fefefe } table caption {padding: .5rem .625rem .625rem; font-weight: bold } table thead {background: #f8f8f8; color: #0a0a0a } table tfoot {background: #f1f1f1; color: #0a0a0a } table thead tr, table tfoot tr {background: transparent } table thead th, table thead td, table tfoot th, table tfoot td {padding: .5rem .625rem .625rem; font-weight: bold; text-align: left } table tbody th, table tbody td {padding: .5rem .625rem .625rem } table tbody tr:nth-child(even) {border-bottom: 0; background-color: #f1f1f1 } table.unstriped tbody {background-color: #fefefe } table.unstriped tbody tr {border-bottom: 0; border-bottom: 1px solid #f1f1f1; background-color: #fefefe } @media screen and (max-width: 63.9375em) {table.stack thead {display: none } table.stack tfoot {display: none } table.stack tr, table.stack th, table.stack td {display: block } table.stack td {border-top: 0 } } table.scroll {display: block; width: 100%; overflow-x: auto } table.hover thead tr:hover {background-color: #f3f3f3 } table.hover tfoot tr:hover {background-color: #ececec } table.hover tbody tr:hover {background-color: #f9f9f9 } table.hover:not(.unstriped) tr:nth-of-type(even):hover {background-color: #ececec } .table-scroll {overflow-x: auto } .table-scroll table {width: auto } .tabs {margin: 0; border: 1px solid #e6e6e6; background: #fefefe; list-style-type: none } .tabs::before, .tabs::after {display: table; content: ' '; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-order: 1; order: 1 } .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: #1779ba } .tabs.primary>li>a {color: #fefefe } .tabs.primary>li>a:hover, .tabs.primary>li>a:focus {background: #1673b1 } .tabs-title {float: left } .tabs-title>a {display: block; padding: 1.25rem 1.5rem; font-size: .75rem; line-height: 1; color: #1779ba } .tabs-title>a:hover {background: #fefefe; color: #1468a0 } .tabs-title>a:focus, .tabs-title>a[aria-selected='true'] {background: #e6e6e6; color: #1779ba } .tabs-content {border: 1px solid #e6e6e6; border-top: 0; background: #fefefe; color: #0a0a0a; transition: all 0.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 #fefefe; border-radius: 0; box-shadow: 0 0 0 1px rgba(10, 10, 10, 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(23, 121, 186, 0.5) } a.thumbnail image {box-shadow: none } .title-bar {padding: .5rem; background: #0a0a0a; color: #fefefe; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center } .title-bar .menu-icon {margin-left: .25rem; margin-right: .25rem } .title-bar-left, .title-bar-right {-ms-flex: 1 1 0px; flex: 1 1 0px } .title-bar-right {text-align: right } .title-bar-title {display: inline-block; vertical-align: middle; font-weight: bold } .has-tip {position: relative; display: inline-block; border-bottom: dotted 1px #8a8a8a; font-weight: bold; cursor: help } .tooltip {position: absolute; top: calc(100% + .6495rem); z-index: 1200; max-width: 10rem; padding: .75rem; border-radius: 0; background-color: #0a0a0a; font-size: 80%; color: #fefefe } .tooltip::before {position: absolute } .tooltip.bottom::before {display: block; width: 0; height: 0; border: inset .75rem; content: ''; border-top-width: 0; border-bottom-style: solid; border-color: transparent transparent #0a0a0a; bottom: 100% } .tooltip.bottom.align-center::before {left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%) } .tooltip.top::before {display: block; width: 0; height: 0; border: inset .75rem; content: ''; border-bottom-width: 0; border-top-style: solid; border-color: #0a0a0a transparent transparent; top: 100%; bottom: auto } .tooltip.top.align-center::before {left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%) } .tooltip.left::before {display: block; width: 0; height: 0; border: inset .75rem; content: ''; border-right-width: 0; border-left-style: solid; border-color: transparent transparent transparent #0a0a0a; left: 100% } .tooltip.left.align-center::before {bottom: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) } .tooltip.right::before {display: block; width: 0; height: 0; border: inset .75rem; content: ''; border-left-width: 0; border-right-style: solid; border-color: transparent #0a0a0a transparent transparent; right: 100%; left: auto } .tooltip.right.align-center::before {bottom: auto; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%) } .tooltip.align-top::before {bottom: auto; top: 10% } .tooltip.align-bottom::before {bottom: 10%; top: auto } .tooltip.align-left::before {left: 10%; right: auto } .tooltip.align-right::before {left: auto; right: 10% } .top-bar {display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: .5rem; -ms-flex-wrap: wrap; flex-wrap: wrap } .top-bar, .top-bar ul {background-color: #e6e6e6 } .top-bar input {max-width: 200px; margin-right: 1rem } .top-bar .input-group-field {width: 100%; margin-right: 0 } .top-bar input.button {width: auto } .top-bar .top-bar-left, .top-bar .top-bar-right {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media print, screen and (min-width: 40em) {.top-bar {-ms-flex-wrap: nowrap; flex-wrap: nowrap } .top-bar .top-bar-left {-ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: auto } .top-bar .top-bar-right {-ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: auto } } @media screen and (max-width: 63.9375em) {.top-bar.stacked-for-medium {-ms-flex-wrap: wrap; flex-wrap: wrap } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media screen and (max-width: 74.9375em) {.top-bar.stacked-for-large {-ms-flex-wrap: wrap; flex-wrap: wrap } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .top-bar-title {-ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0 } .top-bar-left, .top-bar-right {-ms-flex: 0 0 auto; flex: 0 0 auto } .hide {display: none !important } .invisible {visibility: hidden } @media screen and (max-width: 39.9375em) {.hide-for-small-only {display: none !important } } @media screen and (max-width: 0em), screen and (min-width: 40em) {.show-for-small-only {display: none !important } } @media print, screen and (min-width: 40em) {.hide-for-medium {display: none !important } } @media screen and (max-width: 39.9375em) {.show-for-medium {display: none !important } } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.hide-for-medium-only {display: none !important } } @media screen and (max-width: 39.9375em), screen and (min-width: 64em) {.show-for-medium-only {display: none !important } } @media print, screen and (min-width: 64em) {.hide-for-large {display: none !important } } @media screen and (max-width: 63.9375em) {.show-for-large {display: none !important } } @media screen and (min-width: 64em) and (max-width: 74.9375em) {.hide-for-large-only {display: none !important } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) {.show-for-large-only {display: none !important } } .show-for-sr, .show-on-focus {position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } .show-on-focus:active, .show-on-focus:focus {position: static !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none } .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 } } .align-right {-ms-flex-pack: end; justify-content: flex-end } .align-center {-ms-flex-pack: center; justify-content: center } .align-justify {-ms-flex-pack: justify; justify-content: space-between } .align-spaced {-ms-flex-pack: distribute; justify-content: space-around } .align-right.vertical.menu>li>a {-ms-flex-pack: end; justify-content: flex-end } .align-center.vertical.menu>li>a {-ms-flex-pack: center; justify-content: center } .align-top {-ms-flex-align: start; align-items: flex-start } .align-self-top {-ms-flex-item-align: start; align-self: flex-start } .align-bottom {-ms-flex-align: end; align-items: flex-end } .align-self-bottom {-ms-flex-item-align: end; align-self: flex-end } .align-middle {-ms-flex-align: center; align-items: center } .align-self-middle {-ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-stretch {-ms-flex-align: stretch; align-items: stretch } .align-self-stretch {-ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch } .align-center-middle {-ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center } .small-order-1 {-ms-flex-order: 1; order: 1 } .small-order-2 {-ms-flex-order: 2; order: 2 } .small-order-3 {-ms-flex-order: 3; order: 3 } .small-order-4 {-ms-flex-order: 4; order: 4 } .small-order-5 {-ms-flex-order: 5; order: 5 } .small-order-6 {-ms-flex-order: 6; order: 6 } @media print, screen and (min-width: 40em) {.medium-order-1 {-ms-flex-order: 1; order: 1 } .medium-order-2 {-ms-flex-order: 2; order: 2 } .medium-order-3 {-ms-flex-order: 3; order: 3 } .medium-order-4 {-ms-flex-order: 4; order: 4 } .medium-order-5 {-ms-flex-order: 5; order: 5 } .medium-order-6 {-ms-flex-order: 6; order: 6 } } @media print, screen and (min-width: 64em) {.large-order-1 {-ms-flex-order: 1; order: 1 } .large-order-2 {-ms-flex-order: 2; order: 2 } .large-order-3 {-ms-flex-order: 3; order: 3 } .large-order-4 {-ms-flex-order: 4; order: 4 } .large-order-5 {-ms-flex-order: 5; order: 5 } .large-order-6 {-ms-flex-order: 6; order: 6 } } .flex-container {display: -ms-flexbox; display: flex } .flex-child-auto {-ms-flex: 1 1 auto; flex: 1 1 auto } .flex-child-grow {-ms-flex: 1 0 auto; flex: 1 0 auto } .flex-child-shrink {-ms-flex: 0 1 auto; flex: 0 1 auto } .flex-dir-row {-ms-flex-direction: row; flex-direction: row } .flex-dir-row-reverse {-ms-flex-direction: row-reverse; flex-direction: row-reverse } .flex-dir-column {-ms-flex-direction: column; flex-direction: column } .flex-dir-column-reverse {-ms-flex-direction: column-reverse; flex-direction: column-reverse } @media print, screen and (min-width: 40em) {.medium-flex-container {display: -ms-flexbox; display: flex } .medium-flex-child-auto {-ms-flex: 1 1 auto; flex: 1 1 auto } .medium-flex-child-grow {-ms-flex: 1 0 auto; flex: 1 0 auto } .medium-flex-child-shrink {-ms-flex: 0 1 auto; flex: 0 1 auto } .medium-flex-dir-row {-ms-flex-direction: row; flex-direction: row } .medium-flex-dir-row-reverse {-ms-flex-direction: row-reverse; flex-direction: row-reverse } .medium-flex-dir-column {-ms-flex-direction: column; flex-direction: column } .medium-flex-dir-column-reverse {-ms-flex-direction: column-reverse; flex-direction: column-reverse } } @media print, screen and (min-width: 64em) {.large-flex-container {display: -ms-flexbox; display: flex } .large-flex-child-auto {-ms-flex: 1 1 auto; flex: 1 1 auto } .large-flex-child-grow {-ms-flex: 1 0 auto; flex: 1 0 auto } .large-flex-child-shrink {-ms-flex: 0 1 auto; flex: 0 1 auto } .large-flex-dir-row {-ms-flex-direction: row; flex-direction: row } .large-flex-dir-row-reverse {-ms-flex-direction: row-reverse; flex-direction: row-reverse } .large-flex-dir-column {-ms-flex-direction: column; flex-direction: column } .large-flex-dir-column-reverse {-ms-flex-direction: column-reverse; flex-direction: column-reverse } } .slide-in-down.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(-100%); transform: translateY(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-in-down.mui-enter.mui-enter-active {-ms-transform: translateY(0); transform: translateY(0) } .slide-in-left.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(-100%); transform: translateX(-100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-in-left.mui-enter.mui-enter-active {-ms-transform: translateX(0); transform: translateX(0) } .slide-in-up.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(100%); transform: translateY(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-in-up.mui-enter.mui-enter-active {-ms-transform: translateY(0); transform: translateY(0) } .slide-in-right.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(100%); transform: translateX(100%); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-in-right.mui-enter.mui-enter-active {-ms-transform: translateX(0); transform: translateX(0) } .slide-out-down.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-out-down.mui-leave.mui-leave-active {-ms-transform: translateY(100%); transform: translateY(100%) } .slide-out-right.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-out-right.mui-leave.mui-leave-active {-ms-transform: translateX(100%); transform: translateX(100%) } .slide-out-up.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateY(0); transform: translateY(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-out-up.mui-leave.mui-leave-active {-ms-transform: translateY(-100%); transform: translateY(-100%) } .slide-out-left.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: translateX(0); transform: translateX(0); transition-property: transform, opacity; -webkit-backface-visibility: hidden; backface-visibility: hidden } .slide-out-left.mui-leave.mui-leave-active {-ms-transform: translateX(-100%); 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); -ms-transform-origin: top; 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); -ms-transform-origin: right; 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); -ms-transform-origin: bottom; 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); -ms-transform-origin: left; 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); -ms-transform-origin: center; 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); -ms-transform-origin: center; 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); -ms-transform-origin: top; 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); -ms-transform-origin: right; 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); -ms-transform-origin: bottom; 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); -ms-transform-origin: left; 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); -ms-transform-origin: center; 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); -ms-transform-origin: center; 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; -ms-transform: scale(.5); transform: scale(.5); transition-property: transform, opacity; opacity: 0 } .scale-in-up.mui-enter.mui-enter-active {-ms-transform: scale(1); transform: scale(1); opacity: 1 } .scale-in-down.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1.5); transform: scale(1.5); transition-property: transform, opacity; opacity: 0 } .scale-in-down.mui-enter.mui-enter-active {-ms-transform: scale(1); transform: scale(1); opacity: 1 } .scale-out-up.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1 } .scale-out-up.mui-leave.mui-leave-active {-ms-transform: scale(1.5); transform: scale(1.5); opacity: 0 } .scale-out-down.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: scale(1); transform: scale(1); transition-property: transform, opacity; opacity: 1 } .scale-out-down.mui-leave.mui-leave-active {-ms-transform: scale(.5); transform: scale(.5); opacity: 0 } .spin-in.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(-.75turn); transform: rotate(-.75turn); transition-property: transform, opacity; opacity: 0 } .spin-in.mui-enter.mui-enter-active {-ms-transform: rotate(0); transform: rotate(0); opacity: 1 } .spin-out.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1 } .spin-out.mui-leave.mui-leave-active {-ms-transform: rotate(.75turn); transform: rotate(.75turn); opacity: 0 } .spin-in-ccw.mui-enter {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(.75turn); transform: rotate(.75turn); transition-property: transform, opacity; opacity: 0 } .spin-in-ccw.mui-enter.mui-enter-active {-ms-transform: rotate(0); transform: rotate(0); opacity: 1 } .spin-out-ccw.mui-leave {transition-duration: 500ms; transition-timing-function: linear; -ms-transform: rotate(0); transform: rotate(0); transition-property: transform, opacity; opacity: 1 } .spin-out-ccw.mui-leave.mui-leave-active {-ms-transform: rotate(-.75turn); transform: rotate(-.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(0.485, 0.155, 0.24, 1.245) !important } .bounce-out {transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important } .bounce-in-out {transition-timing-function: cubic-bezier(0.76, -0.245, 0.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-cw-1turn } @keyframes spin-cw-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, 0.155, 0.24, 1.245) !important } .bounce-out {animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important } .bounce-in-out {animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important } .short-delay {animation-delay: 300ms !important } .long-delay {animation-delay: 700ms !important } body {background: url("/cms/layout/img/backoffice_login/bg-login.jpg") no-repeat center center/cover transparent; font-family: "Source Sans Pro", sans-serif; position: relative; height: 100vh } body p a {color: #2797d6 } .container {min-height: 100vh; position: relative } .dots {background: url("/cms/layout/img/backoffice_login/dot.png") repeat left top transparent; width: 200px; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.3; display: none } .loginBox {position: absolute; left: 50%; top: 50%; z-index: 10; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 40px 40px 30px 40px; box-shadow: 0 0 150px rgba(0, 0, 0, 0.5); width: 450px; font-size:14px; } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.loginBox {padding: 30px 30px 20px 30px } } @media screen and (max-width: 39.9375em) {.loginBox {padding: 25px 25px 15px 25px; width: 90% } } .loginBox .logo {text-align: center; margin-bottom: 40px } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.loginBox .logo {margin-bottom: 30px } } @media screen and (max-width: 39.9375em) {.loginBox .logo {margin-bottom: 25px } } .loginBox .loginForm>.row>.large-12 {position: relative } .loginBox .loginForm input {border: 1px solid #dfdfdf; padding: 0 15px; width: 100%; outline: none; margin-bottom: 20px; font-size: 14px; color: #6a6a6a; height: 45px } .loginBox .loginForm input::-ms-reveal, .loginBox .loginForm input::-ms-clear {display: none } .loginBox .loginForm #login_error {color: #6a6a6a !important; padding: 13px 15px 15px; background: #f8f8f8; margin: 20px 5px 0 5px; display: none } .loginBox .loginForm #authenticationcode_error, .loginBox .loginForm #password_error, .loginBox .loginForm #username_error {position: absolute; right: 20px; top: 8px } .loginBox .loginForm #authenticationcode_error span, .loginBox .loginForm #password_error span, .loginBox .loginForm #username_error span {font-size: 0; color: transparent } .loginBox .loginForm #authenticationcode_error span::before, .loginBox .loginForm #password_error span::before, .loginBox .loginForm #username_error span::before {content: "\f06a"; font-size: 20px; color: #6a6a6a; font-family: 'FontAwesome'} .loginBox .loginForm #authenticationcode_error {right: -25px } .loginBox .loginForm .inputHasInfo {position: relative } .loginBox .loginForm .inputHasInfo a.info {color: #6a6a6a; position: absolute; right: 20px; top: 8px; font-size: 20px; outline: 0 } .loginBox .loginForm a.loginButton {outline: 0; width: 48px; height: 48px; display: block; text-align: center; line-height: 46px; border-radius: 50%; float: right } .loginBox .loginForm a.loginButton .pressbutton {outline: 0 } @media screen and (max-width: 39.9375em) {.loginBox .loginForm a.loginButton {margin: 0 auto; float: none } } .loginBox .loginForm a.loginButton .pressbutton_content_container {background: url("/cms/layout/img/backoffice_login/arrow.png") #2797d6 no-repeat center center/20px 26px; width: 48px; height: 48px; display: block; border-radius: 50%; transition: background .2s } .loginBox .loginForm a.loginButton .pressbutton_content_container:hover {background: url("/cms/layout/img/backoffice_login/arrow.png") #1f79ab no-repeat center center/20px 26px } .loginBox .loginForm a.loginButton.loading .pressbutton_content_container {background: #2797d6 } .loginBox .loginForm a.loginButton .pressbutton_text {display: none } .loginBox .loginForm a.loginButton.loading {position: relative } .loginBox .loginForm a.loginButton.loading::after {content: ""; display: block; width: 20px; height: 20px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid transparent; border-radius: 50%; position: absolute; left: 14px; top: 14px; animation: rotate 1s linear infinite } .loginBox .loginForm a.loginButton.loading:hover {background: #2797d6 } .loginBox .loginForm a.loginButton.loading img {display: none } .loginBox .loginLinks {margin-top: 15px } @media screen and (max-width: 39.9375em) {.loginBox .loginLinks {margin-top: 25px } } .loginBox .loginLinks p {padding-left: 15px; color: #6a6a6a } @media screen and (max-width: 39.9375em) {.loginBox .loginLinks p {text-align: center } } @media print, screen and (min-width: 64em) {.loginBox .loginLinks .row a {margin-bottom: 10px } } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.loginBox .loginLinks .row a {margin-bottom: 10px } } @media screen and (max-width: 39.9375em) {.loginBox .loginLinks .row a {margin-bottom: 10px } } .loginBox .loginLinks a {display: block; text-align: center; color: #fff; font-size: 30px; height: 65px; line-height: 65px; transition: background .2s } .loginBox .loginLinks a.microsoft {background: #eb3d01 } .loginBox .loginLinks a.microsoft:hover {background: #b83001 } .loginBox .loginLinks a.linkedin {background: #0177b5 } .loginBox .loginLinks a.linkedin:hover {background: #015682 } .loginBox .loginLinks a.facebook {background: #3b5998 } .loginBox .loginLinks a.facebook:hover {background: #2d4373 } .loginBox .loginLinks a.twitter {background: #00abec } .loginBox .loginLinks a.twitter:hover {background: #0086b9 } .reveal {border: 0; outline: 0; padding: 40px; width: 400px; min-width: 400px; position: absolute; left: 50% !important; top: 50% !important; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.reveal {padding: 30px } } @media screen and (max-width: 39.9375em) {.reveal {padding: 25px; width: 85%; min-width: 85%; margin: 0 auto; height: auto; min-height: auto } } .reveal .title {font-size: 18px; margin-bottom: 15px } .reveal a.close {float: right; font-size: 30px; line-height: 1; margin-top: -5px; color: #6a6a6a } .reveal .storeLinks {margin-top: 40px } @media screen and (min-width: 40em) and (max-width: 63.9375em) {.reveal .storeLinks {margin-top: 30px } } @media screen and (max-width: 39.9375em) {.reveal .storeLinks {margin-top: 0px } } .reveal .storeLinks a:last-child {float: right } @media screen and (max-width: 39.9375em) {.reveal .storeLinks a {float: none !important; margin-top: 25px; display: block; text-align: center } } footer {padding: 20px; color: #fff; text-align: right; position: fixed; left: 0; bottom: 0; width: 100% } @media screen and (max-width: 39.9375em) {footer {text-align: center } } footer .credits {display: inline-block } footer .credits p {margin: 0 15px 20px 0; float: left; text-transform: uppercase; font-size: 14px } @keyframes rotate {from {-ms-transform: rotate(0deg); transform: rotate(0deg) } to {-ms-transform: rotate(360deg); transform: rotate(360deg) } }