diff --git a/Gemfile b/Gemfile index 37f5eaa42e..2a749e201c 100644 --- a/Gemfile +++ b/Gemfile @@ -1,2 +1,3 @@ source 'https://rubygems.org' gem 'github-pages', group: :jekyll_plugins +gem 'liquid-inheritance' diff --git a/Gemfile.lock b/Gemfile.lock index e455442aca..d77a577cd2 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -92,6 +92,7 @@ GEM json (1.8.3) kramdown (1.10.0) liquid (3.0.6) + liquid-inheritance (0.1.1) listen (3.0.6) rb-fsevent (>= 0.9.3) rb-inotify (>= 0.9.7) @@ -128,6 +129,7 @@ PLATFORMS DEPENDENCIES github-pages + liquid-inheritance BUNDLED WITH 1.11.2 diff --git a/_config.yml b/_config.yml index 1ac41c41e8..fec64f5417 100644 --- a/_config.yml +++ b/_config.yml @@ -2,10 +2,10 @@ title: eQ Prototypes email: hello@hamishtaplin.com description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mattis consectetur purus sit amet fermentum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. -baseurl: "" # the subpath of your site, e.g. /blog -url: "http://onsdigital.github.io/eq-prototypes" # the base hostname & protocol for your site -twitter_username: onsdigital -github_username: onsdigital - +baseurl: "/eq-prototypes" # the subpath of your site, e.g. /blog +url: "http://onsdigital.github.io" # the base hostname & protocol for your site # Build settings +collections: + prototypes: + output: true markdown: kramdown diff --git a/_includes/footer.html b/_includes/footer.html index 72239f1c32..e69de29bb2 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,38 +0,0 @@ - diff --git a/_includes/head.html b/_includes/head.html index 41340ae57b..d4b7951779 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -2,10 +2,10 @@ - {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} - + + diff --git a/_includes/header.html b/_includes/header.html index e109d2f78e..545aa84926 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,27 +1,9 @@
-
+
{{ site.title }} - -
diff --git a/_includes/icon-github.html b/_includes/icon-github.html deleted file mode 100644 index e501a16b18..0000000000 --- a/_includes/icon-github.html +++ /dev/null @@ -1 +0,0 @@ -{% include icon-github.svg %}{{ include.username }} diff --git a/_includes/icon-github.svg b/_includes/icon-github.svg deleted file mode 100644 index 4422c4f5dc..0000000000 --- a/_includes/icon-github.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/_includes/icon-twitter.html b/_includes/icon-twitter.html deleted file mode 100644 index e623dbd6ef..0000000000 --- a/_includes/icon-twitter.html +++ /dev/null @@ -1 +0,0 @@ -{% include icon-twitter.svg %}{{ include.username }} diff --git a/_includes/icon-twitter.svg b/_includes/icon-twitter.svg deleted file mode 100644 index dcf660e7bb..0000000000 --- a/_includes/icon-twitter.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/_includes/nav.html b/_includes/nav.html new file mode 100644 index 0000000000..9c603c0775 --- /dev/null +++ b/_includes/nav.html @@ -0,0 +1,9 @@ + diff --git a/_layouts/default.html b/_layouts/default.html index e4ab96fb0b..ed96402bcd 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,5 +1,5 @@ - + {% include head.html %} @@ -7,10 +7,8 @@ {% include header.html %} -
-
- {{ content }} -
+
+ {{ content }}
{% include footer.html %} diff --git a/_layouts/page.html b/_layouts/page.html deleted file mode 100644 index ce233ad75b..0000000000 --- a/_layouts/page.html +++ /dev/null @@ -1,14 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title }}

-
- -
- {{ content }} -
- -
diff --git a/_layouts/post.html b/_layouts/post.html deleted file mode 100644 index 3a0fb52ecf..0000000000 --- a/_layouts/post.html +++ /dev/null @@ -1,15 +0,0 @@ ---- -layout: default ---- -
- -
-

{{ page.title }}

-

{% if page.author %} • {% endif %}

-
- -
- {{ content }} -
- -
diff --git a/_layouts/prototype.html b/_layouts/prototype.html new file mode 100644 index 0000000000..d1fcb6c8f2 --- /dev/null +++ b/_layouts/prototype.html @@ -0,0 +1,10 @@ + + + + {% include head.html %} + + + {{ content }} + + + diff --git a/_prototypes/prototype-1.html b/_prototypes/prototype-1.html new file mode 100644 index 0000000000..e2422dc0ce --- /dev/null +++ b/_prototypes/prototype-1.html @@ -0,0 +1,9 @@ +--- +title: Prototype 1 +layout: prototype +--- + +

{{page.title}}

+

+ Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. +

diff --git a/_prototypes/prototype-2.html b/_prototypes/prototype-2.html new file mode 100644 index 0000000000..67f56f33fb --- /dev/null +++ b/_prototypes/prototype-2.html @@ -0,0 +1,9 @@ +--- +title: Prototype 2 +layout: prototype +--- + +

{{page.title}}

+

+ Donec ullamcorper nulla non metus auctor fringilla. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. +

diff --git a/_sass/_base.scss b/_sass/_base.scss deleted file mode 100644 index 0883c3cdb5..0000000000 --- a/_sass/_base.scss +++ /dev/null @@ -1,206 +0,0 @@ -/** - * Reset some basic elements - */ -body, h1, h2, h3, h4, h5, h6, -p, blockquote, pre, hr, -dl, dd, ol, ul, figure { - margin: 0; - padding: 0; -} - - - -/** - * Basic styling - */ -body { - font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family; - color: $text-color; - background-color: $background-color; - -webkit-text-size-adjust: 100%; - -webkit-font-feature-settings: "kern" 1; - -moz-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; - font-kerning: normal; -} - - - -/** - * Set `margin-bottom` to maintain vertical rhythm - */ -h1, h2, h3, h4, h5, h6, -p, blockquote, pre, -ul, ol, dl, figure, -%vertical-rhythm { - margin-bottom: $spacing-unit / 2; -} - - - -/** - * Images - */ -img { - max-width: 100%; - vertical-align: middle; -} - - - -/** - * Figures - */ -figure > img { - display: block; -} - -figcaption { - font-size: $small-font-size; -} - - - -/** - * Lists - */ -ul, ol { - margin-left: $spacing-unit; -} - -li { - > ul, - > ol { - margin-bottom: 0; - } -} - - - -/** - * Headings - */ -h1, h2, h3, h4, h5, h6 { - font-weight: $base-font-weight; -} - - - -/** - * Links - */ -a { - color: $brand-color; - text-decoration: none; - - &:visited { - color: darken($brand-color, 15%); - } - - &:hover { - color: $text-color; - text-decoration: underline; - } -} - - - -/** - * Blockquotes - */ -blockquote { - color: $grey-color; - border-left: 4px solid $grey-color-light; - padding-left: $spacing-unit / 2; - font-size: 18px; - letter-spacing: -1px; - font-style: italic; - - > :last-child { - margin-bottom: 0; - } -} - - - -/** - * Code formatting - */ -pre, -code { - font-size: 15px; - border: 1px solid $grey-color-light; - border-radius: 3px; - background-color: #eef; -} - -code { - padding: 1px 5px; -} - -pre { - padding: 8px 12px; - overflow-x: auto; - - > code { - border: 0; - padding-right: 0; - padding-left: 0; - } -} - - - -/** - * Wrapper - */ -.wrapper { - max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); - max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); - margin-right: auto; - margin-left: auto; - padding-right: $spacing-unit; - padding-left: $spacing-unit; - @extend %clearfix; - - @include media-query($on-laptop) { - max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit})); - max-width: calc(#{$content-width} - (#{$spacing-unit})); - padding-right: $spacing-unit / 2; - padding-left: $spacing-unit / 2; - } -} - - - -/** - * Clearfix - */ -%clearfix { - - &:after { - content: ""; - display: table; - clear: both; - } -} - - - -/** - * Icons - */ -.icon { - - > svg { - display: inline-block; - width: 16px; - height: 16px; - vertical-align: middle; - - path { - fill: $grey-color; - } - } -} diff --git a/_sass/_layout.scss b/_sass/_layout.scss deleted file mode 100644 index 9cbfddefef..0000000000 --- a/_sass/_layout.scss +++ /dev/null @@ -1,242 +0,0 @@ -/** - * Site header - */ -.site-header { - border-top: 5px solid $grey-color-dark; - border-bottom: 1px solid $grey-color-light; - min-height: 56px; - - // Positioning context for the mobile navigation icon - position: relative; -} - -.site-title { - font-size: 26px; - font-weight: 300; - line-height: 56px; - letter-spacing: -1px; - margin-bottom: 0; - float: left; - - &, - &:visited { - color: $grey-color-dark; - } -} - -.site-nav { - float: right; - line-height: 56px; - - .menu-icon { - display: none; - } - - .page-link { - color: $text-color; - line-height: $base-line-height; - - // Gaps between nav items, but not on the last one - &:not(:last-child) { - margin-right: 20px; - } - } - - @include media-query($on-palm) { - position: absolute; - top: 9px; - right: $spacing-unit / 2; - background-color: $background-color; - border: 1px solid $grey-color-light; - border-radius: 5px; - text-align: right; - - .menu-icon { - display: block; - float: right; - width: 36px; - height: 26px; - line-height: 0; - padding-top: 10px; - text-align: center; - - > svg { - width: 18px; - height: 15px; - - path { - fill: $grey-color-dark; - } - } - } - - .trigger { - clear: both; - display: none; - } - - &:hover .trigger { - display: block; - padding-bottom: 5px; - } - - .page-link { - display: block; - padding: 5px 10px; - - &:not(:last-child) { - margin-right: 0; - } - margin-left: 20px; - } - } -} - - - -/** - * Site footer - */ -.site-footer { - border-top: 1px solid $grey-color-light; - padding: $spacing-unit 0; -} - -.footer-heading { - font-size: 18px; - margin-bottom: $spacing-unit / 2; -} - -.contact-list, -.social-media-list { - list-style: none; - margin-left: 0; -} - -.footer-col-wrapper { - font-size: 15px; - color: $grey-color; - margin-left: -$spacing-unit / 2; - @extend %clearfix; -} - -.footer-col { - float: left; - margin-bottom: $spacing-unit / 2; - padding-left: $spacing-unit / 2; -} - -.footer-col-1 { - width: -webkit-calc(35% - (#{$spacing-unit} / 2)); - width: calc(35% - (#{$spacing-unit} / 2)); -} - -.footer-col-2 { - width: -webkit-calc(20% - (#{$spacing-unit} / 2)); - width: calc(20% - (#{$spacing-unit} / 2)); -} - -.footer-col-3 { - width: -webkit-calc(45% - (#{$spacing-unit} / 2)); - width: calc(45% - (#{$spacing-unit} / 2)); -} - -@include media-query($on-laptop) { - .footer-col-1, - .footer-col-2 { - width: -webkit-calc(50% - (#{$spacing-unit} / 2)); - width: calc(50% - (#{$spacing-unit} / 2)); - } - - .footer-col-3 { - width: -webkit-calc(100% - (#{$spacing-unit} / 2)); - width: calc(100% - (#{$spacing-unit} / 2)); - } -} - -@include media-query($on-palm) { - .footer-col { - float: none; - width: -webkit-calc(100% - (#{$spacing-unit} / 2)); - width: calc(100% - (#{$spacing-unit} / 2)); - } -} - - - -/** - * Page content - */ -.page-content { - padding: $spacing-unit 0; -} - -.page-heading { - font-size: 20px; -} - -.post-list { - margin-left: 0; - list-style: none; - - > li { - margin-bottom: $spacing-unit; - } -} - -.post-meta { - font-size: $small-font-size; - color: $grey-color; -} - -.post-link { - display: block; - font-size: 24px; -} - - - -/** - * Posts - */ -.post-header { - margin-bottom: $spacing-unit; -} - -.post-title { - font-size: 42px; - letter-spacing: -1px; - line-height: 1; - - @include media-query($on-laptop) { - font-size: 36px; - } -} - -.post-content { - margin-bottom: $spacing-unit; - - h2 { - font-size: 32px; - - @include media-query($on-laptop) { - font-size: 28px; - } - } - - h3 { - font-size: 26px; - - @include media-query($on-laptop) { - font-size: 22px; - } - } - - h4 { - font-size: 20px; - - @include media-query($on-laptop) { - font-size: 18px; - } - } -} diff --git a/_sass/_syntax-highlighting.scss b/_sass/_syntax-highlighting.scss deleted file mode 100644 index 8fac59776d..0000000000 --- a/_sass/_syntax-highlighting.scss +++ /dev/null @@ -1,71 +0,0 @@ -/** - * Syntax highlighting styles - */ -.highlight { - background: #fff; - @extend %vertical-rhythm; - - .highlighter-rouge & { - background: #eef; - } - - .c { color: #998; font-style: italic } // Comment - .err { color: #a61717; background-color: #e3d2d2 } // Error - .k { font-weight: bold } // Keyword - .o { font-weight: bold } // Operator - .cm { color: #998; font-style: italic } // Comment.Multiline - .cp { color: #999; font-weight: bold } // Comment.Preproc - .c1 { color: #998; font-style: italic } // Comment.Single - .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special - .gd { color: #000; background-color: #fdd } // Generic.Deleted - .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific - .ge { font-style: italic } // Generic.Emph - .gr { color: #a00 } // Generic.Error - .gh { color: #999 } // Generic.Heading - .gi { color: #000; background-color: #dfd } // Generic.Inserted - .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific - .go { color: #888 } // Generic.Output - .gp { color: #555 } // Generic.Prompt - .gs { font-weight: bold } // Generic.Strong - .gu { color: #aaa } // Generic.Subheading - .gt { color: #a00 } // Generic.Traceback - .kc { font-weight: bold } // Keyword.Constant - .kd { font-weight: bold } // Keyword.Declaration - .kp { font-weight: bold } // Keyword.Pseudo - .kr { font-weight: bold } // Keyword.Reserved - .kt { color: #458; font-weight: bold } // Keyword.Type - .m { color: #099 } // Literal.Number - .s { color: #d14 } // Literal.String - .na { color: #008080 } // Name.Attribute - .nb { color: #0086B3 } // Name.Builtin - .nc { color: #458; font-weight: bold } // Name.Class - .no { color: #008080 } // Name.Constant - .ni { color: #800080 } // Name.Entity - .ne { color: #900; font-weight: bold } // Name.Exception - .nf { color: #900; font-weight: bold } // Name.Function - .nn { color: #555 } // Name.Namespace - .nt { color: #000080 } // Name.Tag - .nv { color: #008080 } // Name.Variable - .ow { font-weight: bold } // Operator.Word - .w { color: #bbb } // Text.Whitespace - .mf { color: #099 } // Literal.Number.Float - .mh { color: #099 } // Literal.Number.Hex - .mi { color: #099 } // Literal.Number.Integer - .mo { color: #099 } // Literal.Number.Oct - .sb { color: #d14 } // Literal.String.Backtick - .sc { color: #d14 } // Literal.String.Char - .sd { color: #d14 } // Literal.String.Doc - .s2 { color: #d14 } // Literal.String.Double - .se { color: #d14 } // Literal.String.Escape - .sh { color: #d14 } // Literal.String.Heredoc - .si { color: #d14 } // Literal.String.Interpol - .sx { color: #d14 } // Literal.String.Other - .sr { color: #009926 } // Literal.String.Regex - .s1 { color: #d14 } // Literal.String.Single - .ss { color: #990073 } // Literal.String.Symbol - .bp { color: #999 } // Name.Builtin.Pseudo - .vc { color: #008080 } // Name.Variable.Class - .vg { color: #008080 } // Name.Variable.Global - .vi { color: #008080 } // Name.Variable.Instance - .il { color: #099 } // Literal.Number.Integer.Long -} diff --git a/css/main.scss b/css/main.scss index f2e566e2a1..d181b6a620 100644 --- a/css/main.scss +++ b/css/main.scss @@ -3,51 +3,44 @@ --- @charset "utf-8"; - - -// Our variables -$base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -$base-font-size: 16px; -$base-font-weight: 400; -$small-font-size: $base-font-size * 0.875; -$base-line-height: 1.5; - -$spacing-unit: 30px; - -$text-color: #111; -$background-color: #fdfdfd; -$brand-color: #2a7ae2; - -$grey-color: #828282; -$grey-color-light: lighten($grey-color, 40%); -$grey-color-dark: darken($grey-color, 25%); - -// Width of the content area -$content-width: 800px; - -$on-palm: 600px; -$on-laptop: 800px; - - - -// Use media queries like this: -// @include media-query($on-palm) { -// .wrapper { -// padding-right: $spacing-unit / 2; -// padding-left: $spacing-unit / 2; -// } -// } -@mixin media-query($device) { - @media screen and (max-width: $device) { - @content; - } +html.prototypes-home { + font-size: 18px; + body { + background: white; + } + h1 { + font-size: 1.2rem; + } } +.site-header { + background: #222; + color: white; + padding: 0.3rem 0; + margin-bottom: 3rem; + a { + color: white; + text-decoration: none; + font-size: 0.8rem; + text-transform: uppercase; + letter-spacing: 0.2rem; + font-weight: 900; + } +} - -// Import partials from `sass_dir` (defaults to `_sass`) -@import - "base", - "layout", - "syntax-highlighting" -; +.prototype-list { + ul { + margin: 0; + padding: 0; + list-style: none; + } + + li { + padding: 1rem 0; + border-bottom: 1px solid #efefef; + } + + a { + text-decoration: none; + } +} diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000000..5e9d9b7189 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,6648 @@ +/* ========================================================================== + Normalize.scss settings + ========================================================================== */ +/** + * Includes legacy browser support IE6/7 + * + * Set to false if you want to drop support for IE6 and IE7 + */ +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ +/* + * Corrects `block` display not defined in IE 8/9. + */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +/** + * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. + */ +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; + *display: inline; + *zoom: 1; +} + +/** + * Prevents modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ +[hidden] { + display: none; +} + +/* ========================================================================== + Base + ========================================================================== */ +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * 3.Corrects text resizing oddly in IE 6/7 when body `font-size` is set using + * `em` units. + */ +html { + font-size: 100%; + /* 3 */ + font-family: sans-serif; + /* 1 */ + -ms-text-size-adjust: 100%; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 2 */ +} + +/** + * Remove default margin. + */ +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ +/** + * Improves readability when focused and also mouse hovered in all browsers. + */ +a:focus { + outline: thin dotted; +} + +a:active, a:hover { + outline: 0; +} + +/* ========================================================================== + Typography + ========================================================================== */ +/** + * Addresses font sizes and margins set differently in IE 6/7. + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari 5, and Chrome. + */ +h1 { + font-size: 2em; + margin: 0.67em 0; + margin: 0.67em 0; +} + +h2 { + font-size: 1.5em; + margin: 0.83em 0; +} + +h3 { + font-size: 1.17em; + margin: 1em 0; +} + +h4 { + font-size: 1em; + margin: 1.33em 0; +} + +h5 { + font-size: 0.83em; + margin: 1.67em 0; +} + +h6 { + font-size: 0.75em; + margin: 2.33em 0; +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ +b, +strong { + font-weight: bold; +} + +blockquote { + margin: 1em 40px; +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ +dfn { + font-style: italic; +} + +/** + * Address differences between Firefox and other browsers. + */ +hr { + box-sizing: content-box; + height: 0; +} + +/** + * Addresses styling not present in IE 8/9. + */ +mark { + background: #ff0; + color: #000; +} + +/** + * Addresses margins set differently in IE 6/7. + */ +p, +pre { + margin: 1em 0; +} + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ +code, +kbd, +pre, +samp { + font-family: monospace, serif; + _font-family: 'courier new', monospace; + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ +pre { + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/* + * Addresses CSS quotes not supported in IE 6/7. + */ +q { + quotes: none; +} + +/* + * Addresses `quotes` property not supported in Safari 4. + */ +q:before, +q:after { + content: ''; + content: none; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* ========================================================================== + Lists + ========================================================================== */ +/* + * Addresses margins set differently in IE 6/7. + */ +dl, +menu, +ol, +ul { + margin: 1em 0; +} + +dd { + margin: 0 0 0 40px; +} + +/* + * Addresses paddings set differently in IE 6/7. + */ +menu, +ol, +ul { + padding: 0 0 0 40px; +} + +/* + * Corrects list images handled incorrectly in IE 7. + */ +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + +/* ========================================================================== + Embedded content + ========================================================================== */ +/** + * 1. Remove border when inside `a` element in IE 8/9. + * 2. Improves image quality when scaled in IE 7. + */ +img { + border: 0; + -ms-interpolation-mode: bicubic; + /* 2 */ +} + +/** + * Correct overflow displayed oddly in IE 9. + */ +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ +/** + * Address margin not present in IE 8/9 and Safari 5. + */ +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ +/** + * Define consistent border, margin, and padding. + */ +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + * 3. Corrects text not wrapping in Firefox 3. + * 4. Corrects alignment displayed oddly in IE 6/7. + */ +legend { + border: 0; + /* 1 */ + padding: 0; + /* 2 */ + white-space: normal; + /* 2 */ + *margin-left: -7px; + /* 3 */ +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + * 4. Improves appearance and consistency in all browsers. + */ +button, +input, +select, +textarea { + font-family: inherit; + /* 1 */ + font-size: 100%; + /* 2 */ + margin: 0; + /* 3 */ + vertical-align: baseline; + /* 3 */ + *vertical-align: middle; + /* 3 */ +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ +button, +input { + line-height: normal; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. + * Correct `select` style inheritance in Firefox 4+ and Opera. + */ +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + * 4. Removes inner spacing in IE 7 without affecting normal text inputs. + * Known issue: inner spacing remains in IE 6. + */ +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + /* 2 */ + cursor: pointer; + /* 3 */ + *overflow: visible; + /* 4 */ +} + +/** + * Re-set default cursor for disabled elements. + */ +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + * 3. Removes excess padding in IE 7. + * Known issue: excess padding remains in IE 6. + */ +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + /* 1 */ + padding: 0; + /* 2 */ + *height: 13px; + /* 3 */ + *width: 13px; + /* 3 */ +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ +input[type="search"] { + -webkit-appearance: textfield; + /* 1 */ + /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ +textarea { + overflow: auto; + /* 1 */ + vertical-align: top; + /* 2 */ +} + +/* ========================================================================== + Tables + ========================================================================== */ +/** + * Remove most spacing between table cells. + */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +.container { + max-width: 900px; + max-width: 50rem; + margin: 0 auto; + padding: 0 18px; + padding: 0 1rem; + box-sizing: border-box; +} + +.grid { + box-sizing: border-box; + font-size: 0; + margin-left: -18px; + margin-left: -1rem; +} + +.grid--float { + letter-spacing: 0; +} + +.grid--center { + text-align: center; +} + +.grid--center .grid__col { + text-align: left; +} + +.grid--center-all { + text-align: center; +} + +.grid--reverse { + direction: rtl; +} + +.grid--reverse .grid__col { + direction: ltr; +} + +.grid--spaced .grid__col { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +.grid--spaced.grid--tight .grid__col { + margin-bottom: 9px; + margin-bottom: 0.5rem; +} + +.grid--align-mid .grid__col { + vertical-align: middle; +} + +.grid--stagger-align .grid__col:nth-of-type(1n) { + text-align: right; +} + +.grid--stagger-align .grid__col:nth-of-type(2n) { + text-align: left; +} + +.grid--tight { + margin-left: -9px; + margin-left: -0.5rem; +} + +.grid--tight .grid__col { + padding-left: 9px; + padding-left: 0.5rem; +} + +.grid--gutterless { + margin-left: 0; +} + +.grid--gutterless .grid__col { + padding-left: 0; +} + +.grid--pixelgutter { + margin-left: 1px; +} + +.grid--pixelgutter .grid__col { + padding-left: 1px; + margin-bottom: 1px; +} + +.grid--flex { + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-flex-flow: row wrap; + -ms-flex-flow: row wrap; + flex-flow: row wrap; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.grid--flex .grid__col { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.grid--flex.grid--center { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; +} + +.grid__col { + display: inline-block; + width: 100%; + vertical-align: top; + box-sizing: border-box; + background-clip: content-box; + font-size: initial; + padding-left: 18px; + padding-left: 1rem; + *display: inline; + *zoom: 1; +} + +.grid--float .grid__col { + float: left; + display: block; +} + +@media only screen and (min-width: 300px) { + .col-1\@xs { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 500px) { + .col-1\@s { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 740px) { + .col-1\@m { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 980px) { + .col-1\@l { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .col-1\@xl { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .col-1\@xxl { + width: 8.33333%; + width: calc(100% / 12); + } + .grid--flex .col-1\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 8.33333%; + -ms-flex: 0 0 8.33333%; + flex: 0 0 8.33333%; + max-width: 8.33333%; + } +} + +@media only screen and (min-width: 300px) { + .push-1\@xs { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 500px) { + .push-1\@s { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 740px) { + .push-1\@m { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 980px) { + .push-1\@l { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .push-1\@xl { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .push-1\@xxl { + position: relative; + left: 8.33333%; + } +} + +@media only screen and (min-width: 300px) { + .pull-1\@xs { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 500px) { + .pull-1\@s { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 740px) { + .pull-1\@m { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 980px) { + .pull-1\@l { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-1\@xl { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-1\@xxl { + position: relative; + left: -8.33333%; + } +} + +@media only screen and (min-width: 300px) { + .col-2\@xs { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 500px) { + .col-2\@s { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 740px) { + .col-2\@m { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 980px) { + .col-2\@l { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .col-2\@xl { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .col-2\@xxl { + width: 16.66667%; + width: calc(100% / 6); + } + .grid--flex .col-2\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 16.66667%; + -ms-flex: 0 0 16.66667%; + flex: 0 0 16.66667%; + max-width: 16.66667%; + } +} + +@media only screen and (min-width: 300px) { + .push-2\@xs { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 500px) { + .push-2\@s { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 740px) { + .push-2\@m { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 980px) { + .push-2\@l { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .push-2\@xl { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .push-2\@xxl { + position: relative; + left: 16.66667%; + } +} + +@media only screen and (min-width: 300px) { + .pull-2\@xs { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 500px) { + .pull-2\@s { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 740px) { + .pull-2\@m { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 980px) { + .pull-2\@l { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-2\@xl { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-2\@xxl { + position: relative; + left: -16.66667%; + } +} + +@media only screen and (min-width: 300px) { + .col-3\@xs { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 500px) { + .col-3\@s { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 740px) { + .col-3\@m { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 980px) { + .col-3\@l { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 1300px) { + .col-3\@xl { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 1600px) { + .col-3\@xxl { + width: 25%; + width: calc(100% / 4); + } + .grid--flex .col-3\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 25%; + -ms-flex: 0 0 25%; + flex: 0 0 25%; + max-width: 25%; + } +} + +@media only screen and (min-width: 300px) { + .push-3\@xs { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 500px) { + .push-3\@s { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 740px) { + .push-3\@m { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 980px) { + .push-3\@l { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 1300px) { + .push-3\@xl { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 1600px) { + .push-3\@xxl { + position: relative; + left: 25%; + } +} + +@media only screen and (min-width: 300px) { + .pull-3\@xs { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 500px) { + .pull-3\@s { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 740px) { + .pull-3\@m { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 980px) { + .pull-3\@l { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-3\@xl { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-3\@xxl { + position: relative; + left: -25%; + } +} + +@media only screen and (min-width: 300px) { + .col-4\@xs { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 500px) { + .col-4\@s { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 740px) { + .col-4\@m { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 980px) { + .col-4\@l { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .col-4\@xl { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .col-4\@xxl { + width: 33.33333%; + width: calc(100% / 3); + } + .grid--flex .col-4\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 33.33333%; + -ms-flex: 0 0 33.33333%; + flex: 0 0 33.33333%; + max-width: 33.33333%; + } +} + +@media only screen and (min-width: 300px) { + .push-4\@xs { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 500px) { + .push-4\@s { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 740px) { + .push-4\@m { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 980px) { + .push-4\@l { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .push-4\@xl { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .push-4\@xxl { + position: relative; + left: 33.33333%; + } +} + +@media only screen and (min-width: 300px) { + .pull-4\@xs { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 500px) { + .pull-4\@s { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 740px) { + .pull-4\@m { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 980px) { + .pull-4\@l { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-4\@xl { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-4\@xxl { + position: relative; + left: -33.33333%; + } +} + +@media only screen and (min-width: 300px) { + .col-5\@xs { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 500px) { + .col-5\@s { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 740px) { + .col-5\@m { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 980px) { + .col-5\@l { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .col-5\@xl { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .col-5\@xxl { + width: 41.66667%; + width: calc(100% / 2.4); + } + .grid--flex .col-5\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 41.66667%; + -ms-flex: 0 0 41.66667%; + flex: 0 0 41.66667%; + max-width: 41.66667%; + } +} + +@media only screen and (min-width: 300px) { + .push-5\@xs { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 500px) { + .push-5\@s { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 740px) { + .push-5\@m { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 980px) { + .push-5\@l { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .push-5\@xl { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .push-5\@xxl { + position: relative; + left: 41.66667%; + } +} + +@media only screen and (min-width: 300px) { + .pull-5\@xs { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 500px) { + .pull-5\@s { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 740px) { + .pull-5\@m { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 980px) { + .pull-5\@l { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-5\@xl { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-5\@xxl { + position: relative; + left: -41.66667%; + } +} + +@media only screen and (min-width: 300px) { + .col-6\@xs { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 500px) { + .col-6\@s { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 740px) { + .col-6\@m { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 980px) { + .col-6\@l { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 1300px) { + .col-6\@xl { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 1600px) { + .col-6\@xxl { + width: 50%; + width: calc(100% / 2); + } + .grid--flex .col-6\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 50%; + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; + } +} + +@media only screen and (min-width: 300px) { + .push-6\@xs { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 500px) { + .push-6\@s { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 740px) { + .push-6\@m { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 980px) { + .push-6\@l { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 1300px) { + .push-6\@xl { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 1600px) { + .push-6\@xxl { + position: relative; + left: 50%; + } +} + +@media only screen and (min-width: 300px) { + .pull-6\@xs { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 500px) { + .pull-6\@s { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 740px) { + .pull-6\@m { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 980px) { + .pull-6\@l { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-6\@xl { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-6\@xxl { + position: relative; + left: -50%; + } +} + +@media only screen and (min-width: 300px) { + .col-7\@xs { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 500px) { + .col-7\@s { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 740px) { + .col-7\@m { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 980px) { + .col-7\@l { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .col-7\@xl { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .col-7\@xxl { + width: 58.33333%; + width: calc(100% / 1.71429); + } + .grid--flex .col-7\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 58.33333%; + -ms-flex: 0 0 58.33333%; + flex: 0 0 58.33333%; + max-width: 58.33333%; + } +} + +@media only screen and (min-width: 300px) { + .push-7\@xs { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 500px) { + .push-7\@s { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 740px) { + .push-7\@m { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 980px) { + .push-7\@l { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .push-7\@xl { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .push-7\@xxl { + position: relative; + left: 58.33333%; + } +} + +@media only screen and (min-width: 300px) { + .pull-7\@xs { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 500px) { + .pull-7\@s { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 740px) { + .pull-7\@m { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 980px) { + .pull-7\@l { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-7\@xl { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-7\@xxl { + position: relative; + left: -58.33333%; + } +} + +@media only screen and (min-width: 300px) { + .col-8\@xs { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 500px) { + .col-8\@s { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 740px) { + .col-8\@m { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 980px) { + .col-8\@l { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .col-8\@xl { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .col-8\@xxl { + width: 66.66667%; + width: calc(100% / 1.5); + } + .grid--flex .col-8\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 66.66667%; + -ms-flex: 0 0 66.66667%; + flex: 0 0 66.66667%; + max-width: 66.66667%; + } +} + +@media only screen and (min-width: 300px) { + .push-8\@xs { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 500px) { + .push-8\@s { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 740px) { + .push-8\@m { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 980px) { + .push-8\@l { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .push-8\@xl { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .push-8\@xxl { + position: relative; + left: 66.66667%; + } +} + +@media only screen and (min-width: 300px) { + .pull-8\@xs { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 500px) { + .pull-8\@s { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 740px) { + .pull-8\@m { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 980px) { + .pull-8\@l { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-8\@xl { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-8\@xxl { + position: relative; + left: -66.66667%; + } +} + +@media only screen and (min-width: 300px) { + .col-9\@xs { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 500px) { + .col-9\@s { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 740px) { + .col-9\@m { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 980px) { + .col-9\@l { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 1300px) { + .col-9\@xl { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 1600px) { + .col-9\@xxl { + width: 75%; + width: calc(100% / 1.33333); + } + .grid--flex .col-9\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 75%; + -ms-flex: 0 0 75%; + flex: 0 0 75%; + max-width: 75%; + } +} + +@media only screen and (min-width: 300px) { + .push-9\@xs { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 500px) { + .push-9\@s { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 740px) { + .push-9\@m { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 980px) { + .push-9\@l { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 1300px) { + .push-9\@xl { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 1600px) { + .push-9\@xxl { + position: relative; + left: 75%; + } +} + +@media only screen and (min-width: 300px) { + .pull-9\@xs { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 500px) { + .pull-9\@s { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 740px) { + .pull-9\@m { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 980px) { + .pull-9\@l { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-9\@xl { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-9\@xxl { + position: relative; + left: -75%; + } +} + +@media only screen and (min-width: 300px) { + .col-10\@xs { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 500px) { + .col-10\@s { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 740px) { + .col-10\@m { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 980px) { + .col-10\@l { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .col-10\@xl { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .col-10\@xxl { + width: 83.33333%; + width: calc(100% / 1.2); + } + .grid--flex .col-10\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 83.33333%; + -ms-flex: 0 0 83.33333%; + flex: 0 0 83.33333%; + max-width: 83.33333%; + } +} + +@media only screen and (min-width: 300px) { + .push-10\@xs { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 500px) { + .push-10\@s { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 740px) { + .push-10\@m { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 980px) { + .push-10\@l { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .push-10\@xl { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .push-10\@xxl { + position: relative; + left: 83.33333%; + } +} + +@media only screen and (min-width: 300px) { + .pull-10\@xs { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 500px) { + .pull-10\@s { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 740px) { + .pull-10\@m { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 980px) { + .pull-10\@l { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-10\@xl { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-10\@xxl { + position: relative; + left: -83.33333%; + } +} + +@media only screen and (min-width: 300px) { + .col-11\@xs { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 500px) { + .col-11\@s { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 740px) { + .col-11\@m { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 980px) { + .col-11\@l { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .col-11\@xl { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .col-11\@xxl { + width: 91.66667%; + width: calc(100% / 1.09091); + } + .grid--flex .col-11\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 91.66667%; + -ms-flex: 0 0 91.66667%; + flex: 0 0 91.66667%; + max-width: 91.66667%; + } +} + +@media only screen and (min-width: 300px) { + .push-11\@xs { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 500px) { + .push-11\@s { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 740px) { + .push-11\@m { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 980px) { + .push-11\@l { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .push-11\@xl { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .push-11\@xxl { + position: relative; + left: 91.66667%; + } +} + +@media only screen and (min-width: 300px) { + .pull-11\@xs { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 500px) { + .pull-11\@s { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 740px) { + .pull-11\@m { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 980px) { + .pull-11\@l { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-11\@xl { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-11\@xxl { + position: relative; + left: -91.66667%; + } +} + +@media only screen and (min-width: 300px) { + .col-12\@xs { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@xs { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 500px) { + .col-12\@s { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@s { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 740px) { + .col-12\@m { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@m { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 980px) { + .col-12\@l { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@l { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 1300px) { + .col-12\@xl { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@xl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 1600px) { + .col-12\@xxl { + width: 100%; + width: calc(100% / 1); + } + .grid--flex .col-12\@xxl { + -webkit-box-flex: 0; + -webkit-flex: 0 0 100%; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + max-width: 100%; + } +} + +@media only screen and (min-width: 300px) { + .push-12\@xs { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 500px) { + .push-12\@s { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 740px) { + .push-12\@m { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 980px) { + .push-12\@l { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 1300px) { + .push-12\@xl { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 1600px) { + .push-12\@xxl { + position: relative; + left: 100%; + } +} + +@media only screen and (min-width: 300px) { + .pull-12\@xs { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 500px) { + .pull-12\@s { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 740px) { + .pull-12\@m { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 980px) { + .pull-12\@l { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 1300px) { + .pull-12\@xl { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 1600px) { + .pull-12\@xxl { + position: relative; + left: -100%; + } +} + +@media only screen and (min-width: 300px) { + .nopull-\@xs { + left: 0; + } +} + +@media only screen and (min-width: 500px) { + .nopull-\@s { + left: 0; + } +} + +@media only screen and (min-width: 740px) { + .nopull-\@m { + left: 0; + } +} + +@media only screen and (min-width: 980px) { + .nopull-\@l { + left: 0; + } +} + +@media only screen and (min-width: 1300px) { + .nopull-\@xl { + left: 0; + } +} + +@media only screen and (min-width: 1600px) { + .nopull-\@xxl { + left: 0; + } +} + +@media only screen and (min-width: 300px) { + .nopush-\@xs { + left: 0; + } +} + +@media only screen and (min-width: 500px) { + .nopush-\@s { + left: 0; + } +} + +@media only screen and (min-width: 740px) { + .nopush-\@m { + left: 0; + } +} + +@media only screen and (min-width: 980px) { + .nopush-\@l { + left: 0; + } +} + +@media only screen and (min-width: 1300px) { + .nopush-\@xl { + left: 0; + } +} + +@media only screen and (min-width: 1600px) { + .nopush-\@xxl { + left: 0; + } +} + +.u-debug-grid .grid { + position: relative; +} + +.u-debug-grid .grid:before { + position: absolute; + top: 0; + right: 0; + left: 18px; + left: 1rem; + bottom: 0; + content: ""; + background-clip: content-box; + background-color: rgba(0, 0, 0, 0.05); +} + +.u-debug-grid .grid__col { + background-color: rgba(0, 0, 0, 0.05); +} + +input::-webkit-input-placeholder { + color: #bfbfbf; + font-weight: 400; +} + +input::-moz-placeholder { + color: #bfbfbf; + font-weight: 400; +} + +input:-ms-input-placeholder { + color: #bfbfbf; + font-weight: 400; +} + +input::placeholder { + color: #bfbfbf; + font-weight: 400; +} + +input:focus::-webkit-input-placeholder { + color: #8c8c8c; +} + +input:focus::-moz-placeholder { + color: #8c8c8c; +} + +input:focus:-ms-input-placeholder { + color: #8c8c8c; +} + +input:focus::placeholder { + color: #8c8c8c; +} + +fieldset, +legend { + padding: 0; + margin: 0; + border: none; +} + +fieldset { + width: 100%; +} + +legend { + float: left; + clear: both; +} + +.lt-ie8 legend { + margin-left: -7px; +} + +input { + box-sizing: border-box; +} + +::-webkit-inner-spin-button { + display: none; +} + +input[type=number] { + -moz-appearance: textfield; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +html { + width: 100%; + height: 100%; + box-sizing: border-box; +} + +body { + margin: 0; + background: #e4e8eb; +} + +img { + vertical-align: middle; + max-width: 100%; + height: auto; +} + +a { + color: #003d59; + text-decoration: underline; +} + +a:hover { + text-decoration: underline; +} + +main:focus, [role="main"]:focus { + outline: none; +} + +.svg-icons--caret-bottom, .svg-icons--caret-left, .svg-icons--caret-right, .svg-icons--caret-top, .svg-icons--check, .svg-icons--chevron-bottom, .svg-icons--chevron-down, .svg-icons--chevron-left, .svg-icons--chevron-right, .svg-icons--chevron-top, .svg-icons--circle-check, .svg-icons--circle-x, .svg-icons--external-link, .svg-icons--info, .svg-icons--info-circle, .svg-icons--phone, .svg-icons--right-arrow, .svg-logo { + background: url("app/static/img/sprite.svg") no-repeat; +} + +.svg-icons--caret-bottom { + background-position: 27.083333333333332% 0; +} + +.svg-icons--caret-bottom-dims { + width: 52px; + height: 36px; +} + +.svg-icons--caret-left { + background-position: 75% 0; +} + +.svg-icons--caret-left-dims { + width: 36px; + height: 52px; +} + +.svg-icons--caret-right { + background-position: 0 28.972789115646258%; +} + +.svg-icons--caret-right-dims { + width: 36px; + height: 52px; +} + +.svg-icons--caret-top { + background-position: 18.75% 26.206005414718188%; +} + +.svg-icons--caret-top-dims { + width: 52px; + height: 36.48px; +} + +.svg-icons--check { + background-position: 54.166666666666664% 0; +} + +.svg-icons--check-dims { + width: 52px; + height: 45.41px; +} + +.svg-icons--chevron-bottom { + background-position: 54.166666666666664% 29.03267054536155%; +} + +.svg-icons--chevron-bottom-dims { + width: 52px; + height: 42.59px; +} + +.svg-icons--chevron-down { + background-position: 71.7948717948718% 90.48765432098766%; +} + +.svg-icons--chevron-down-dims { + width: 49px; + height: 37px; +} + +.svg-icons--chevron-left { + background-position: 19.557122287870513% 64.34693877551021%; +} + +.svg-icons--chevron-left-dims { + width: 42.59px; + height: 52px; +} + +.svg-icons--chevron-right { + background-position: 40.7030435430217% 64.34693877551021%; +} + +.svg-icons--chevron-right-dims { + width: 42.59px; + height: 52px; +} + +.svg-icons--chevron-top { + background-position: 0 0; +} + +.svg-icons--chevron-top-dims { + width: 52px; + height: 42.59px; +} + +.svg-icons--circle-check { + background-position: 100% 0; +} + +.svg-icons--circle-check-dims { + width: 52px; + height: 52px; +} + +.svg-icons--circle-x { + background-position: 100% 35.374149659863946%; +} + +.svg-icons--circle-x-dims { + width: 52px; + height: 52px; +} + +.svg-icons--external-link { + background-position: 0 99.72108843537416%; +} + +.svg-icons--external-link-dims { + width: 51.06px; + height: 52px; +} + +.svg-icons--info { + background-position: 24.659518980005796% 99.72108843537416%; +} + +.svg-icons--info-dims { + width: 36.94px; + height: 52px; +} + +.svg-icons--info-circle { + background-position: 45.833333333333336% 99.72108843537416%; +} + +.svg-icons--info-circle-dims { + width: 52px; + height: 52px; +} + +.svg-icons--phone { + background-position: 75% 31.901840490797547%; +} + +.svg-icons--phone-dims { + width: 36px; + height: 36px; +} + +.svg-icons--right-arrow { + background-position: 0 64.34693877551021%; +} + +.svg-icons--right-arrow-dims { + width: 39.39px; + height: 52px; +} + +.svg-logo { + background-position: 100% 60.237474659716185%; +} + +.svg-logo-dims { + width: 52px; + height: 26.35px; +} + +table { + width: 100%; + margin-bottom: 20px; +} + +table th { + text-align: left; +} + +table > thead { + border-bottom: 2px solid #e4e8eb; +} + +th, +td { + padding: 15px 0; + word-wrap: normal; + line-height: 1; + vertical-align: top; + border-bottom: thin solid #e4e8eb; +} + +html { + font-size: 18px; + line-height: 1.6; + -webkit-font-smoothing: antialiased; +} + +@media only screen and (min-width: 300px) and (max-width: 500px) { + html { + font-size: 16px; + } +} + +body { + font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif; + color: #222; +} + +p { + max-width: 900px; + max-width: 50rem; + margin: 0 0 18px 0; + margin: 0 0 1rem 0; +} + +h1, +.h1 { + font-size: 36px; + font-size: 2rem; + font-weight: 700; +} + +h2, +.h2 { + font-size: 30.599px; + font-size: 1.7rem; + font-weight: 600; +} + +h3, +.h3 { + font-size: 23.4px; + font-size: 1.3rem; + font-weight: 600; +} + +h4, +.h4 { + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 700; +} + +h1, +h2, +h3, +h4, +h5, +.h1, +.h2, +.h3, +.h4, +.h5 { + margin: 0 0 18px; + margin: 0 0 1rem; + line-height: 1.2; +} + +code { + font-size: 14.4px; + font-size: 0.8rem; +} + +ul { + margin-bottom: 27px; + margin-bottom: 1.5rem; +} + +li { + margin-bottom: 5.399px; + margin-bottom: 0.3rem; +} + +.container { + padding: 0 9px; + padding: 0 0.5rem; +} + +@media only screen and (min-width: 740px) { + .container { + padding: 0 1rem; + } +} + +.grid--align-bottom .grid__col { + vertical-align: bottom; +} + +.grid__col { + font-size: 18px; + font-size: 1rem; +} + +.header { + margin: 18px 0; + margin: 1rem 0; +} + +@media only screen and (min-width: 500px) { + .header { + text-align: center; + margin: 2rem 0; + } +} + +.header__title { + font-size: 25.2px; + font-size: 1.4rem; + font-weight: 700; +} + +@media only screen and (min-width: 500px) { + .header__title { + font-size: 1.7rem; + } +} + +.header__subtitle { + font-size: 19.8px; + font-size: 1.1rem; + font-weight: 400; +} + +.list--bare { + list-style: none; + margin: 0; + padding: 0; +} + +.panel { + background: #fff; + border-radius: 3px; + box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.1); +} + +.panel__header { + border-bottom: 1px solid #e4e8eb; + padding: 18px; + padding: 1rem; +} + +@media only screen and (min-width: 740px) { + .panel__header { + padding: 2rem 4rem; + } +} + +.panel__body { + padding: 18px; + padding: 1rem; +} + +@media only screen and (min-width: 740px) { + .panel__body { + padding: 2rem 4rem; + } +} + +.section { + margin: 18px 0; + margin: 1rem 0; + padding: 9px 0; + padding: 0.5rem 0; + border-bottom: 1px solid #e4e8eb; +} + +@media only screen and (min-width: 500px) { + .section { + padding: 2rem 0; + } +} + +.section:first-of-type { + padding-top: 0; + margin-top: 0; +} + +.section__title { + font-size: 21.599px; + font-size: 1.2rem; + font-weight: 700; +} + +@media only screen and (min-width: 500px) { + .section__title { + padding: 0 1rem; + font-size: 1.4rem; + } +} + +@media only screen and (min-width: 500px) { + .section__description { + padding: 0 1rem; + } +} + +.accordion { + display: block; + border: 1px solid #ccc; + border-radius: 3px; + overflow: hidden; +} + +.accordion__item { + overflow: hidden; + border-bottom: 1px solid #ccc; +} + +.accordion__item:last-of-type { + margin-bottom: -1px; +} + +.accordion__item.is-closed { + border: none; +} + +.accordion__head { + background: #f5f5f5; + padding: 9px; + padding: 0.5rem; + cursor: pointer; + border: none; + border-bottom: 1px solid #ccc; + display: block; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + width: 100%; + text-align: left; + line-height: 1; +} + +@media only screen and (min-width: 500px) { + .accordion__head { + padding: 1rem; + } +} + +.has-js .accordion__head:focus { + -webkit-transition: background 100ms ease-out; + transition: background 100ms ease-out; + background: #e4e8eb; + outline: none; +} + +.has-js .is-closed .accordion__title:before { + content: "+"; +} + +.accordion__title { + font-weight: 700; + margin: 0; + display: inline-block; + vertical-align: middle; + font-size: 18px; + font-size: 1rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + *display: inline; + *zoom: 1; +} + +.accordion__title:before { + font-family: monospace; + content: "-"; + font-weight: bold; + display: inline-block; + vertical-align: middle; + margin-right: 9px; + margin-right: 0.5rem; + font-size: 16.2px; + font-size: 0.9rem; + *display: inline; + *zoom: 1; +} + +.accordion__body { + overflow: hidden; +} + +.is-closed .accordion__body { + display: none; +} + +.accordion__content { + font-size: 18px; + font-size: 1rem; + padding: 13.5px; + padding: 0.75rem; +} + +@media only screen and (min-width: 500px) { + .accordion__content { + padding: 1rem; + } +} + +.address { + font-size: 14.4px; + font-size: 0.8rem; + line-height: 1.5; + text-transform: uppercase; +} + +.alert { + border-radius: 3px; + margin: 0 0 36px 0; + margin: 0 0 2rem 0; +} + +.alert__header { + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 700; + color: #fff; + margin: 0; + padding: 9px 18px; + padding: 0.5rem 1rem; + border-radius: 3px 3px 0 0; +} + +.alert__title { + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 700; + color: #fff; + margin: 0; + padding: 0; +} + +.alert__body { + padding: 18px; + padding: 1rem; +} + +.alert--error { + border: 1px solid #c50b0b; +} + +.alert--error .alert__header { + background: #c50b0b; +} + +.alert--error .alert__body { + background: #f9e7e7; +} + +.bar { + background: #222; + color: #fff; + padding: 5.399px 0; + padding: 0.3rem 0; + margin-bottom: 9px; + margin-bottom: 0.5rem; +} + +@media only screen and (min-width: 740px) { + .bar { + padding: 1rem 0; + margin-bottom: 3rem; + } +} + +.bar__inner { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + line-height: 1.2; +} + +.bar__title { + font-size: 14.4px; + font-size: 0.8rem; + font-weight: 600; + margin-bottom: 0; + display: inline-block; + vertical-align: middle; + *display: inline; + *zoom: 1; +} + +.box { + text-align: center; + padding: 36px 18px; + padding: 2rem 1rem; + border: 1px solid #ccc; + border-radius: 3px; + max-width: 32em; + margin: 0 auto; + position: relative; +} + +.boxw.confirm:before { + background: url("/s/img/icons/icons--check.svg") no-repeat center center; + background-color: white; + background-size: 2rem; + content: ""; + position: absolute; + top: -22.5px; + top: -1.25rem; + left: 0; + right: 0; + bottom: auto; + margin: auto; + width: 45px; + width: 2.5rem; + height: 45px; + height: 2.5rem; + border: 2px solid #ccc; + border-radius: 100%; +} + +.btn { + background-color: #a8bd3a; + color: #fff; + border: none; + padding: 9px 18px; + margin: 0 0 18px 0; + border-radius: 3px; + display: inline-block; + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 600; + text-rendering: optimizeLegibility; + text-decoration: none; + *display: inline; + *zoom: 1; +} + +.btn:focus, .btn:hover { + text-decoration: none; + color: #fff; + background-color: #97a934; +} + +.btn--secondary { + background-color: #003d59; + color: #fff; + border: none; + padding: 9px 18px; + margin: 0 0 18px 0; + border-radius: 3px; + display: inline-block; + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 600; + text-rendering: optimizeLegibility; + text-decoration: none; + *display: inline; + *zoom: 1; +} + +.btn--secondary:focus, .btn--secondary:hover { + text-decoration: none; + color: #fff; + background-color: #002c40; +} + +.btn--neutral { + background-color: #9b9b9b; + color: #fff; + border: none; + padding: 9px 18px; + margin: 0 0 18px 0; + border-radius: 3px; + display: inline-block; + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 600; + text-rendering: optimizeLegibility; + text-decoration: none; + *display: inline; + *zoom: 1; +} + +.btn--neutral:focus, .btn--neutral:hover { + text-decoration: none; + color: #fff; + background-color: #8e8e8e; +} + +.btn-group { + font-size: 0; +} + +.btn-group .btn { + display: inline-block; + margin-right: 18px; + *display: inline; + *zoom: 1; +} + +.btn-group .btn:last-of-type { + margin-right: 0; +} + +.btn-group__btn { + display: inline-block; + *display: inline; + *zoom: 1; +} + +.dl { + border: 1px solid #ccc; + font-size: 0; + margin-bottom: 36px; + margin-bottom: 2rem; + overflow: hidden; + border-radius: 3px; +} + +@media only screen and (min-width: 500px) { + .dl { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-justify-content: space-around; + -ms-flex-pack: distribute; + justify-content: space-around; + } +} + +.dl .dt, .dl .dd { + padding: 9px; + padding: 0.5rem; + margin: 0; + font-size: 16.2px; + font-size: 0.9rem; + border-bottom: 1px solid #ccc; +} + +.dl .dt:nth-last-of-type(-n+1), .dl .dd:nth-last-of-type(-n+1) { + border-bottom: none; +} + +.dl .dt.fw, .dl .dd.fw { + display: block; + width: 100%; + -webkit-box-flex: 0; + -webkit-flex: none; + -ms-flex: none; + flex: none; + border: none; + text-align: left; + border-bottom: 1px solid #ccc; +} + +.dl .dt.fw.dd, .dl .dd.fw.dd { + border: none; +} + +.lt-ie8 .dl .dt.fw, .lt-ie8 .dl .dd.fw { + width: 100% !important; +} + +@media only screen and (min-width: 500px) { + .dl .dt, .dl .dd { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-size: 1rem; + padding: 1rem; + } +} + +.lt-ie8 .dl .dt, .lt-ie8 .dl .dd { + min-height: 54px; + min-height: 3rem; +} + +.dl .dt { + width: 100%; +} + +@media only screen and (min-width: 500px) { + .dl .dt { + width: 70%; + max-width: 100%; + } +} + +.lt-ie8 .dl .dt { + width: 60%; +} + +.dl .dt div { + width: 100%; + margin: 0; +} + +.dl .dd { + background: #fbfbfb; +} + +@media only screen and (min-width: 500px) { + .dl .dd { + width: 30%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + text-align: center; + border-left: 1px solid #ccc; + } +} + +.guidance { + margin: 0; +} + +.guidance__link { + display: inline-block; + vertical-align: middle; + line-height: 1; + color: #222; + font-size: 17.099px; + font-size: 0.95rem; + padding-right: 9px; + padding-right: 0.5rem; + *display: inline; + *zoom: 1; +} + +.guidance__link span { + font-size: 14.4px; + font-size: 0.8rem; + display: inline-block; + vertical-align: middle; + *display: inline; + *zoom: 1; +} + +.guidance__link:before { + speak: none; + content: ""; + background: url("/s/img/icons/icons--info-circle.svg") no-repeat center center; + background-size: 100%; + text-align: center; + width: 36px; + width: 2rem; + height: 36px; + height: 2rem; + vertical-align: middle; + display: inline-block; + *display: inline; + *zoom: 1; +} + +.no-js .guidance__link { + display: none; +} + +.guidance__main { + overflow: hidden; + width: 100%; + border-radius: 3px; + opacity: 0; + -webkit-transition: all 0; + transition: all 0; + max-height: 0; +} + +.no-js .guidance__main, +.is-expanded .guidance__main { + max-height: 10000em; + height: auto; + opacity: 1; + -webkit-transition: opacity 300ms ease-out, max-height 300ms ease-out; + transition: opacity 300ms ease-out, max-height 300ms ease-out; +} + +.guidance__content { + padding: 0; + font-size: 16.2px; + font-size: 0.9rem; + width: 100%; + display: table; + table-layout: fixed; + margin-top: 18px; + margin-top: 1rem; +} + +@media only screen and (min-width: 500px) { + .guidance__content div { + display: table-cell; + } + .guidance__content div:first-of-type { + padding-left: 0.25rem; + padding-right: 0.5rem; + } + .guidance__content div:last-of-type { + padding-left: 1rem; + } +} + +.guidance__content div ul { + padding-left: 18px; + padding-left: 1rem; +} + +@media only screen and (min-width: 500px) { + .guidance__content div ul { + margin-bottom: 0; + } +} + +.lt-ie8 .guidance__content div ul { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +.info { + display: block; + font-size: 16.2px; + font-size: 0.9rem; +} + +@media only screen and (min-width: 740px) { + .info { + font-size: 1rem; + } +} + +.info__title { + display: inline-block; + margin: 0; + font-size: 1em; + *display: inline; + *zoom: 1; +} + +.info__tel { + display: inline-block; + font-size: 1em; + line-height: 1; + margin-left: 1em; + *display: inline; + *zoom: 1; +} + +.info__tel:before { + content: ""; + display: inline-block; + vertical-align: middle; + background: url("/s/img/icons/icons--phone.svg") no-repeat center; + width: 1.5em; + height: 1.5em; + background-size: 2.5em; + *display: inline; + *zoom: 1; +} + +.info__list { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + border-top: 1px solid #ccc; + padding-top: 0.5em; + margin: 0.1em 0 0 0; +} + +.info__dt, +.info__dd { + display: inline-block; + font-size: 0.7em; + margin: 0; + line-height: 1.2; + white-space: nowrap; + *display: inline; + *zoom: 1; +} + +.info__dt.first, +.info__dd.first { + padding-left: 0; + margin-left: 0; +} + +.info__dt.last, +.info__dd.last { + padding-right: 0; + margin-right: 0; + border-right: none; +} + +.info__dt { + font-weight: 600; + margin-right: 3.6px; + margin-right: 0.2rem; +} + +.info__dd { + border-right: 1px solid #ccc; + padding-right: 1em; + margin-right: 1em; +} + +.logo { + display: inline-block; + *display: inline; + *zoom: 1; +} + +.lt-ie9 .logo { + float: left; + display: block; + width: 220px; + height: 44px; + background: url("/s/img/logo.png") no-repeat 0 0; +} + +.lt-ie9 .logo img { + display: none; +} + +.logo__img { + width: 220px; + height: auto; +} + +.notice { + display: block; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + font-weight: 700; +} + +.notice:before { + content: " "; + display: inline-block; + vertical-align: middle; + background: #fff url("/s/img/icons/icons--info-circle.svg") no-repeat center center; + background-size: 3rem; + min-width: 36px; + min-width: 2rem; + height: 36px; + height: 2rem; + margin-right: 0.5em; + *display: inline; + *zoom: 1; +} + +.notice__text { + display: inline-block; + vertical-align: middle; + font-size: 18px; + font-size: 1rem; + line-height: 1.2; + *display: inline; + *zoom: 1; +} + +.skip { + position: absolute; + top: 0; + left: 0; + right: 0; +} + +.skip__link { + display: block; + height: 1px; + width: 100%; + overflow: hidden; + position: absolute; + top: -30px; + -webkit-transition: top 100ms; + transition: top 100ms; + text-align: center; + color: #fff; + background: #003d59; + font-weight: 600; + font-size: 19.8px; + font-size: 1.1rem; +} + +.skip__link:focus { + padding: 18px; + padding: 1rem; + max-height: 20em; + height: auto; + top: 0; +} + +.survey-header { + display: block; + overflow: hidden; +} + +@media only screen and (min-width: 36em) { + .survey-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } +} + +.survey-header__logo { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +@media only screen and (min-width: 36em) { + .survey-header__logo { + margin-bottom: 0; + -webkit-box-flex: 1; + -webkit-flex: 1 1 50%; + -ms-flex: 1 1 50%; + flex: 1 1 50%; + } +} + +@media only screen and (min-width: 300px) and (max-width: 740px) { + .survey-header__info { + max-width: 100%; + } +} + +@media only screen and (min-width: 36em) { + .survey-header__info { + margin-left: auto; + float: right; + -webkit-box-flex: 1; + -webkit-flex: 1 1 19rem; + -ms-flex: 1 1 19rem; + flex: 1 1 19rem; + margin-left: 2rem; + } +} + +.tag { + display: inline-block; + vertical-align: middle; + padding: 0 10.799px; + padding: 0 0.6rem; + font-size: 14.4px; + font-size: 0.8rem; + font-weight: 600; + line-height: 1.8; + border-radius: 3px; + *display: inline; + *zoom: 1; +} + +.tag--amber { + background-color: #fe781f; +} + +.field { + display: block; +} + +.field__item { + margin-bottom: 9px; + margin-bottom: 0.5rem; + position: relative; +} + +@media only screen and (min-width: 500px) { + .field__item { + margin-bottom: 1rem; + } +} + +.field--radios, +.field--checkboxes { + display: block; +} + +@media only screen and (min-width: 500px) { + .field--radios, + .field--checkboxes { + font-size: 0; + } + .field--radios .field__item, + .field--checkboxes .field__item { + font-size: inherit; + display: inline-block; + width: 50%; + *display: inline; + *zoom: 1; + } +} + +.field--daterange .legend { + font-weight: 700; + display: inline-block; + width: 100%; + margin: 0 0 9px 0; + margin: 0 0 0.5rem 0; + *display: inline; + *zoom: 1; +} + +@media only screen and (min-width: 500px) { + .field--daterange .legend { + margin: 1.9rem 0 0 0; + width: 5rem; + } +} + +.lt-ie8 .field--daterange .legend { + position: absolute; + margin-top: 20px; +} + +.field--daterange .subfields { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; +} + +@media only screen and (min-width: 500px) { + .field--daterange .subfields { + width: calc(100% - 5rem); + } +} + +.field--daterange .field { + -webkit-box-flex: 1; + -webkit-flex: 1 1 0; + -ms-flex: 1 1 0; + flex: 1 1 0; + margin-right: 9px; + margin-right: 0.5rem; +} + +@media only screen and (min-width: 500px) { + .field--daterange .field { + margin-right: 1rem; + } +} + +.field--daterange .field--month { + -webkit-box-flex: 2; + -webkit-flex: 2; + -ms-flex: 2; + flex: 2; +} + +.field--daterange .field--year { + margin-right: 0; +} + +.form { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +.input { + position: relative; + z-index: 3; + padding: 10.799px; + padding: 0.6rem; + display: block; + color: inherit; + font-size: 18px; + font-size: 1rem; + border: 1px solid #ccc; + border-radius: 3px; + width: 100%; + max-width: 720px; + max-width: 40rem; +} + +.input__helper { + font-size: 14.4px; + font-size: 0.8rem; + font-weight: 600; + margin-top: 3.6px; + margin-top: 0.2rem; +} + +.input--select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 10.799px 36px 10.799px 9px; + padding: 0.6rem 2rem 0.6rem 0.5rem; + background: #fff url("/s/img/icons/icons--chevron-down.svg") no-repeat center right 6px; + background-size: 1.5rem; + line-height: 1.4; + width: 100%; +} + +.input--select::-ms-expand { + display: none; +} + +.input--radio, +.input--checkbox { + width: 19.8px; + width: 1.1rem; + height: 19.8px; + height: 1.1rem; + display: inline-block; + vertical-align: middle; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + border: 2px solid #9b9b9b; + padding: 9px; + padding: 0.5rem; + font-size: 18px; + font-size: 1rem; + background: #eee; + box-shadow: inset 0 0 0 3px white; + -webkit-transition: background 300ms; + transition: background 300ms; + cursor: pointer; + position: relative; + *display: inline; + *zoom: 1; +} + +.input--radio:focus, +.input--checkbox:focus { + border: 2px solid #809eac; + box-shadow: inset 0 0 0 3px white; +} + +.input--radio:checked, +.input--checkbox:checked { + background: #033e58; + border: 2px solid #555; +} + +.input--radio { + border-radius: 100px; +} + +.input--checkbox:checked { + background: url("/s/img/icons/icons--check.svg") no-repeat center center; + background-size: 0.8rem auto; +} + +.input--number { + padding-right: 5.399px; + padding-right: 0.3rem; +} + +.input--block { + display: block; + width: 100%; +} + +.input-type { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; +} + +.input-type .input { + border-radius: 0 3px 3px 0; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + line-height: normal; +} + +.input-type:before { + content: attr(data-type); + background-color: #f5f5f5; + border: 1px solid #ccc; + border-right: none; + border-radius: 3px 0 0 3px; + padding: 10.799px 16.2px; + padding: 0.6rem 0.9rem; + font-weight: 600; + font-size: 18px; + font-size: 1rem; + text-align: center; + line-height: normal; +} + +.label { + display: block; + margin-bottom: 7.2px; + margin-bottom: 0.4rem; + font-weight: 600; + font-size: 18px; + font-size: 1rem; + color: inherit; +} + +.label__inner { + position: relative; + z-index: 3; +} + +.label--inline { + font-weight: 400; + padding: 3.6px 9px; + padding: 0.2rem 0.5rem; + width: calc(100% - 2.5rem); + display: inline-block; + vertical-align: middle; + margin: 0 9px 0 0; + margin: 0 0.5rem 0 0; + z-index: 1; + *display: inline; + *zoom: 1; +} + +.label--inline:before { + -webkit-transition: background-color 200ms ease-in-out; + transition: background-color 200ms ease-in-out; +} + +.input:focus + .label--inline:before, +.input:checked + .label--inline:before, +.input:hover + .label--inline:before { + content: ""; + position: absolute; + top: 0; + right: -4.5px; + right: -0.25rem; + bottom: 0; + left: -4.5px; + left: -0.25rem; + background: rgba(204, 204, 204, 0.2); + width: calc(100% - 0.5rem); + height: 100%; + border-radius: 3px; + z-index: 0; +} + +.input:checked + .label--inline:before { + background: rgba(204, 204, 204, 0.6); +} + +.field--textarea .label { + font-weight: 400; + margin-bottom: 36px; + margin-bottom: 2rem; +} + +.label--small { + font-size: 14.4px; + font-size: 0.8rem; +} + +.question { + border: 2px solid transparent; + margin-bottom: 36px; + margin-bottom: 2rem; +} + +.question--has-errors { + border-color: #c50b0b; + background: rgba(197, 11, 11, 0.1); +} + +.question__error { + background: #c50b0b; + color: white; + font-size: 16.2px; + font-size: 0.9rem; + padding: 9px 18px; + padding: 0.5rem 1rem; +} + +.question__legend { + margin-bottom: 9px; + margin-bottom: 0.5rem; + float: left; +} + +.question__title { + clear: both; + display: block; + font-weight: 700; + font-size: 18px; + font-size: 1rem; + line-height: 1.3; + color: inherit; +} + +@media only screen and (min-width: 500px) { + .question__title { + font-size: 1.3rem; + } +} + +.question__subtitle { + margin-top: 9px; + margin-top: 0.5rem; + clear: both; + display: block; + color: #888; + font-weight: 700; + font-size: 18px; + font-size: 1rem; +} + +.question__description { + margin-bottom: 18px; + margin-bottom: 1rem; + clear: both; +} + +.question__responses { + clear: both; + margin: 0 0 -18px; + margin: 0 0 -1rem; +} + +.question__response { + margin: 0 0 36px; + margin: 0 0 2rem; +} + +.question__response:last-of-type { + margin-bottom: 0; +} + +.response { + padding: 0; +} + +.response__field { + border: 1px solid transparent; + border-radius: 0 0 3px 3px; +} + +.response.has-error .response__field { + padding: 18px; + padding: 1rem; + border-color: #c50b0b; + background: #f9e7e7; +} + +.response__errors { + background-color: #c50b0b; + color: #fff; + list-style: none; + margin: 0; + padding: 9px 18px; + padding: 0.5rem 1rem; + border-radius: 3px 3px 0 0; +} + +.response__error { + font-size: 16.2px; + font-size: 0.9rem; + font-weight: 700; + color: #fff; + margin: 0; + padding: 0; +} + +.u-blue { + color: #003d59; +} + +.u-bg-blue { + background-color: #003d59; +} + +.u-blue-10 { + color: #1a506a; +} + +.u-bg-blue-10 { + background-color: #1a506a; +} + +.u-blue-20 { + color: #33647a; +} + +.u-bg-blue-20 { + background-color: #33647a; +} + +.u-blue-30 { + color: #4d778b; +} + +.u-bg-blue-30 { + background-color: #4d778b; +} + +.u-blue-40 { + color: #668b9b; +} + +.u-bg-blue-40 { + background-color: #668b9b; +} + +.u-blue-50 { + color: #809eac; +} + +.u-bg-blue-50 { + background-color: #809eac; +} + +.u-blue-60 { + color: #99b1bd; +} + +.u-bg-blue-60 { + background-color: #99b1bd; +} + +.u-blue-70 { + color: #b3c5cd; +} + +.u-bg-blue-70 { + background-color: #b3c5cd; +} + +.u-blue-80 { + color: #ccd8de; +} + +.u-bg-blue-80 { + background-color: #ccd8de; +} + +.u-blue-90 { + color: #e6ecee; +} + +.u-bg-blue-90 { + background-color: #e6ecee; +} + +.u-blue-100 { + color: white; +} + +.u-bg-blue-100 { + background-color: white; +} + +.u-green { + color: #a8bd3a; +} + +.u-bg-green { + background-color: #a8bd3a; +} + +.u-green-10 { + color: #b1c44e; +} + +.u-bg-green-10 { + background-color: #b1c44e; +} + +.u-green-20 { + color: #b9ca61; +} + +.u-bg-green-20 { + background-color: #b9ca61; +} + +.u-green-30 { + color: #c2d175; +} + +.u-bg-green-30 { + background-color: #c2d175; +} + +.u-green-40 { + color: #cbd789; +} + +.u-bg-green-40 { + background-color: #cbd789; +} + +.u-green-50 { + color: #d4de9d; +} + +.u-bg-green-50 { + background-color: #d4de9d; +} + +.u-green-60 { + color: #dce5b0; +} + +.u-bg-green-60 { + background-color: #dce5b0; +} + +.u-green-70 { + color: #e5ebc4; +} + +.u-bg-green-70 { + background-color: #e5ebc4; +} + +.u-green-80 { + color: #eef2d8; +} + +.u-bg-green-80 { + background-color: #eef2d8; +} + +.u-green-90 { + color: #f6f8eb; +} + +.u-bg-green-90 { + background-color: #f6f8eb; +} + +.u-green-100 { + color: white; +} + +.u-bg-green-100 { + background-color: white; +} + +/** + * For modern browsers + * 1. The space content is one way to avoid an Opera bug when the + * contenteditable attribute is included anywhere else in the document. + * Otherwise it causes space to appear at the top and bottom of elements + * that are clearfixed. + * 2. The use of `table` rather than `block` is only necessary if using + * `:before` to contain the top-margins of child elements. + */ +.u-cf:before, +.u-cf:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} + +.u-cf:after { + clear: both; +} + +/** + * For IE 6/7 only + * Include this rule to trigger hasLayout and contain floats. + */ +.u-cf { + *zoom: 1; +} + +.u-fr { + float: right; +} + +.u-fr { + float: right; +} + +@media only screen and (min-width: 300px) { + .u-fr\@xs { + float: right; + } +} + +@media only screen and (min-width: 500px) { + .u-fr\@s { + float: right; + } +} + +@media only screen and (min-width: 740px) { + .u-fr\@m { + float: right; + } +} + +@media only screen and (min-width: 980px) { + .u-fr\@l { + float: right; + } +} + +@media only screen and (min-width: 1300px) { + .u-fr\@xl { + float: right; + } +} + +@media only screen and (min-width: 1600px) { + .u-fr\@xxl { + float: right; + } +} + +.u-mt-no { + margin-top: 0 !important; +} + +@media only screen and (min-width: 300px) { + .u-mt-no\@xs { + margin-top: 0 !important; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-no\@s { + margin-top: 0 !important; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-no\@m { + margin-top: 0 !important; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-no\@l { + margin-top: 0 !important; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-no\@xl { + margin-top: 0 !important; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-no\@xxl { + margin-top: 0 !important; + } +} + +.u-mr-no { + margin-right: 0 !important; +} + +@media only screen and (min-width: 300px) { + .u-mr-no\@xs { + margin-right: 0 !important; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-no\@s { + margin-right: 0 !important; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-no\@m { + margin-right: 0 !important; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-no\@l { + margin-right: 0 !important; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-no\@xl { + margin-right: 0 !important; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-no\@xxl { + margin-right: 0 !important; + } +} + +.u-mb-no { + margin-bottom: 0 !important; +} + +@media only screen and (min-width: 300px) { + .u-mb-no\@xs { + margin-bottom: 0 !important; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-no\@s { + margin-bottom: 0 !important; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-no\@m { + margin-bottom: 0 !important; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-no\@l { + margin-bottom: 0 !important; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-no\@xl { + margin-bottom: 0 !important; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-no\@xxl { + margin-bottom: 0 !important; + } +} + +.u-ml-no { + margin-left: 0 !important; +} + +@media only screen and (min-width: 300px) { + .u-ml-no\@xs { + margin-left: 0 !important; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-no\@s { + margin-left: 0 !important; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-no\@m { + margin-left: 0 !important; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-no\@l { + margin-left: 0 !important; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-no\@xl { + margin-left: 0 !important; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-no\@xxl { + margin-left: 0 !important; + } +} + +.u-m-no { + margin: 0 !important; +} + +@media only screen and (min-width: 300px) { + .u-m-no\@xs { + margin: 0 !important; + } +} + +@media only screen and (min-width: 500px) { + .u-m-no\@s { + margin: 0 !important; + } +} + +@media only screen and (min-width: 740px) { + .u-m-no\@m { + margin: 0 !important; + } +} + +@media only screen and (min-width: 980px) { + .u-m-no\@l { + margin: 0 !important; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-no\@xl { + margin: 0 !important; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-no\@xxl { + margin: 0 !important; + } +} + +.u-mt-xs { + margin-top: 9px; + margin-top: 0.5rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-xs\@xs { + margin-top: 0.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-xs\@s { + margin-top: 0.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-xs\@m { + margin-top: 0.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-xs\@l { + margin-top: 0.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-xs\@xl { + margin-top: 0.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-xs\@xxl { + margin-top: 0.5rem; + } +} + +.u-mr-xs { + margin-right: 9px; + margin-right: 0.5rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-xs\@xs { + margin-right: 0.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-xs\@s { + margin-right: 0.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-xs\@m { + margin-right: 0.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-xs\@l { + margin-right: 0.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-xs\@xl { + margin-right: 0.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-xs\@xxl { + margin-right: 0.5rem; + } +} + +.u-mb-xs { + margin-bottom: 9px; + margin-bottom: 0.5rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-xs\@xs { + margin-bottom: 0.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-xs\@s { + margin-bottom: 0.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-xs\@m { + margin-bottom: 0.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-xs\@l { + margin-bottom: 0.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-xs\@xl { + margin-bottom: 0.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-xs\@xxl { + margin-bottom: 0.5rem; + } +} + +.u-ml-xs { + margin-left: 9px; + margin-left: 0.5rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-xs\@xs { + margin-left: 0.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-xs\@s { + margin-left: 0.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-xs\@m { + margin-left: 0.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-xs\@l { + margin-left: 0.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-xs\@xl { + margin-left: 0.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-xs\@xxl { + margin-left: 0.5rem; + } +} + +.u-m-xs { + margin: 9px; + margin: 0.5rem; +} + +@media only screen and (min-width: 300px) { + .u-m-xs\@xs { + margin: 0.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-xs\@s { + margin: 0.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-xs\@m { + margin: 0.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-xs\@l { + margin: 0.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-xs\@xl { + margin: 0.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-xs\@xxl { + margin: 0.5rem; + } +} + +.u-mt-s { + margin-top: 18px; + margin-top: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-s\@xs { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-s\@s { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-s\@m { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-s\@l { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-s\@xl { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-s\@xxl { + margin-top: 1rem; + } +} + +.u-mr-s { + margin-right: 18px; + margin-right: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-s\@xs { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-s\@s { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-s\@m { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-s\@l { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-s\@xl { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-s\@xxl { + margin-right: 1rem; + } +} + +.u-mb-s { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-s\@xs { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-s\@s { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-s\@m { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-s\@l { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-s\@xl { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-s\@xxl { + margin-bottom: 1rem; + } +} + +.u-ml-s { + margin-left: 18px; + margin-left: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-s\@xs { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-s\@s { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-s\@m { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-s\@l { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-s\@xl { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-s\@xxl { + margin-left: 1rem; + } +} + +.u-m-s { + margin: 18px; + margin: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-m-s\@xs { + margin: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-s\@s { + margin: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-s\@m { + margin: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-s\@l { + margin: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-s\@xl { + margin: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-s\@xxl { + margin: 1rem; + } +} + +.u-mt-m { + margin-top: 36px; + margin-top: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-m\@xs { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-m\@s { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-m\@m { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-m\@l { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-m\@xl { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-m\@xxl { + margin-top: 2rem; + } +} + +.u-mr-m { + margin-right: 36px; + margin-right: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-m\@xs { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-m\@s { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-m\@m { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-m\@l { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-m\@xl { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-m\@xxl { + margin-right: 2rem; + } +} + +.u-mb-m { + margin-bottom: 36px; + margin-bottom: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-m\@xs { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-m\@s { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-m\@m { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-m\@l { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-m\@xl { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-m\@xxl { + margin-bottom: 2rem; + } +} + +.u-ml-m { + margin-left: 36px; + margin-left: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-m\@xs { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-m\@s { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-m\@m { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-m\@l { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-m\@xl { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-m\@xxl { + margin-left: 2rem; + } +} + +.u-m-m { + margin: 36px; + margin: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-m-m\@xs { + margin: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-m\@s { + margin: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-m\@m { + margin: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-m\@l { + margin: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-m\@xl { + margin: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-m\@xxl { + margin: 2rem; + } +} + +.u-mt-l { + margin-top: 54px; + margin-top: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-l\@xs { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-l\@s { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-l\@m { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-l\@l { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-l\@xl { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-l\@xxl { + margin-top: 3rem; + } +} + +.u-mr-l { + margin-right: 54px; + margin-right: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-l\@xs { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-l\@s { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-l\@m { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-l\@l { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-l\@xl { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-l\@xxl { + margin-right: 3rem; + } +} + +.u-mb-l { + margin-bottom: 54px; + margin-bottom: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-l\@xs { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-l\@s { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-l\@m { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-l\@l { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-l\@xl { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-l\@xxl { + margin-bottom: 3rem; + } +} + +.u-ml-l { + margin-left: 54px; + margin-left: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-l\@xs { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-l\@s { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-l\@m { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-l\@l { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-l\@xl { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-l\@xxl { + margin-left: 3rem; + } +} + +.u-m-l { + margin: 54px; + margin: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-m-l\@xs { + margin: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-l\@s { + margin: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-l\@m { + margin: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-l\@l { + margin: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-l\@xl { + margin: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-l\@xxl { + margin: 3rem; + } +} + +.u-mt-s { + margin-top: 18px; + margin-top: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-s\@xs { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-s\@s { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-s\@m { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-s\@l { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-s\@xl { + margin-top: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-s\@xxl { + margin-top: 1rem; + } +} + +.u-mr-s { + margin-right: 18px; + margin-right: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-s\@xs { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-s\@s { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-s\@m { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-s\@l { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-s\@xl { + margin-right: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-s\@xxl { + margin-right: 1rem; + } +} + +.u-mb-s { + margin-bottom: 18px; + margin-bottom: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-s\@xs { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-s\@s { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-s\@m { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-s\@l { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-s\@xl { + margin-bottom: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-s\@xxl { + margin-bottom: 1rem; + } +} + +.u-ml-s { + margin-left: 18px; + margin-left: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-s\@xs { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-s\@s { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-s\@m { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-s\@l { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-s\@xl { + margin-left: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-s\@xxl { + margin-left: 1rem; + } +} + +.u-m-s { + margin: 18px; + margin: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-m-s\@xs { + margin: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-s\@s { + margin: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-s\@m { + margin: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-s\@l { + margin: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-s\@xl { + margin: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-s\@xxl { + margin: 1rem; + } +} + +.u-mt-m { + margin-top: 36px; + margin-top: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-m\@xs { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-m\@s { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-m\@m { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-m\@l { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-m\@xl { + margin-top: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-m\@xxl { + margin-top: 2rem; + } +} + +.u-mr-m { + margin-right: 36px; + margin-right: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-m\@xs { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-m\@s { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-m\@m { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-m\@l { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-m\@xl { + margin-right: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-m\@xxl { + margin-right: 2rem; + } +} + +.u-mb-m { + margin-bottom: 36px; + margin-bottom: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-m\@xs { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-m\@s { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-m\@m { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-m\@l { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-m\@xl { + margin-bottom: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-m\@xxl { + margin-bottom: 2rem; + } +} + +.u-ml-m { + margin-left: 36px; + margin-left: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-m\@xs { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-m\@s { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-m\@m { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-m\@l { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-m\@xl { + margin-left: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-m\@xxl { + margin-left: 2rem; + } +} + +.u-m-m { + margin: 36px; + margin: 2rem; +} + +@media only screen and (min-width: 300px) { + .u-m-m\@xs { + margin: 2rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-m\@s { + margin: 2rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-m\@m { + margin: 2rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-m\@l { + margin: 2rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-m\@xl { + margin: 2rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-m\@xxl { + margin: 2rem; + } +} + +.u-mt-l { + margin-top: 54px; + margin-top: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mt-l\@xs { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mt-l\@s { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mt-l\@m { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mt-l\@l { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mt-l\@xl { + margin-top: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mt-l\@xxl { + margin-top: 3rem; + } +} + +.u-mr-l { + margin-right: 54px; + margin-right: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mr-l\@xs { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mr-l\@s { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mr-l\@m { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mr-l\@l { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mr-l\@xl { + margin-right: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mr-l\@xxl { + margin-right: 3rem; + } +} + +.u-mb-l { + margin-bottom: 54px; + margin-bottom: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-mb-l\@xs { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-mb-l\@s { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-mb-l\@m { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-mb-l\@l { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-mb-l\@xl { + margin-bottom: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-mb-l\@xxl { + margin-bottom: 3rem; + } +} + +.u-ml-l { + margin-left: 54px; + margin-left: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-ml-l\@xs { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-ml-l\@s { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-ml-l\@m { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-ml-l\@l { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-ml-l\@xl { + margin-left: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-ml-l\@xxl { + margin-left: 3rem; + } +} + +.u-m-l { + margin: 54px; + margin: 3rem; +} + +@media only screen and (min-width: 300px) { + .u-m-l\@xs { + margin: 3rem; + } +} + +@media only screen and (min-width: 500px) { + .u-m-l\@s { + margin: 3rem; + } +} + +@media only screen and (min-width: 740px) { + .u-m-l\@m { + margin: 3rem; + } +} + +@media only screen and (min-width: 980px) { + .u-m-l\@l { + margin: 3rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-m-l\@xl { + margin: 3rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-m-l\@xxl { + margin: 3rem; + } +} + +.u-fs-xxs { + font-size: 12.6px; + font-size: 0.7rem; +} + +@media only screen and (min-width: 300px) { + .u-fs-xxs\@xs { + font-size: 0.7rem; + } +} + +@media only screen and (min-width: 500px) { + .u-fs-xxs\@s { + font-size: 0.7rem; + } +} + +@media only screen and (min-width: 740px) { + .u-fs-xxs\@m { + font-size: 0.7rem; + } +} + +@media only screen and (min-width: 980px) { + .u-fs-xxs\@l { + font-size: 0.7rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-fs-xxs\@xl { + font-size: 0.7rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-fs-xxs\@xxl { + font-size: 0.7rem; + } +} + +.u-fs-xs { + font-size: 14.4px; + font-size: 0.8rem; +} + +@media only screen and (min-width: 300px) { + .u-fs-xs\@xs { + font-size: 0.8rem; + } +} + +@media only screen and (min-width: 500px) { + .u-fs-xs\@s { + font-size: 0.8rem; + } +} + +@media only screen and (min-width: 740px) { + .u-fs-xs\@m { + font-size: 0.8rem; + } +} + +@media only screen and (min-width: 980px) { + .u-fs-xs\@l { + font-size: 0.8rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-fs-xs\@xl { + font-size: 0.8rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-fs-xs\@xxl { + font-size: 0.8rem; + } +} + +.u-fs-s { + font-size: 16.2px; + font-size: 0.9rem; +} + +@media only screen and (min-width: 300px) { + .u-fs-s\@xs { + font-size: 0.9rem; + } +} + +@media only screen and (min-width: 500px) { + .u-fs-s\@s { + font-size: 0.9rem; + } +} + +@media only screen and (min-width: 740px) { + .u-fs-s\@m { + font-size: 0.9rem; + } +} + +@media only screen and (min-width: 980px) { + .u-fs-s\@l { + font-size: 0.9rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-fs-s\@xl { + font-size: 0.9rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-fs-s\@xxl { + font-size: 0.9rem; + } +} + +.u-fs-m { + font-size: 18px; + font-size: 1rem; +} + +@media only screen and (min-width: 300px) { + .u-fs-m\@xs { + font-size: 1rem; + } +} + +@media only screen and (min-width: 500px) { + .u-fs-m\@s { + font-size: 1rem; + } +} + +@media only screen and (min-width: 740px) { + .u-fs-m\@m { + font-size: 1rem; + } +} + +@media only screen and (min-width: 980px) { + .u-fs-m\@l { + font-size: 1rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-fs-m\@xl { + font-size: 1rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-fs-m\@xxl { + font-size: 1rem; + } +} + +.u-fs-l { + font-size: 27px; + font-size: 1.5rem; +} + +@media only screen and (min-width: 300px) { + .u-fs-l\@xs { + font-size: 1.5rem; + } +} + +@media only screen and (min-width: 500px) { + .u-fs-l\@s { + font-size: 1.5rem; + } +} + +@media only screen and (min-width: 740px) { + .u-fs-l\@m { + font-size: 1.5rem; + } +} + +@media only screen and (min-width: 980px) { + .u-fs-l\@l { + font-size: 1.5rem; + } +} + +@media only screen and (min-width: 1300px) { + .u-fs-l\@xl { + font-size: 1.5rem; + } +} + +@media only screen and (min-width: 1600px) { + .u-fs-l\@xxl { + font-size: 1.5rem; + } +} + +.u-fw-b { + font-weight: 700; +} + +.u-fw-n { + font-weight: normal; +} + +.u-fs-i { + font-style: italic; +} + +.u-ta-c { + text-align: center; +} + +@media only screen and (min-width: 300px) { + .u-ta-c\@xs { + text-align: center; + } +} + +@media only screen and (min-width: 500px) { + .u-ta-c\@s { + text-align: center; + } +} + +@media only screen and (min-width: 740px) { + .u-ta-c\@m { + text-align: center; + } +} + +@media only screen and (min-width: 980px) { + .u-ta-c\@l { + text-align: center; + } +} + +@media only screen and (min-width: 1300px) { + .u-ta-c\@xl { + text-align: center; + } +} + +@media only screen and (min-width: 1600px) { + .u-ta-c\@xxl { + text-align: center; + } +} + +.u-lighter { + color: #595959; +} + +.u-ar { + text-align: right; +} + +.u-dib { + display: inline-block; + *display: inline; + *zoom: 1; +} + +.u-db { + display: block; +} + +.no-js .u-no-js-hide { + display: none; +} + +.u-hidden { + display: none !important; + visibility: hidden; +} + +.u-visuallyhidden, +.u-vh { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.u-visuallyhidden.u-focusable:active, +.u-vh.u-focusable:active, +.u-visuallyhidden.u-focusable:focus, +.u-vh.u-focusable:focus { + clip: auto; + height: auto; + margin: 0; + overflow: visible; + position: static; + width: auto; +} + +.u-invisible { + visibility: hidden; +} + +.u-ir { + background-color: transparent; + border: 0; + overflow: hidden; + *text-indent: -9999px; +} + +.u-ir:before { + content: ""; + display: block; + width: 0; + height: 150%; +} diff --git a/css/responsive.min.css b/css/responsive.min.css new file mode 100644 index 0000000000..750dc74eb0 --- /dev/null +++ b/css/responsive.min.css @@ -0,0 +1,2 @@ +article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace;_font-family:courier new,monospace;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019";quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.container{max-width:900px;max-width:50rem;margin:0 auto;padding:0 18px;padding:0 1rem}.container,.grid{box-sizing:border-box}.grid{font-size:0;margin-left:-18px;margin-left:-1rem}.grid--float{letter-spacing:0}.grid--center{text-align:center}.grid--center .grid__col{text-align:left}.grid--center-all{text-align:center}.grid--reverse{direction:rtl}.grid--reverse .grid__col{direction:ltr}.grid--spaced .grid__col{margin-bottom:18px;margin-bottom:1rem}.grid--spaced.grid--tight .grid__col{margin-bottom:9px;margin-bottom:.5rem}.grid--align-mid .grid__col{vertical-align:middle}.grid--stagger-align .grid__col:nth-of-type(1n){text-align:right}.grid--stagger-align .grid__col:nth-of-type(2n){text-align:left}.grid--tight{margin-left:-9px;margin-left:-.5rem}.grid--tight .grid__col{padding-left:9px;padding-left:.5rem}.grid--gutterless{margin-left:0}.grid--gutterless .grid__col{padding-left:0}.grid--pixelgutter{margin-left:1px}.grid--pixelgutter .grid__col{padding-left:1px;margin-bottom:1px}.grid--flex{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.grid--flex,.grid--flex .grid__col{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid--flex.grid--center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.grid__col{display:inline-block;width:100%;vertical-align:top;box-sizing:border-box;background-clip:content-box;font-size:initial;padding-left:18px;padding-left:1rem;*display:inline;*zoom:1}.grid--float .grid__col{float:left;display:block}@media only screen and (min-width:300px){.col-1\@xs{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@xs{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:500px){.col-1\@s{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@s{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:740px){.col-1\@m{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@m{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:980px){.col-1\@l{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@l{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:1300px){.col-1\@xl{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@xl{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:1600px){.col-1\@xxl{width:8.33333%;width:calc(100% / 12)}.grid--flex .col-1\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}}@media only screen and (min-width:300px){.push-1\@xs{position:relative;left:8.33333%}}@media only screen and (min-width:500px){.push-1\@s{position:relative;left:8.33333%}}@media only screen and (min-width:740px){.push-1\@m{position:relative;left:8.33333%}}@media only screen and (min-width:980px){.push-1\@l{position:relative;left:8.33333%}}@media only screen and (min-width:1300px){.push-1\@xl{position:relative;left:8.33333%}}@media only screen and (min-width:1600px){.push-1\@xxl{position:relative;left:8.33333%}}@media only screen and (min-width:300px){.pull-1\@xs{position:relative;left:-8.33333%}}@media only screen and (min-width:500px){.pull-1\@s{position:relative;left:-8.33333%}}@media only screen and (min-width:740px){.pull-1\@m{position:relative;left:-8.33333%}}@media only screen and (min-width:980px){.pull-1\@l{position:relative;left:-8.33333%}}@media only screen and (min-width:1300px){.pull-1\@xl{position:relative;left:-8.33333%}}@media only screen and (min-width:1600px){.pull-1\@xxl{position:relative;left:-8.33333%}}@media only screen and (min-width:300px){.col-2\@xs{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@xs{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:500px){.col-2\@s{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@s{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:740px){.col-2\@m{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@m{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:980px){.col-2\@l{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@l{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:1300px){.col-2\@xl{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@xl{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:1600px){.col-2\@xxl{width:16.66667%;width:calc(100% / 6)}.grid--flex .col-2\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}}@media only screen and (min-width:300px){.push-2\@xs{position:relative;left:16.66667%}}@media only screen and (min-width:500px){.push-2\@s{position:relative;left:16.66667%}}@media only screen and (min-width:740px){.push-2\@m{position:relative;left:16.66667%}}@media only screen and (min-width:980px){.push-2\@l{position:relative;left:16.66667%}}@media only screen and (min-width:1300px){.push-2\@xl{position:relative;left:16.66667%}}@media only screen and (min-width:1600px){.push-2\@xxl{position:relative;left:16.66667%}}@media only screen and (min-width:300px){.pull-2\@xs{position:relative;left:-16.66667%}}@media only screen and (min-width:500px){.pull-2\@s{position:relative;left:-16.66667%}}@media only screen and (min-width:740px){.pull-2\@m{position:relative;left:-16.66667%}}@media only screen and (min-width:980px){.pull-2\@l{position:relative;left:-16.66667%}}@media only screen and (min-width:1300px){.pull-2\@xl{position:relative;left:-16.66667%}}@media only screen and (min-width:1600px){.pull-2\@xxl{position:relative;left:-16.66667%}}@media only screen and (min-width:300px){.col-3\@xs{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@xs{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:500px){.col-3\@s{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@s{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:740px){.col-3\@m{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@m{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:980px){.col-3\@l{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@l{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:1300px){.col-3\@xl{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@xl{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:1600px){.col-3\@xxl{width:25%;width:calc(100% / 4)}.grid--flex .col-3\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}}@media only screen and (min-width:300px){.push-3\@xs{position:relative;left:25%}}@media only screen and (min-width:500px){.push-3\@s{position:relative;left:25%}}@media only screen and (min-width:740px){.push-3\@m{position:relative;left:25%}}@media only screen and (min-width:980px){.push-3\@l{position:relative;left:25%}}@media only screen and (min-width:1300px){.push-3\@xl{position:relative;left:25%}}@media only screen and (min-width:1600px){.push-3\@xxl{position:relative;left:25%}}@media only screen and (min-width:300px){.pull-3\@xs{position:relative;left:-25%}}@media only screen and (min-width:500px){.pull-3\@s{position:relative;left:-25%}}@media only screen and (min-width:740px){.pull-3\@m{position:relative;left:-25%}}@media only screen and (min-width:980px){.pull-3\@l{position:relative;left:-25%}}@media only screen and (min-width:1300px){.pull-3\@xl{position:relative;left:-25%}}@media only screen and (min-width:1600px){.pull-3\@xxl{position:relative;left:-25%}}@media only screen and (min-width:300px){.col-4\@xs{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@xs{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:500px){.col-4\@s{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@s{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:740px){.col-4\@m{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@m{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:980px){.col-4\@l{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@l{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:1300px){.col-4\@xl{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@xl{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:1600px){.col-4\@xxl{width:33.33333%;width:calc(100% / 3)}.grid--flex .col-4\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}}@media only screen and (min-width:300px){.push-4\@xs{position:relative;left:33.33333%}}@media only screen and (min-width:500px){.push-4\@s{position:relative;left:33.33333%}}@media only screen and (min-width:740px){.push-4\@m{position:relative;left:33.33333%}}@media only screen and (min-width:980px){.push-4\@l{position:relative;left:33.33333%}}@media only screen and (min-width:1300px){.push-4\@xl{position:relative;left:33.33333%}}@media only screen and (min-width:1600px){.push-4\@xxl{position:relative;left:33.33333%}}@media only screen and (min-width:300px){.pull-4\@xs{position:relative;left:-33.33333%}}@media only screen and (min-width:500px){.pull-4\@s{position:relative;left:-33.33333%}}@media only screen and (min-width:740px){.pull-4\@m{position:relative;left:-33.33333%}}@media only screen and (min-width:980px){.pull-4\@l{position:relative;left:-33.33333%}}@media only screen and (min-width:1300px){.pull-4\@xl{position:relative;left:-33.33333%}}@media only screen and (min-width:1600px){.pull-4\@xxl{position:relative;left:-33.33333%}}@media only screen and (min-width:300px){.col-5\@xs{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@xs{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:500px){.col-5\@s{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@s{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:740px){.col-5\@m{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@m{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:980px){.col-5\@l{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@l{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:1300px){.col-5\@xl{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@xl{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:1600px){.col-5\@xxl{width:41.66667%;width:calc(100% / 2.4)}.grid--flex .col-5\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}}@media only screen and (min-width:300px){.push-5\@xs{position:relative;left:41.66667%}}@media only screen and (min-width:500px){.push-5\@s{position:relative;left:41.66667%}}@media only screen and (min-width:740px){.push-5\@m{position:relative;left:41.66667%}}@media only screen and (min-width:980px){.push-5\@l{position:relative;left:41.66667%}}@media only screen and (min-width:1300px){.push-5\@xl{position:relative;left:41.66667%}}@media only screen and (min-width:1600px){.push-5\@xxl{position:relative;left:41.66667%}}@media only screen and (min-width:300px){.pull-5\@xs{position:relative;left:-41.66667%}}@media only screen and (min-width:500px){.pull-5\@s{position:relative;left:-41.66667%}}@media only screen and (min-width:740px){.pull-5\@m{position:relative;left:-41.66667%}}@media only screen and (min-width:980px){.pull-5\@l{position:relative;left:-41.66667%}}@media only screen and (min-width:1300px){.pull-5\@xl{position:relative;left:-41.66667%}}@media only screen and (min-width:1600px){.pull-5\@xxl{position:relative;left:-41.66667%}}@media only screen and (min-width:300px){.col-6\@xs{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@xs{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:500px){.col-6\@s{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@s{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:740px){.col-6\@m{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@m{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:980px){.col-6\@l{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@l{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:1300px){.col-6\@xl{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@xl{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:1600px){.col-6\@xxl{width:50%;width:calc(100% / 2)}.grid--flex .col-6\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media only screen and (min-width:300px){.push-6\@xs{position:relative;left:50%}}@media only screen and (min-width:500px){.push-6\@s{position:relative;left:50%}}@media only screen and (min-width:740px){.push-6\@m{position:relative;left:50%}}@media only screen and (min-width:980px){.push-6\@l{position:relative;left:50%}}@media only screen and (min-width:1300px){.push-6\@xl{position:relative;left:50%}}@media only screen and (min-width:1600px){.push-6\@xxl{position:relative;left:50%}}@media only screen and (min-width:300px){.pull-6\@xs{position:relative;left:-50%}}@media only screen and (min-width:500px){.pull-6\@s{position:relative;left:-50%}}@media only screen and (min-width:740px){.pull-6\@m{position:relative;left:-50%}}@media only screen and (min-width:980px){.pull-6\@l{position:relative;left:-50%}}@media only screen and (min-width:1300px){.pull-6\@xl{position:relative;left:-50%}}@media only screen and (min-width:1600px){.pull-6\@xxl{position:relative;left:-50%}}@media only screen and (min-width:300px){.col-7\@xs{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@xs{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:500px){.col-7\@s{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@s{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:740px){.col-7\@m{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@m{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:980px){.col-7\@l{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@l{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:1300px){.col-7\@xl{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@xl{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:1600px){.col-7\@xxl{width:58.33333%;width:calc(100% / 1.71429)}.grid--flex .col-7\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}}@media only screen and (min-width:300px){.push-7\@xs{position:relative;left:58.33333%}}@media only screen and (min-width:500px){.push-7\@s{position:relative;left:58.33333%}}@media only screen and (min-width:740px){.push-7\@m{position:relative;left:58.33333%}}@media only screen and (min-width:980px){.push-7\@l{position:relative;left:58.33333%}}@media only screen and (min-width:1300px){.push-7\@xl{position:relative;left:58.33333%}}@media only screen and (min-width:1600px){.push-7\@xxl{position:relative;left:58.33333%}}@media only screen and (min-width:300px){.pull-7\@xs{position:relative;left:-58.33333%}}@media only screen and (min-width:500px){.pull-7\@s{position:relative;left:-58.33333%}}@media only screen and (min-width:740px){.pull-7\@m{position:relative;left:-58.33333%}}@media only screen and (min-width:980px){.pull-7\@l{position:relative;left:-58.33333%}}@media only screen and (min-width:1300px){.pull-7\@xl{position:relative;left:-58.33333%}}@media only screen and (min-width:1600px){.pull-7\@xxl{position:relative;left:-58.33333%}}@media only screen and (min-width:300px){.col-8\@xs{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@xs{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:500px){.col-8\@s{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@s{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:740px){.col-8\@m{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@m{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:980px){.col-8\@l{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@l{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:1300px){.col-8\@xl{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@xl{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:1600px){.col-8\@xxl{width:66.66667%;width:calc(100% / 1.5)}.grid--flex .col-8\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}}@media only screen and (min-width:300px){.push-8\@xs{position:relative;left:66.66667%}}@media only screen and (min-width:500px){.push-8\@s{position:relative;left:66.66667%}}@media only screen and (min-width:740px){.push-8\@m{position:relative;left:66.66667%}}@media only screen and (min-width:980px){.push-8\@l{position:relative;left:66.66667%}}@media only screen and (min-width:1300px){.push-8\@xl{position:relative;left:66.66667%}}@media only screen and (min-width:1600px){.push-8\@xxl{position:relative;left:66.66667%}}@media only screen and (min-width:300px){.pull-8\@xs{position:relative;left:-66.66667%}}@media only screen and (min-width:500px){.pull-8\@s{position:relative;left:-66.66667%}}@media only screen and (min-width:740px){.pull-8\@m{position:relative;left:-66.66667%}}@media only screen and (min-width:980px){.pull-8\@l{position:relative;left:-66.66667%}}@media only screen and (min-width:1300px){.pull-8\@xl{position:relative;left:-66.66667%}}@media only screen and (min-width:1600px){.pull-8\@xxl{position:relative;left:-66.66667%}}@media only screen and (min-width:300px){.col-9\@xs{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@xs{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:500px){.col-9\@s{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@s{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:740px){.col-9\@m{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@m{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:980px){.col-9\@l{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@l{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:1300px){.col-9\@xl{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@xl{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:1600px){.col-9\@xxl{width:75%;width:calc(100% / 1.33333)}.grid--flex .col-9\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}}@media only screen and (min-width:300px){.push-9\@xs{position:relative;left:75%}}@media only screen and (min-width:500px){.push-9\@s{position:relative;left:75%}}@media only screen and (min-width:740px){.push-9\@m{position:relative;left:75%}}@media only screen and (min-width:980px){.push-9\@l{position:relative;left:75%}}@media only screen and (min-width:1300px){.push-9\@xl{position:relative;left:75%}}@media only screen and (min-width:1600px){.push-9\@xxl{position:relative;left:75%}}@media only screen and (min-width:300px){.pull-9\@xs{position:relative;left:-75%}}@media only screen and (min-width:500px){.pull-9\@s{position:relative;left:-75%}}@media only screen and (min-width:740px){.pull-9\@m{position:relative;left:-75%}}@media only screen and (min-width:980px){.pull-9\@l{position:relative;left:-75%}}@media only screen and (min-width:1300px){.pull-9\@xl{position:relative;left:-75%}}@media only screen and (min-width:1600px){.pull-9\@xxl{position:relative;left:-75%}}@media only screen and (min-width:300px){.col-10\@xs{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@xs{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:500px){.col-10\@s{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@s{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:740px){.col-10\@m{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@m{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:980px){.col-10\@l{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@l{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:1300px){.col-10\@xl{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@xl{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:1600px){.col-10\@xxl{width:83.33333%;width:calc(100% / 1.2)}.grid--flex .col-10\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}}@media only screen and (min-width:300px){.push-10\@xs{position:relative;left:83.33333%}}@media only screen and (min-width:500px){.push-10\@s{position:relative;left:83.33333%}}@media only screen and (min-width:740px){.push-10\@m{position:relative;left:83.33333%}}@media only screen and (min-width:980px){.push-10\@l{position:relative;left:83.33333%}}@media only screen and (min-width:1300px){.push-10\@xl{position:relative;left:83.33333%}}@media only screen and (min-width:1600px){.push-10\@xxl{position:relative;left:83.33333%}}@media only screen and (min-width:300px){.pull-10\@xs{position:relative;left:-83.33333%}}@media only screen and (min-width:500px){.pull-10\@s{position:relative;left:-83.33333%}}@media only screen and (min-width:740px){.pull-10\@m{position:relative;left:-83.33333%}}@media only screen and (min-width:980px){.pull-10\@l{position:relative;left:-83.33333%}}@media only screen and (min-width:1300px){.pull-10\@xl{position:relative;left:-83.33333%}}@media only screen and (min-width:1600px){.pull-10\@xxl{position:relative;left:-83.33333%}}@media only screen and (min-width:300px){.col-11\@xs{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@xs{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:500px){.col-11\@s{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@s{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:740px){.col-11\@m{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@m{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:980px){.col-11\@l{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@l{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:1300px){.col-11\@xl{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@xl{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:1600px){.col-11\@xxl{width:91.66667%;width:calc(100% / 1.09091)}.grid--flex .col-11\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}}@media only screen and (min-width:300px){.push-11\@xs{position:relative;left:91.66667%}}@media only screen and (min-width:500px){.push-11\@s{position:relative;left:91.66667%}}@media only screen and (min-width:740px){.push-11\@m{position:relative;left:91.66667%}}@media only screen and (min-width:980px){.push-11\@l{position:relative;left:91.66667%}}@media only screen and (min-width:1300px){.push-11\@xl{position:relative;left:91.66667%}}@media only screen and (min-width:1600px){.push-11\@xxl{position:relative;left:91.66667%}}@media only screen and (min-width:300px){.pull-11\@xs{position:relative;left:-91.66667%}}@media only screen and (min-width:500px){.pull-11\@s{position:relative;left:-91.66667%}}@media only screen and (min-width:740px){.pull-11\@m{position:relative;left:-91.66667%}}@media only screen and (min-width:980px){.pull-11\@l{position:relative;left:-91.66667%}}@media only screen and (min-width:1300px){.pull-11\@xl{position:relative;left:-91.66667%}}@media only screen and (min-width:1600px){.pull-11\@xxl{position:relative;left:-91.66667%}}@media only screen and (min-width:300px){.col-12\@xs{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@xs{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:500px){.col-12\@s{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@s{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:740px){.col-12\@m{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@m{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:980px){.col-12\@l{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@l{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1300px){.col-12\@xl{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@xl{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1600px){.col-12\@xxl{width:100%;width:calc(100% / 1)}.grid--flex .col-12\@xxl{-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media only screen and (min-width:300px){.push-12\@xs{position:relative;left:100%}}@media only screen and (min-width:500px){.push-12\@s{position:relative;left:100%}}@media only screen and (min-width:740px){.push-12\@m{position:relative;left:100%}}@media only screen and (min-width:980px){.push-12\@l{position:relative;left:100%}}@media only screen and (min-width:1300px){.push-12\@xl{position:relative;left:100%}}@media only screen and (min-width:1600px){.push-12\@xxl{position:relative;left:100%}}@media only screen and (min-width:300px){.pull-12\@xs{position:relative;left:-100%}}@media only screen and (min-width:500px){.pull-12\@s{position:relative;left:-100%}}@media only screen and (min-width:740px){.pull-12\@m{position:relative;left:-100%}}@media only screen and (min-width:980px){.pull-12\@l{position:relative;left:-100%}}@media only screen and (min-width:1300px){.pull-12\@xl{position:relative;left:-100%}}@media only screen and (min-width:1600px){.pull-12\@xxl{position:relative;left:-100%}}@media only screen and (min-width:300px){.nopull-\@xs{left:0}}@media only screen and (min-width:500px){.nopull-\@s{left:0}}@media only screen and (min-width:740px){.nopull-\@m{left:0}}@media only screen and (min-width:980px){.nopull-\@l{left:0}}@media only screen and (min-width:1300px){.nopull-\@xl{left:0}}@media only screen and (min-width:1600px){.nopull-\@xxl{left:0}}@media only screen and (min-width:300px){.nopush-\@xs{left:0}}@media only screen and (min-width:500px){.nopush-\@s{left:0}}@media only screen and (min-width:740px){.nopush-\@m{left:0}}@media only screen and (min-width:980px){.nopush-\@l{left:0}}@media only screen and (min-width:1300px){.nopush-\@xl{left:0}}@media only screen and (min-width:1600px){.nopush-\@xxl{left:0}}.u-debug-grid .grid{position:relative}.u-debug-grid .grid:before{position:absolute;top:0;right:0;left:18px;left:1rem;bottom:0;content:"";background-clip:content-box}.u-debug-grid .grid:before,.u-debug-grid .grid__col{background-color:rgba(0,0,0,.05)}input::-webkit-input-placeholder{color:#bfbfbf;font-weight:400}input::-moz-placeholder{color:#bfbfbf;font-weight:400}input:-ms-input-placeholder{color:#bfbfbf;font-weight:400}input::placeholder{color:#bfbfbf;font-weight:400}input:focus::-webkit-input-placeholder{color:#8c8c8c}input:focus::-moz-placeholder{color:#8c8c8c}input:focus:-ms-input-placeholder{color:#8c8c8c}input:focus::placeholder{color:#8c8c8c}fieldset,legend{padding:0;margin:0;border:none}fieldset{width:100%}legend{float:left;clear:both}.lt-ie8 legend{margin-left:-7px}input{box-sizing:border-box}::-webkit-inner-spin-button{display:none}input[type=number]{-moz-appearance:textfield}*,:after,:before{box-sizing:inherit}html{width:100%;height:100%;box-sizing:border-box}body{margin:0;background:#e4e8eb}img{vertical-align:middle;max-width:100%;height:auto}a{color:#003d59}a,a:hover{text-decoration:underline}[role=main]:focus,main:focus{outline:none}.svg-icons--caret-bottom,.svg-icons--caret-left,.svg-icons--caret-right,.svg-icons--caret-top,.svg-icons--check,.svg-icons--chevron-bottom,.svg-icons--chevron-down,.svg-icons--chevron-left,.svg-icons--chevron-right,.svg-icons--chevron-top,.svg-icons--circle-check,.svg-icons--circle-x,.svg-icons--external-link,.svg-icons--info,.svg-icons--info-circle,.svg-icons--phone,.svg-icons--right-arrow,.svg-logo{background:url(app/static/img/sprite.svg) no-repeat}.svg-icons--caret-bottom{background-position:27.083333333333332% 0}.svg-icons--caret-bottom-dims{width:52px;height:36px}.svg-icons--caret-left{background-position:75% 0}.svg-icons--caret-left-dims{width:36px;height:52px}.svg-icons--caret-right{background-position:0 28.972789115646258%}.svg-icons--caret-right-dims{width:36px;height:52px}.svg-icons--caret-top{background-position:18.75% 26.206005414718188%}.svg-icons--caret-top-dims{width:52px;height:36.48px}.svg-icons--check{background-position:54.166666666666664% 0}.svg-icons--check-dims{width:52px;height:45.41px}.svg-icons--chevron-bottom{background-position:54.166666666666664% 29.03267054536155%}.svg-icons--chevron-bottom-dims{width:52px;height:42.59px}.svg-icons--chevron-down{background-position:71.7948717948718% 90.48765432098766%}.svg-icons--chevron-down-dims{width:49px;height:37px}.svg-icons--chevron-left{background-position:19.557122287870513% 64.34693877551021%}.svg-icons--chevron-left-dims{width:42.59px;height:52px}.svg-icons--chevron-right{background-position:40.7030435430217% 64.34693877551021%}.svg-icons--chevron-right-dims{width:42.59px;height:52px}.svg-icons--chevron-top{background-position:0 0}.svg-icons--chevron-top-dims{width:52px;height:42.59px}.svg-icons--circle-check{background-position:100% 0}.svg-icons--circle-check-dims{width:52px;height:52px}.svg-icons--circle-x{background-position:100% 35.374149659863946%}.svg-icons--circle-x-dims{width:52px;height:52px}.svg-icons--external-link{background-position:0 99.72108843537416%}.svg-icons--external-link-dims{width:51.06px;height:52px}.svg-icons--info{background-position:24.659518980005796% 99.72108843537416%}.svg-icons--info-dims{width:36.94px;height:52px}.svg-icons--info-circle{background-position:45.833333333333336% 99.72108843537416%}.svg-icons--info-circle-dims{width:52px;height:52px}.svg-icons--phone{background-position:75% 31.901840490797547%}.svg-icons--phone-dims{width:36px;height:36px}.svg-icons--right-arrow{background-position:0 64.34693877551021%}.svg-icons--right-arrow-dims{width:39.39px;height:52px}.svg-logo{background-position:100% 60.237474659716185%}.svg-logo-dims{width:52px;height:26.35px}table{width:100%;margin-bottom:20px}table th{text-align:left}table>thead{border-bottom:2px solid #e4e8eb}td,th{padding:15px 0;word-wrap:normal;line-height:1;vertical-align:top;border-bottom:thin solid #e4e8eb}html{font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}@media only screen and (min-width:300px) and (max-width:500px){html{font-size:16px}}body{font-family:Open Sans,Helvetica Neue,Arial,sans-serif;color:#222}p{max-width:900px;max-width:50rem;margin:0 0 18px;margin:0 0 1rem}.h1,h1{font-size:36px;font-size:2rem;font-weight:700}.h2,h2{font-size:30.599px;font-size:1.7rem}.h2,.h3,h2,h3{font-weight:600}.h3,h3{font-size:23.4px;font-size:1.3rem}.h4,h4{font-size:16.2px;font-size:.9rem;font-weight:700}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5{margin:0 0 18px;margin:0 0 1rem;line-height:1.2}code{font-size:14.4px;font-size:.8rem}ul{margin-bottom:27px;margin-bottom:1.5rem}li{margin-bottom:5.399px;margin-bottom:.3rem}.container{padding:0 9px;padding:0 .5rem}@media only screen and (min-width:740px){.container{padding:0 1rem}}.grid--align-bottom .grid__col{vertical-align:bottom}.grid__col{font-size:18px;font-size:1rem}.header{margin:18px 0;margin:1rem 0}@media only screen and (min-width:500px){.header{text-align:center;margin:2rem 0}}.header__title{font-size:25.2px;font-size:1.4rem;font-weight:700}@media only screen and (min-width:500px){.header__title{font-size:1.7rem}}.header__subtitle{font-size:19.8px;font-size:1.1rem;font-weight:400}.list--bare{list-style:none;margin:0;padding:0}.panel{background:#fff;border-radius:3px;box-shadow:0 -1px 2px rgba(0,0,0,.1)}.panel__header{border-bottom:1px solid #e4e8eb;padding:18px;padding:1rem}@media only screen and (min-width:740px){.panel__header{padding:2rem 4rem}}.panel__body{padding:18px;padding:1rem}@media only screen and (min-width:740px){.panel__body{padding:2rem 4rem}}.section{margin:18px 0;margin:1rem 0;padding:9px 0;padding:.5rem 0;border-bottom:1px solid #e4e8eb}@media only screen and (min-width:500px){.section{padding:2rem 0}}.section:first-of-type{padding-top:0;margin-top:0}.section__title{font-size:21.599px;font-size:1.2rem;font-weight:700}@media only screen and (min-width:500px){.section__title{padding:0 1rem;font-size:1.4rem}}@media only screen and (min-width:500px){.section__description{padding:0 1rem}}.accordion{display:block;border:1px solid #ccc;border-radius:3px;overflow:hidden}.accordion__item{overflow:hidden;border-bottom:1px solid #ccc}.accordion__item:last-of-type{margin-bottom:-1px}.accordion__item.is-closed{border:none}.accordion__head{background:#f5f5f5;padding:9px;padding:.5rem;cursor:pointer;border:none;border-bottom:1px solid #ccc;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;line-height:1}@media only screen and (min-width:500px){.accordion__head{padding:1rem}}.has-js .accordion__head:focus{-webkit-transition:background .1s ease-out;transition:background .1s ease-out;background:#e4e8eb;outline:none}.has-js .is-closed .accordion__title:before{content:"+"}.accordion__title{margin:0;display:inline-block;font-size:18px;font-size:1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;*display:inline}.accordion__title,.accordion__title:before{font-weight:700;vertical-align:middle;*zoom:1}.accordion__title:before{font-family:monospace;content:"-";display:inline-block;margin-right:9px;margin-right:.5rem;font-size:16.2px;font-size:.9rem;*display:inline}.accordion__body{overflow:hidden}.is-closed .accordion__body{display:none}.accordion__content{font-size:18px;font-size:1rem;padding:13.5px;padding:.75rem}@media only screen and (min-width:500px){.accordion__content{padding:1rem}}.address{font-size:14.4px;font-size:.8rem;line-height:1.5;text-transform:uppercase}.alert{border-radius:3px;margin:0 0 36px;margin:0 0 2rem}.alert__header{padding:9px 18px;padding:.5rem 1rem;border-radius:3px 3px 0 0}.alert__header,.alert__title{font-size:16.2px;font-size:.9rem;font-weight:700;color:#fff;margin:0}.alert__title{padding:0}.alert__body{padding:18px;padding:1rem}.alert--error{border:1px solid #c50b0b}.alert--error .alert__header{background:#c50b0b}.alert--error .alert__body{background:#f9e7e7}.bar{background:#222;color:#fff;padding:5.399px 0;padding:.3rem 0;margin-bottom:9px;margin-bottom:.5rem}@media only screen and (min-width:740px){.bar{padding:1rem 0;margin-bottom:3rem}}.bar__inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1.2}.bar__title{font-size:14.4px;font-size:.8rem;font-weight:600;margin-bottom:0;display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.box{text-align:center;padding:36px 18px;padding:2rem 1rem;border:1px solid #ccc;border-radius:3px;max-width:32em;margin:0 auto;position:relative}.boxw.confirm:before{background:url(/s/img/icons/icons--check.svg) no-repeat 50%;background-color:#fff;background-size:2rem;content:"";position:absolute;top:-22.5px;top:-1.25rem;left:0;right:0;bottom:auto;margin:auto;width:45px;width:2.5rem;height:45px;height:2.5rem;border:2px solid #ccc;border-radius:100%}.btn{background-color:#a8bd3a;border:none;padding:9px 18px;margin:0 0 18px;border-radius:3px;display:inline-block;font-size:16.2px;font-size:.9rem;font-weight:600;text-rendering:optimizeLegibility;*display:inline;*zoom:1}.btn,.btn:focus,.btn:hover{color:#fff;text-decoration:none}.btn:focus,.btn:hover{background-color:#97a934}.btn--secondary{background-color:#003d59;color:#fff;border:none;padding:9px 18px;margin:0 0 18px;border-radius:3px;display:inline-block;font-size:16.2px;font-size:.9rem;font-weight:600;text-rendering:optimizeLegibility;text-decoration:none;*display:inline;*zoom:1}.btn--secondary:focus,.btn--secondary:hover{text-decoration:none;color:#fff;background-color:#002c40}.btn--neutral{background-color:#9b9b9b;color:#fff;border:none;padding:9px 18px;margin:0 0 18px;border-radius:3px;display:inline-block;font-size:16.2px;font-size:.9rem;font-weight:600;text-rendering:optimizeLegibility;text-decoration:none;*display:inline;*zoom:1}.btn--neutral:focus,.btn--neutral:hover{text-decoration:none;color:#fff;background-color:#8e8e8e}.btn-group{font-size:0}.btn-group .btn{display:inline-block;margin-right:18px;*display:inline;*zoom:1}.btn-group .btn:last-of-type{margin-right:0}.btn-group__btn{display:inline-block;*display:inline;*zoom:1}.dl{border:1px solid #ccc;font-size:0;margin-bottom:36px;margin-bottom:2rem;overflow:hidden;border-radius:3px}@media only screen and (min-width:500px){.dl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}}.dl .dd,.dl .dt{padding:9px;padding:.5rem;margin:0;font-size:16.2px;font-size:.9rem;border-bottom:1px solid #ccc}.dl .dd:nth-last-of-type(-n+1),.dl .dt:nth-last-of-type(-n+1){border-bottom:none}.dl .dd.fw,.dl .dt.fw{display:block;width:100%;-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none;border:none;text-align:left;border-bottom:1px solid #ccc}.dl .dd.fw.dd,.dl .dt.fw.dd{border:none}.lt-ie8 .dl .dd.fw,.lt-ie8 .dl .dt.fw{width:100%!important}@media only screen and (min-width:500px){.dl .dd,.dl .dt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1rem;padding:1rem}}.lt-ie8 .dl .dd,.lt-ie8 .dl .dt{min-height:54px;min-height:3rem}.dl .dt{width:100%}@media only screen and (min-width:500px){.dl .dt{width:70%;max-width:100%}}.lt-ie8 .dl .dt{width:60%}.dl .dt div{width:100%;margin:0}.dl .dd{background:#fbfbfb}@media only screen and (min-width:500px){.dl .dd{width:30%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-left:1px solid #ccc}}.guidance{margin:0}.guidance__link{line-height:1;color:#222;font-size:17.099px;font-size:.95rem;padding-right:9px;padding-right:.5rem}.guidance__link,.guidance__link span{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.guidance__link span{font-size:14.4px;font-size:.8rem}.guidance__link:before{speak:none;content:"";background:url(/s/img/icons/icons--info-circle.svg) no-repeat 50%;background-size:100%;text-align:center;width:36px;width:2rem;height:36px;height:2rem;vertical-align:middle;display:inline-block;*display:inline;*zoom:1}.no-js .guidance__link{display:none}.guidance__main{overflow:hidden;width:100%;border-radius:3px;opacity:0;-webkit-transition:all 0;transition:all 0;max-height:0}.is-expanded .guidance__main,.no-js .guidance__main{max-height:10000em;height:auto;opacity:1;-webkit-transition:opacity .3s ease-out,max-height .3s ease-out;transition:opacity .3s ease-out,max-height .3s ease-out}.guidance__content{padding:0;font-size:16.2px;font-size:.9rem;width:100%;display:table;table-layout:fixed;margin-top:18px;margin-top:1rem}@media only screen and (min-width:500px){.guidance__content div{display:table-cell}.guidance__content div:first-of-type{padding-left:.25rem;padding-right:.5rem}.guidance__content div:last-of-type{padding-left:1rem}}.guidance__content div ul{padding-left:18px;padding-left:1rem}@media only screen and (min-width:500px){.guidance__content div ul{margin-bottom:0}}.lt-ie8 .guidance__content div ul{margin-bottom:18px;margin-bottom:1rem}.info{display:block;font-size:16.2px;font-size:.9rem}@media only screen and (min-width:740px){.info{font-size:1rem}}.info__title{margin:0}.info__tel,.info__title{display:inline-block;font-size:1em;*display:inline;*zoom:1}.info__tel{line-height:1;margin-left:1em}.info__tel:before{content:"";display:inline-block;vertical-align:middle;background:url(/s/img/icons/icons--phone.svg) no-repeat 50%;width:1.5em;height:1.5em;background-size:2.5em;*display:inline;*zoom:1}.info__list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-top:1px solid #ccc;padding-top:.5em;margin:.1em 0 0}.info__dd,.info__dt{display:inline-block;font-size:.7em;margin:0;line-height:1.2;white-space:nowrap;*display:inline;*zoom:1}.info__dd.first,.info__dt.first{padding-left:0;margin-left:0}.info__dd.last,.info__dt.last{padding-right:0;margin-right:0;border-right:none}.info__dt{font-weight:600;margin-right:3.6px;margin-right:.2rem}.info__dd{border-right:1px solid #ccc;padding-right:1em;margin-right:1em}.logo{display:inline-block;*display:inline;*zoom:1}.lt-ie9 .logo{float:left;display:block;width:220px;height:44px;background:url(/s/img/logo.png) no-repeat 0 0}.lt-ie9 .logo img{display:none}.logo__img{width:220px;height:auto}.notice{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:700}.notice:before{content:" ";background:#fff url(/s/img/icons/icons--info-circle.svg) no-repeat 50%;background-size:3rem;min-width:36px;min-width:2rem;height:36px;height:2rem;margin-right:.5em}.notice:before,.notice__text{display:inline-block;vertical-align:middle;*display:inline;*zoom:1}.notice__text{font-size:18px;font-size:1rem;line-height:1.2}.skip{position:absolute;top:0;left:0;right:0}.skip__link{display:block;height:1px;width:100%;overflow:hidden;position:absolute;top:-30px;-webkit-transition:top .1s;transition:top .1s;text-align:center;color:#fff;background:#003d59;font-weight:600;font-size:19.8px;font-size:1.1rem}.skip__link:focus{padding:18px;padding:1rem;max-height:20em;height:auto;top:0}.survey-header{display:block;overflow:hidden}@media only screen and (min-width:36em){.survey-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.survey-header__logo{margin-bottom:18px;margin-bottom:1rem}@media only screen and (min-width:36em){.survey-header__logo{margin-bottom:0;-webkit-box-flex:1;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%}}@media only screen and (min-width:300px) and (max-width:740px){.survey-header__info{max-width:100%}}@media only screen and (min-width:36em){.survey-header__info{margin-left:auto;float:right;-webkit-box-flex:1;-webkit-flex:1 1 19rem;-ms-flex:1 1 19rem;flex:1 1 19rem;margin-left:2rem}}.tag{display:inline-block;vertical-align:middle;padding:0 10.799px;padding:0 .6rem;font-size:14.4px;font-size:.8rem;font-weight:600;line-height:1.8;border-radius:3px;*display:inline;*zoom:1}.tag--amber{background-color:#fe781f}.field{display:block}.field__item{margin-bottom:9px;margin-bottom:.5rem;position:relative}@media only screen and (min-width:500px){.field__item{margin-bottom:1rem}}.field--checkboxes,.field--radios{display:block}@media only screen and (min-width:500px){.field--checkboxes,.field--radios{font-size:0}.field--checkboxes .field__item,.field--radios .field__item{font-size:inherit;display:inline-block;width:50%;*display:inline;*zoom:1}}.field--daterange .legend{font-weight:700;display:inline-block;width:100%;margin:0 0 9px;margin:0 0 .5rem;*display:inline;*zoom:1}@media only screen and (min-width:500px){.field--daterange .legend{margin:1.9rem 0 0;width:5rem}}.lt-ie8 .field--daterange .legend{position:absolute;margin-top:20px}.field--daterange .subfields{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%}@media only screen and (min-width:500px){.field--daterange .subfields{width:calc(100% - 5rem)}}.field--daterange .field{-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0;margin-right:9px;margin-right:.5rem}@media only screen and (min-width:500px){.field--daterange .field{margin-right:1rem}}.field--daterange .field--month{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}.field--daterange .field--year{margin-right:0}.form{margin-bottom:18px;margin-bottom:1rem}.input{position:relative;z-index:2;padding:10.799px;padding:.6rem;display:block;color:inherit;font-size:18px;font-size:1rem;border:1px solid #ccc;border-radius:3px;width:100%;max-width:720px;max-width:40rem}.input__helper{font-size:14.4px;font-size:.8rem;font-weight:600;margin-top:3.6px;margin-top:.2rem}.input--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:10.799px 36px 10.799px 9px;padding:.6rem 2rem .6rem .5rem;background:#fff url(/s/img/icons/icons--chevron-down.svg) no-repeat center right 6px;background-size:1.5rem;line-height:1.4;width:100%}.input--select::-ms-expand{display:none}.input--checkbox,.input--radio{width:19.8px;width:1.1rem;height:19.8px;height:1.1rem;display:inline-block;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #9b9b9b;padding:9px;padding:.5rem;font-size:18px;font-size:1rem;background:#eee;box-shadow:inset 0 0 0 3px #fff;-webkit-transition:background .3s;transition:background .3s;cursor:pointer;position:relative;*display:inline;*zoom:1}.input--checkbox:focus,.input--radio:focus{border:2px solid #809eac;box-shadow:inset 0 0 0 3px #fff}.input--checkbox:checked,.input--radio:checked{background:#033e58;border:2px solid #555}.input--radio{border-radius:100px}.input--checkbox:checked{background:url(/s/img/icons/icons--check.svg) no-repeat 50%;background-size:.8rem auto}.input--number{padding-right:5.399px;padding-right:.3rem}.input--block{display:block;width:100%}.input-type{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.input-type .input{border-radius:0 3px 3px 0;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;line-height:normal}.input-type:before{content:attr(data-type);background-color:#f5f5f5;border:1px solid #ccc;border-right:none;border-radius:3px 0 0 3px;padding:10.799px 16.2px;padding:.6rem .9rem;text-align:center;line-height:normal}.input-type:before,.label{font-weight:600;font-size:18px;font-size:1rem}.label{display:block;margin-bottom:7.2px;margin-bottom:.4rem;color:inherit}.label__inner{position:relative;z-index:2}.label--inline{font-weight:400;padding:3.6px 9px;padding:.2rem .5rem;width:calc(100% - 2.5rem);display:inline-block;vertical-align:middle;margin:0 9px 0 0;margin:0 .5rem 0 0;z-index:1;*display:inline;*zoom:1}.label--inline:before{-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.input:checked+.label--inline:before,.input:focus+.label--inline:before,.input:hover+.label--inline:before{content:"";position:absolute;top:0;right:-4.5px;right:-.25rem;bottom:0;left:-4.5px;left:-.25rem;background:hsla(0,0%,80%,.2);width:calc(100% - .5rem);height:100%;border-radius:3px;z-index:0}.input:checked+.label--inline:before{background:hsla(0,0%,80%,.6)}.field--textarea .label{font-weight:400;margin-bottom:36px;margin-bottom:2rem}.label--small{font-size:14.4px;font-size:.8rem}.question{border:2px solid transparent;margin-bottom:36px;margin-bottom:2rem}.question--has-errors{border-color:#c50b0b;background:rgba(197,11,11,.1)}.question__error{background:#c50b0b;color:#fff;font-size:16.2px;font-size:.9rem;padding:9px 18px;padding:.5rem 1rem}.question__legend{margin-bottom:9px;margin-bottom:.5rem;float:left}.question__title{clear:both;display:block;font-weight:700;font-size:18px;font-size:1rem;line-height:1.3;color:inherit}@media only screen and (min-width:500px){.question__title{font-size:1.3rem}}.question__subtitle{margin-top:9px;margin-top:.5rem;clear:both;display:block;color:#888;font-weight:700;font-size:18px;font-size:1rem}.question__description{margin-bottom:18px;margin-bottom:1rem;clear:both}.question__responses{clear:both;margin:0 0 -18px;margin:0 0 -1rem}.question__response{margin:0 0 36px;margin:0 0 2rem}.question__response:last-of-type{margin-bottom:0}.response{padding:0}.response__field{border:1px solid transparent;border-radius:0 0 3px 3px}.response.has-error .response__field{padding:18px;padding:1rem;border-color:#c50b0b;background:#f9e7e7}.response__errors{background-color:#c50b0b;color:#fff;list-style:none;margin:0;padding:9px 18px;padding:.5rem 1rem;border-radius:3px 3px 0 0}.response__error{font-size:16.2px;font-size:.9rem;font-weight:700;color:#fff;margin:0;padding:0}.u-blue{color:#003d59}.u-bg-blue{background-color:#003d59}.u-blue-10{color:#1a506a}.u-bg-blue-10{background-color:#1a506a}.u-blue-20{color:#33647a}.u-bg-blue-20{background-color:#33647a}.u-blue-30{color:#4d778b}.u-bg-blue-30{background-color:#4d778b}.u-blue-40{color:#668b9b}.u-bg-blue-40{background-color:#668b9b}.u-blue-50{color:#809eac}.u-bg-blue-50{background-color:#809eac}.u-blue-60{color:#99b1bd}.u-bg-blue-60{background-color:#99b1bd}.u-blue-70{color:#b3c5cd}.u-bg-blue-70{background-color:#b3c5cd}.u-blue-80{color:#ccd8de}.u-bg-blue-80{background-color:#ccd8de}.u-blue-90{color:#e6ecee}.u-bg-blue-90{background-color:#e6ecee}.u-blue-100{color:#fff}.u-bg-blue-100{background-color:#fff}.u-green{color:#a8bd3a}.u-bg-green{background-color:#a8bd3a}.u-green-10{color:#b1c44e}.u-bg-green-10{background-color:#b1c44e}.u-green-20{color:#b9ca61}.u-bg-green-20{background-color:#b9ca61}.u-green-30{color:#c2d175}.u-bg-green-30{background-color:#c2d175}.u-green-40{color:#cbd789}.u-bg-green-40{background-color:#cbd789}.u-green-50{color:#d4de9d}.u-bg-green-50{background-color:#d4de9d}.u-green-60{color:#dce5b0}.u-bg-green-60{background-color:#dce5b0}.u-green-70{color:#e5ebc4}.u-bg-green-70{background-color:#e5ebc4}.u-green-80{color:#eef2d8}.u-bg-green-80{background-color:#eef2d8}.u-green-90{color:#f6f8eb}.u-bg-green-90{background-color:#f6f8eb}.u-green-100{color:#fff}.u-bg-green-100{background-color:#fff}.u-cf:after,.u-cf:before{content:" ";display:table}.u-cf:after{clear:both}.u-cf{*zoom:1}.u-fr{float:right}@media only screen and (min-width:300px){.u-fr\@xs{float:right}}@media only screen and (min-width:500px){.u-fr\@s{float:right}}@media only screen and (min-width:740px){.u-fr\@m{float:right}}@media only screen and (min-width:980px){.u-fr\@l{float:right}}@media only screen and (min-width:1300px){.u-fr\@xl{float:right}}@media only screen and (min-width:1600px){.u-fr\@xxl{float:right}}.u-mt-no{margin-top:0!important}@media only screen and (min-width:300px){.u-mt-no\@xs{margin-top:0!important}}@media only screen and (min-width:500px){.u-mt-no\@s{margin-top:0!important}}@media only screen and (min-width:740px){.u-mt-no\@m{margin-top:0!important}}@media only screen and (min-width:980px){.u-mt-no\@l{margin-top:0!important}}@media only screen and (min-width:1300px){.u-mt-no\@xl{margin-top:0!important}}@media only screen and (min-width:1600px){.u-mt-no\@xxl{margin-top:0!important}}.u-mr-no{margin-right:0!important}@media only screen and (min-width:300px){.u-mr-no\@xs{margin-right:0!important}}@media only screen and (min-width:500px){.u-mr-no\@s{margin-right:0!important}}@media only screen and (min-width:740px){.u-mr-no\@m{margin-right:0!important}}@media only screen and (min-width:980px){.u-mr-no\@l{margin-right:0!important}}@media only screen and (min-width:1300px){.u-mr-no\@xl{margin-right:0!important}}@media only screen and (min-width:1600px){.u-mr-no\@xxl{margin-right:0!important}}.u-mb-no{margin-bottom:0!important}@media only screen and (min-width:300px){.u-mb-no\@xs{margin-bottom:0!important}}@media only screen and (min-width:500px){.u-mb-no\@s{margin-bottom:0!important}}@media only screen and (min-width:740px){.u-mb-no\@m{margin-bottom:0!important}}@media only screen and (min-width:980px){.u-mb-no\@l{margin-bottom:0!important}}@media only screen and (min-width:1300px){.u-mb-no\@xl{margin-bottom:0!important}}@media only screen and (min-width:1600px){.u-mb-no\@xxl{margin-bottom:0!important}}.u-ml-no{margin-left:0!important}@media only screen and (min-width:300px){.u-ml-no\@xs{margin-left:0!important}}@media only screen and (min-width:500px){.u-ml-no\@s{margin-left:0!important}}@media only screen and (min-width:740px){.u-ml-no\@m{margin-left:0!important}}@media only screen and (min-width:980px){.u-ml-no\@l{margin-left:0!important}}@media only screen and (min-width:1300px){.u-ml-no\@xl{margin-left:0!important}}@media only screen and (min-width:1600px){.u-ml-no\@xxl{margin-left:0!important}}.u-m-no{margin:0!important}@media only screen and (min-width:300px){.u-m-no\@xs{margin:0!important}}@media only screen and (min-width:500px){.u-m-no\@s{margin:0!important}}@media only screen and (min-width:740px){.u-m-no\@m{margin:0!important}}@media only screen and (min-width:980px){.u-m-no\@l{margin:0!important}}@media only screen and (min-width:1300px){.u-m-no\@xl{margin:0!important}}@media only screen and (min-width:1600px){.u-m-no\@xxl{margin:0!important}}.u-mt-xs{margin-top:9px;margin-top:.5rem}@media only screen and (min-width:300px){.u-mt-xs\@xs{margin-top:.5rem}}@media only screen and (min-width:500px){.u-mt-xs\@s{margin-top:.5rem}}@media only screen and (min-width:740px){.u-mt-xs\@m{margin-top:.5rem}}@media only screen and (min-width:980px){.u-mt-xs\@l{margin-top:.5rem}}@media only screen and (min-width:1300px){.u-mt-xs\@xl{margin-top:.5rem}}@media only screen and (min-width:1600px){.u-mt-xs\@xxl{margin-top:.5rem}}.u-mr-xs{margin-right:9px;margin-right:.5rem}@media only screen and (min-width:300px){.u-mr-xs\@xs{margin-right:.5rem}}@media only screen and (min-width:500px){.u-mr-xs\@s{margin-right:.5rem}}@media only screen and (min-width:740px){.u-mr-xs\@m{margin-right:.5rem}}@media only screen and (min-width:980px){.u-mr-xs\@l{margin-right:.5rem}}@media only screen and (min-width:1300px){.u-mr-xs\@xl{margin-right:.5rem}}@media only screen and (min-width:1600px){.u-mr-xs\@xxl{margin-right:.5rem}}.u-mb-xs{margin-bottom:9px;margin-bottom:.5rem}@media only screen and (min-width:300px){.u-mb-xs\@xs{margin-bottom:.5rem}}@media only screen and (min-width:500px){.u-mb-xs\@s{margin-bottom:.5rem}}@media only screen and (min-width:740px){.u-mb-xs\@m{margin-bottom:.5rem}}@media only screen and (min-width:980px){.u-mb-xs\@l{margin-bottom:.5rem}}@media only screen and (min-width:1300px){.u-mb-xs\@xl{margin-bottom:.5rem}}@media only screen and (min-width:1600px){.u-mb-xs\@xxl{margin-bottom:.5rem}}.u-ml-xs{margin-left:9px;margin-left:.5rem}@media only screen and (min-width:300px){.u-ml-xs\@xs{margin-left:.5rem}}@media only screen and (min-width:500px){.u-ml-xs\@s{margin-left:.5rem}}@media only screen and (min-width:740px){.u-ml-xs\@m{margin-left:.5rem}}@media only screen and (min-width:980px){.u-ml-xs\@l{margin-left:.5rem}}@media only screen and (min-width:1300px){.u-ml-xs\@xl{margin-left:.5rem}}@media only screen and (min-width:1600px){.u-ml-xs\@xxl{margin-left:.5rem}}.u-m-xs{margin:9px;margin:.5rem}@media only screen and (min-width:300px){.u-m-xs\@xs{margin:.5rem}}@media only screen and (min-width:500px){.u-m-xs\@s{margin:.5rem}}@media only screen and (min-width:740px){.u-m-xs\@m{margin:.5rem}}@media only screen and (min-width:980px){.u-m-xs\@l{margin:.5rem}}@media only screen and (min-width:1300px){.u-m-xs\@xl{margin:.5rem}}@media only screen and (min-width:1600px){.u-m-xs\@xxl{margin:.5rem}}.u-mt-s{margin-top:18px;margin-top:1rem}@media only screen and (min-width:300px){.u-mt-s\@xs{margin-top:1rem}}@media only screen and (min-width:500px){.u-mt-s\@s{margin-top:1rem}}@media only screen and (min-width:740px){.u-mt-s\@m{margin-top:1rem}}@media only screen and (min-width:980px){.u-mt-s\@l{margin-top:1rem}}@media only screen and (min-width:1300px){.u-mt-s\@xl{margin-top:1rem}}@media only screen and (min-width:1600px){.u-mt-s\@xxl{margin-top:1rem}}.u-mr-s{margin-right:18px;margin-right:1rem}@media only screen and (min-width:300px){.u-mr-s\@xs{margin-right:1rem}}@media only screen and (min-width:500px){.u-mr-s\@s{margin-right:1rem}}@media only screen and (min-width:740px){.u-mr-s\@m{margin-right:1rem}}@media only screen and (min-width:980px){.u-mr-s\@l{margin-right:1rem}}@media only screen and (min-width:1300px){.u-mr-s\@xl{margin-right:1rem}}@media only screen and (min-width:1600px){.u-mr-s\@xxl{margin-right:1rem}}.u-mb-s{margin-bottom:18px;margin-bottom:1rem}@media only screen and (min-width:300px){.u-mb-s\@xs{margin-bottom:1rem}}@media only screen and (min-width:500px){.u-mb-s\@s{margin-bottom:1rem}}@media only screen and (min-width:740px){.u-mb-s\@m{margin-bottom:1rem}}@media only screen and (min-width:980px){.u-mb-s\@l{margin-bottom:1rem}}@media only screen and (min-width:1300px){.u-mb-s\@xl{margin-bottom:1rem}}@media only screen and (min-width:1600px){.u-mb-s\@xxl{margin-bottom:1rem}}.u-ml-s{margin-left:18px;margin-left:1rem}@media only screen and (min-width:300px){.u-ml-s\@xs{margin-left:1rem}}@media only screen and (min-width:500px){.u-ml-s\@s{margin-left:1rem}}@media only screen and (min-width:740px){.u-ml-s\@m{margin-left:1rem}}@media only screen and (min-width:980px){.u-ml-s\@l{margin-left:1rem}}@media only screen and (min-width:1300px){.u-ml-s\@xl{margin-left:1rem}}@media only screen and (min-width:1600px){.u-ml-s\@xxl{margin-left:1rem}}.u-m-s{margin:18px;margin:1rem}@media only screen and (min-width:300px){.u-m-s\@xs{margin:1rem}}@media only screen and (min-width:500px){.u-m-s\@s{margin:1rem}}@media only screen and (min-width:740px){.u-m-s\@m{margin:1rem}}@media only screen and (min-width:980px){.u-m-s\@l{margin:1rem}}@media only screen and (min-width:1300px){.u-m-s\@xl{margin:1rem}}@media only screen and (min-width:1600px){.u-m-s\@xxl{margin:1rem}}.u-mt-m{margin-top:36px;margin-top:2rem}@media only screen and (min-width:300px){.u-mt-m\@xs{margin-top:2rem}}@media only screen and (min-width:500px){.u-mt-m\@s{margin-top:2rem}}@media only screen and (min-width:740px){.u-mt-m\@m{margin-top:2rem}}@media only screen and (min-width:980px){.u-mt-m\@l{margin-top:2rem}}@media only screen and (min-width:1300px){.u-mt-m\@xl{margin-top:2rem}}@media only screen and (min-width:1600px){.u-mt-m\@xxl{margin-top:2rem}}.u-mr-m{margin-right:36px;margin-right:2rem}@media only screen and (min-width:300px){.u-mr-m\@xs{margin-right:2rem}}@media only screen and (min-width:500px){.u-mr-m\@s{margin-right:2rem}}@media only screen and (min-width:740px){.u-mr-m\@m{margin-right:2rem}}@media only screen and (min-width:980px){.u-mr-m\@l{margin-right:2rem}}@media only screen and (min-width:1300px){.u-mr-m\@xl{margin-right:2rem}}@media only screen and (min-width:1600px){.u-mr-m\@xxl{margin-right:2rem}}.u-mb-m{margin-bottom:36px;margin-bottom:2rem}@media only screen and (min-width:300px){.u-mb-m\@xs{margin-bottom:2rem}}@media only screen and (min-width:500px){.u-mb-m\@s{margin-bottom:2rem}}@media only screen and (min-width:740px){.u-mb-m\@m{margin-bottom:2rem}}@media only screen and (min-width:980px){.u-mb-m\@l{margin-bottom:2rem}}@media only screen and (min-width:1300px){.u-mb-m\@xl{margin-bottom:2rem}}@media only screen and (min-width:1600px){.u-mb-m\@xxl{margin-bottom:2rem}}.u-ml-m{margin-left:36px;margin-left:2rem}@media only screen and (min-width:300px){.u-ml-m\@xs{margin-left:2rem}}@media only screen and (min-width:500px){.u-ml-m\@s{margin-left:2rem}}@media only screen and (min-width:740px){.u-ml-m\@m{margin-left:2rem}}@media only screen and (min-width:980px){.u-ml-m\@l{margin-left:2rem}}@media only screen and (min-width:1300px){.u-ml-m\@xl{margin-left:2rem}}@media only screen and (min-width:1600px){.u-ml-m\@xxl{margin-left:2rem}}.u-m-m{margin:36px;margin:2rem}@media only screen and (min-width:300px){.u-m-m\@xs{margin:2rem}}@media only screen and (min-width:500px){.u-m-m\@s{margin:2rem}}@media only screen and (min-width:740px){.u-m-m\@m{margin:2rem}}@media only screen and (min-width:980px){.u-m-m\@l{margin:2rem}}@media only screen and (min-width:1300px){.u-m-m\@xl{margin:2rem}}@media only screen and (min-width:1600px){.u-m-m\@xxl{margin:2rem}}.u-mt-l{margin-top:54px;margin-top:3rem}@media only screen and (min-width:300px){.u-mt-l\@xs{margin-top:3rem}}@media only screen and (min-width:500px){.u-mt-l\@s{margin-top:3rem}}@media only screen and (min-width:740px){.u-mt-l\@m{margin-top:3rem}}@media only screen and (min-width:980px){.u-mt-l\@l{margin-top:3rem}}@media only screen and (min-width:1300px){.u-mt-l\@xl{margin-top:3rem}}@media only screen and (min-width:1600px){.u-mt-l\@xxl{margin-top:3rem}}.u-mr-l{margin-right:54px;margin-right:3rem}@media only screen and (min-width:300px){.u-mr-l\@xs{margin-right:3rem}}@media only screen and (min-width:500px){.u-mr-l\@s{margin-right:3rem}}@media only screen and (min-width:740px){.u-mr-l\@m{margin-right:3rem}}@media only screen and (min-width:980px){.u-mr-l\@l{margin-right:3rem}}@media only screen and (min-width:1300px){.u-mr-l\@xl{margin-right:3rem}}@media only screen and (min-width:1600px){.u-mr-l\@xxl{margin-right:3rem}}.u-mb-l{margin-bottom:54px;margin-bottom:3rem}@media only screen and (min-width:300px){.u-mb-l\@xs{margin-bottom:3rem}}@media only screen and (min-width:500px){.u-mb-l\@s{margin-bottom:3rem}}@media only screen and (min-width:740px){.u-mb-l\@m{margin-bottom:3rem}}@media only screen and (min-width:980px){.u-mb-l\@l{margin-bottom:3rem}}@media only screen and (min-width:1300px){.u-mb-l\@xl{margin-bottom:3rem}}@media only screen and (min-width:1600px){.u-mb-l\@xxl{margin-bottom:3rem}}.u-ml-l{margin-left:54px;margin-left:3rem}@media only screen and (min-width:300px){.u-ml-l\@xs{margin-left:3rem}}@media only screen and (min-width:500px){.u-ml-l\@s{margin-left:3rem}}@media only screen and (min-width:740px){.u-ml-l\@m{margin-left:3rem}}@media only screen and (min-width:980px){.u-ml-l\@l{margin-left:3rem}}@media only screen and (min-width:1300px){.u-ml-l\@xl{margin-left:3rem}}@media only screen and (min-width:1600px){.u-ml-l\@xxl{margin-left:3rem}}.u-m-l{margin:54px;margin:3rem}@media only screen and (min-width:300px){.u-m-l\@xs{margin:3rem}}@media only screen and (min-width:500px){.u-m-l\@s{margin:3rem}}@media only screen and (min-width:740px){.u-m-l\@m{margin:3rem}}@media only screen and (min-width:980px){.u-m-l\@l{margin:3rem}}@media only screen and (min-width:1300px){.u-m-l\@xl{margin:3rem}}@media only screen and (min-width:1600px){.u-m-l\@xxl{margin:3rem}}.u-fs-xxs{font-size:12.6px;font-size:.7rem}@media only screen and (min-width:300px){.u-fs-xxs\@xs{font-size:.7rem}}@media only screen and (min-width:500px){.u-fs-xxs\@s{font-size:.7rem}}@media only screen and (min-width:740px){.u-fs-xxs\@m{font-size:.7rem}}@media only screen and (min-width:980px){.u-fs-xxs\@l{font-size:.7rem}}@media only screen and (min-width:1300px){.u-fs-xxs\@xl{font-size:.7rem}}@media only screen and (min-width:1600px){.u-fs-xxs\@xxl{font-size:.7rem}}.u-fs-xs{font-size:14.4px;font-size:.8rem}@media only screen and (min-width:300px){.u-fs-xs\@xs{font-size:.8rem}}@media only screen and (min-width:500px){.u-fs-xs\@s{font-size:.8rem}}@media only screen and (min-width:740px){.u-fs-xs\@m{font-size:.8rem}}@media only screen and (min-width:980px){.u-fs-xs\@l{font-size:.8rem}}@media only screen and (min-width:1300px){.u-fs-xs\@xl{font-size:.8rem}}@media only screen and (min-width:1600px){.u-fs-xs\@xxl{font-size:.8rem}}.u-fs-s{font-size:16.2px;font-size:.9rem}@media only screen and (min-width:300px){.u-fs-s\@xs{font-size:.9rem}}@media only screen and (min-width:500px){.u-fs-s\@s{font-size:.9rem}}@media only screen and (min-width:740px){.u-fs-s\@m{font-size:.9rem}}@media only screen and (min-width:980px){.u-fs-s\@l{font-size:.9rem}}@media only screen and (min-width:1300px){.u-fs-s\@xl{font-size:.9rem}}@media only screen and (min-width:1600px){.u-fs-s\@xxl{font-size:.9rem}}.u-fs-m{font-size:18px;font-size:1rem}@media only screen and (min-width:300px){.u-fs-m\@xs{font-size:1rem}}@media only screen and (min-width:500px){.u-fs-m\@s{font-size:1rem}}@media only screen and (min-width:740px){.u-fs-m\@m{font-size:1rem}}@media only screen and (min-width:980px){.u-fs-m\@l{font-size:1rem}}@media only screen and (min-width:1300px){.u-fs-m\@xl{font-size:1rem}}@media only screen and (min-width:1600px){.u-fs-m\@xxl{font-size:1rem}}.u-fs-l{font-size:27px;font-size:1.5rem}@media only screen and (min-width:300px){.u-fs-l\@xs{font-size:1.5rem}}@media only screen and (min-width:500px){.u-fs-l\@s{font-size:1.5rem}}@media only screen and (min-width:740px){.u-fs-l\@m{font-size:1.5rem}}@media only screen and (min-width:980px){.u-fs-l\@l{font-size:1.5rem}}@media only screen and (min-width:1300px){.u-fs-l\@xl{font-size:1.5rem}}@media only screen and (min-width:1600px){.u-fs-l\@xxl{font-size:1.5rem}}.u-fw-b{font-weight:700}.u-fw-n{font-weight:400}.u-fs-i{font-style:italic}.u-ta-c{text-align:center}@media only screen and (min-width:300px){.u-ta-c\@xs{text-align:center}}@media only screen and (min-width:500px){.u-ta-c\@s{text-align:center}}@media only screen and (min-width:740px){.u-ta-c\@m{text-align:center}}@media only screen and (min-width:980px){.u-ta-c\@l{text-align:center}}@media only screen and (min-width:1300px){.u-ta-c\@xl{text-align:center}}@media only screen and (min-width:1600px){.u-ta-c\@xxl{text-align:center}}.u-lighter{color:#595959}.u-ar{text-align:right}.u-dib{display:inline-block;*display:inline;*zoom:1}.u-db{display:block}.no-js .u-no-js-hide{display:none}.u-hidden{display:none!important;visibility:hidden}.u-vh,.u-visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.u-vh.u-focusable:active,.u-vh.u-focusable:focus,.u-visuallyhidden.u-focusable:active,.u-visuallyhidden.u-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.u-invisible{visibility:hidden}.u-ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.u-ir:before{content:"";display:block;width:0;height:150%} +/*# sourceMappingURL=responsive.min.css.map */ diff --git a/index.html b/index.html index 82d4e33fef..dfe00ba2fe 100644 --- a/index.html +++ b/index.html @@ -1,21 +1,19 @@ --- layout: default +title: eQ Prototypes +html_class: index --- -
+

ONS Electronic Questionnaire Project—UX Research

-
+ diff --git a/pages/are/great/index.html b/pages/are/great/index.html deleted file mode 100644 index 43ed4f1c0a..0000000000 --- a/pages/are/great/index.html +++ /dev/null @@ -1,4 +0,0 @@ ---- -layout: page -title: "great" ---- diff --git a/pages/are/index.html b/pages/are/index.html deleted file mode 100644 index 9fdbe51ce7..0000000000 --- a/pages/are/index.html +++ /dev/null @@ -1,4 +0,0 @@ ---- -layout: page -title: "are" ---- diff --git a/pages/index.html b/pages/index.html deleted file mode 100644 index b6e9eede9f..0000000000 --- a/pages/index.html +++ /dev/null @@ -1,4 +0,0 @@ ---- -layout: page -title: "pages" ----