/* ____    ______  ____    ______     
/\  _`\ /\  _  \/\  _`\ /\__  _\    
\ \ \/\ \ \ \L\ \ \ \/\ \/_/\ \/     \ \ \ \ \ \  __ \ \ \ \ \ \ \ \     \ \ \_\ \ \ \/\ \ \ \_\ \ \_\ \__  \ \____/\ \_\ \_\ \____/ /\_____\ \/___/  \/_/\/_/\/___/  \/_____/   ____    ______  ____    ______  ____       
/\  _`\ /\  _  \/\  _`\ /\__  _\/\  _`\     
\ \ \L\ \ \ \L\ \ \ \L\ \/_/\ \/\ \,\L\_\    \ \ ,__/\ \  __ \ \ ,  /  \ \ \ \/_\__ \    \ \ \/  \ \ \/\ \ \ \ \  \ \ \  /\ \L\ \  \ \_\   \ \_\ \_\ \_\ \_\ \ \_\ \ `\____\ \/_/    \/_/\/_/\/_/\/ /  \/_/  \/_____/   https://github.com/dadi/parts
*/
@import "https://fonts.googleapis.com/css?family=Roboto+Condensed";
html { background-color: #fafafa; }

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { font-family: "Roboto Condensed", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 18px; line-height: 1.375; }

.u-clearfix:after { content: "" !important; display: block !important; clear: both !important; }

.u-color-background { color: #FAFAFA; }

.u-background-background { background-color: #FAFAFA; }

.u-color-primary { color: #000000; }

.u-background-primary { background-color: #000000; }

.u-color-accent { color: #EA8C55; }

.u-background-accent { background-color: #EA8C55; }

.u-cols { display: flex; flex-wrap: wrap; }
.u-cols .u-col { flex-shrink: 0; flex-grow: 0; }

.u-cols--top { align-items: flex-start; }

.u-cols--middle { align-items: center; }

.u-cols--bottom { align-items: flex-end; }

.u-cols--gutter { font-size: 15px; margin: -1em 0 0 -1em; }
.u-cols--gutter .u-col { padding: 1em 0 0 1em; }

@supports (display: flex) { .u-cols--equal { display: flex; flex-wrap: wrap; }
  .u-cols--equal .u-col { display: flex; }
  .u-cols--equal .u-col > *:only-child { min-height: 100%; } }

.u-col--1-1 { width: 100%; }

.u-col--1-2 { width: 50%; }

.u-col--2-2 { width: 100%; }

.u-col--1-3 { width: 33.33333%; }

.u-col--2-3 { width: 66.66667%; }

.u-col--3-3 { width: 100%; }

.u-col--1-4 { width: 25%; }

.u-col--2-4 { width: 50%; }

.u-col--3-4 { width: 75%; }

.u-col--4-4 { width: 100%; }

.u-col--1-5 { width: 20%; }

.u-col--2-5 { width: 40%; }

.u-col--3-5 { width: 60%; }

.u-col--4-5 { width: 80%; }

.u-col--5-5 { width: 100%; }

.u-col--1-6 { width: 16.66667%; }

.u-col--2-6 { width: 33.33333%; }

.u-col--3-6 { width: 50%; }

.u-col--4-6 { width: 66.66667%; }

.u-col--5-6 { width: 83.33333%; }

.u-col--6-6 { width: 100%; }

@media (min-width: 640px) { .u-col--1-1\@medium { width: 100%; }
  .u-col--1-2\@medium { width: 50%; }
  .u-col--2-2\@medium { width: 100%; }
  .u-col--1-3\@medium { width: 33.33333%; }
  .u-col--2-3\@medium { width: 66.66667%; }
  .u-col--3-3\@medium { width: 100%; }
  .u-col--1-4\@medium { width: 25%; }
  .u-col--2-4\@medium { width: 50%; }
  .u-col--3-4\@medium { width: 75%; }
  .u-col--4-4\@medium { width: 100%; }
  .u-col--1-5\@medium { width: 20%; }
  .u-col--2-5\@medium { width: 40%; }
  .u-col--3-5\@medium { width: 60%; }
  .u-col--4-5\@medium { width: 80%; }
  .u-col--5-5\@medium { width: 100%; }
  .u-col--1-6\@medium { width: 16.66667%; }
  .u-col--2-6\@medium { width: 33.33333%; }
  .u-col--3-6\@medium { width: 50%; }
  .u-col--4-6\@medium { width: 66.66667%; }
  .u-col--5-6\@medium { width: 83.33333%; }
  .u-col--6-6\@medium { width: 100%; } }
@media (min-width: 1000px) { .u-col--1-1\@large { width: 100%; }
  .u-col--1-2\@large { width: 50%; }
  .u-col--2-2\@large { width: 100%; }
  .u-col--1-3\@large { width: 33.33333%; }
  .u-col--2-3\@large { width: 66.66667%; }
  .u-col--3-3\@large { width: 100%; }
  .u-col--1-4\@large { width: 25%; }
  .u-col--2-4\@large { width: 50%; }
  .u-col--3-4\@large { width: 75%; }
  .u-col--4-4\@large { width: 100%; }
  .u-col--1-5\@large { width: 20%; }
  .u-col--2-5\@large { width: 40%; }
  .u-col--3-5\@large { width: 60%; }
  .u-col--4-5\@large { width: 80%; }
  .u-col--5-5\@large { width: 100%; }
  .u-col--1-6\@large { width: 16.66667%; }
  .u-col--2-6\@large { width: 33.33333%; }
  .u-col--3-6\@large { width: 50%; }
  .u-col--4-6\@large { width: 66.66667%; }
  .u-col--5-6\@large { width: 83.33333%; }
  .u-col--6-6\@large { width: 100%; } }
.u-size-tiny { font-size: 4.5px !important; }

.u-size-small { font-size: 9px !important; }

.u-size-normal { font-size: 18px !important; }

.u-size-large { font-size: 27px !important; }

.u-size-larger { font-size: 40.5px !important; }

.u-size-huge { font-size: 54px !important; }

.u-size-massive { font-size: 72px !important; }

.u-padding { padding: 15px !important; }

.u-padding-tiny { padding: 3.75px !important; }

.u-padding-small { padding: 7.5px !important; }

.u-padding-normal { padding: 15px !important; }

.u-padding-large { padding: 22.5px !important; }

.u-padding-larger { padding: 33.75px !important; }

.u-padding-huge { padding: 45px !important; }

.u-padding-massive { padding: 60px !important; }

.u-padding-top { padding-top: 15px !important; }

.u-padding-top-tiny { padding-top: 3.75px !important; }

.u-padding-top-small { padding-top: 7.5px !important; }

.u-padding-top-normal { padding-top: 15px !important; }

.u-padding-top-large { padding-top: 22.5px !important; }

.u-padding-top-larger { padding-top: 33.75px !important; }

.u-padding-top-huge { padding-top: 45px !important; }

.u-padding-top-massive { padding-top: 60px !important; }

.u-padding-right { padding-right: 15px !important; }

.u-padding-right-tiny { padding-right: 3.75px !important; }

.u-padding-right-small { padding-right: 7.5px !important; }

.u-padding-right-normal { padding-right: 15px !important; }

.u-padding-right-large { padding-right: 22.5px !important; }

.u-padding-right-larger { padding-right: 33.75px !important; }

.u-padding-right-huge { padding-right: 45px !important; }

.u-padding-right-massive { padding-right: 60px !important; }

.u-padding-bottom { padding-bottom: 15px !important; }

.u-padding-bottom-tiny { padding-bottom: 3.75px !important; }

.u-padding-bottom-small { padding-bottom: 7.5px !important; }

.u-padding-bottom-normal { padding-bottom: 15px !important; }

.u-padding-bottom-large { padding-bottom: 22.5px !important; }

.u-padding-bottom-larger { padding-bottom: 33.75px !important; }

.u-padding-bottom-huge { padding-bottom: 45px !important; }

.u-padding-bottom-massive { padding-bottom: 60px !important; }

.u-padding-left { padding-left: 15px !important; }

.u-padding-left-tiny { padding-left: 3.75px !important; }

.u-padding-left-small { padding-left: 7.5px !important; }

.u-padding-left-normal { padding-left: 15px !important; }

.u-padding-left-large { padding-left: 22.5px !important; }

.u-padding-left-larger { padding-left: 33.75px !important; }

.u-padding-left-huge { padding-left: 45px !important; }

.u-padding-left-massive { padding-left: 60px !important; }

.u-margin { margin: 15px !important; }

.u-margin-tiny { margin: 3.75px !important; }

.u-margin-small { margin: 7.5px !important; }

.u-margin-normal { margin: 15px !important; }

.u-margin-large { margin: 22.5px !important; }

.u-margin-larger { margin: 33.75px !important; }

.u-margin-huge { margin: 45px !important; }

.u-margin-massive { margin: 60px !important; }

.u-margin-top { margin-top: 15px !important; }

.u-margin-top-tiny { margin-top: 3.75px !important; }

.u-margin-top-small { margin-top: 7.5px !important; }

.u-margin-top-normal { margin-top: 15px !important; }

.u-margin-top-large { margin-top: 22.5px !important; }

.u-margin-top-larger { margin-top: 33.75px !important; }

.u-margin-top-huge { margin-top: 45px !important; }

.u-margin-top-massive { margin-top: 60px !important; }

.u-margin-right { margin-right: 15px !important; }

.u-margin-right-tiny { margin-right: 3.75px !important; }

.u-margin-right-small { margin-right: 7.5px !important; }

.u-margin-right-normal { margin-right: 15px !important; }

.u-margin-right-large { margin-right: 22.5px !important; }

.u-margin-right-larger { margin-right: 33.75px !important; }

.u-margin-right-huge { margin-right: 45px !important; }

.u-margin-right-massive { margin-right: 60px !important; }

.u-margin-bottom { margin-bottom: 15px !important; }

.u-margin-bottom-tiny { margin-bottom: 3.75px !important; }

.u-margin-bottom-small { margin-bottom: 7.5px !important; }

.u-margin-bottom-normal { margin-bottom: 15px !important; }

.u-margin-bottom-large { margin-bottom: 22.5px !important; }

.u-margin-bottom-larger { margin-bottom: 33.75px !important; }

.u-margin-bottom-huge { margin-bottom: 45px !important; }

.u-margin-bottom-massive { margin-bottom: 60px !important; }

.u-margin-left { margin-left: 15px !important; }

.u-margin-left-tiny { margin-left: 3.75px !important; }

.u-margin-left-small { margin-left: 7.5px !important; }

.u-margin-left-normal { margin-left: 15px !important; }

.u-margin-left-large { margin-left: 22.5px !important; }

.u-margin-left-larger { margin-left: 33.75px !important; }

.u-margin-left-huge { margin-left: 45px !important; }

.u-margin-left-massive { margin-left: 60px !important; }

.u-wrapper { max-width: 900px; margin-left: auto !important; margin-right: auto !important; }

.u-wrapper-gutter { max-width: 930px; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; }

/** More sensible default box-sizing: css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Prevent adjustments of font size after orientation changes in IE and iOS. */
html { -ms-text-size-adjust: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 1 */ }

/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; }

/** Add the correct display in IE 9-. */
audio, canvas, progress, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Add the correct display in IE 10-. 1. Add the correct display in IE. */
template, [hidden] { display: none; }

/* Links ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/* Text-level semantics ========================================================================== */
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/* Forms ========================================================================== */
/** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ }

/** Restore the font weight unset by the previous rule. */
optgroup { font-weight: bold; }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/** A very simple reset that sits on top of Normalize.css. */
body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend { margin: 0; padding: 0; }

/** Remove trailing margins from nested lists. */
li > ol, li > ul { margin-bottom: 0; }

/** Remove default table spacing. */
table { border-collapse: collapse; border-spacing: 0; }

/** Remove default link styling. */
a { color: inherit; text-decoration: inherit; }

/** Remove default list style. */
li { list-style-type: none; }

/** Reset heading sizes */
h1, h2, h3, h4, h5, h6 { font-size: 1em; }

/** Reset buttons */
button { background: none; border: 0; cursor: pointer; padding: 0; -webkit-appearance: none; }

/** Always declare margins in the same direction: csswizardry.com/2012/06/single-direction-margin-declarations */
address, h1, h2, h3, h4, h5, h6, blockquote, p, pre dl, ol, ul, figure, hr, table, fieldset { margin-bottom: 15px; }

/** Consistent indentation for lists. */
dd, ol, ul { margin-left: 15px; }

/** Default fill for SVG. */
svg { fill: currentColor; }

button[data-balloon] { overflow: visible; }

[data-balloon] { position: relative; }

[data-balloon]:before, [data-balloon]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; bottom: 100%; left: 50%; position: absolute; z-index: 10; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; }

[data-balloon]:after { background: rgba(17, 17, 17, 0.9); border-radius: 4px; color: #fff; content: attr(data-balloon); font-size: 12px; padding: .5em 1em; white-space: nowrap; margin-bottom: 11px; }

[data-balloon]:before { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(0)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat; background-size: 100% auto; height: 6px; width: 18px; content: ""; margin-bottom: 5px; }

[data-balloon]:hover:before, [data-balloon][data-balloon-visible]:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; pointer-events: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

[data-balloon][data-balloon-break]:after { white-space: normal; }

[data-balloon-pos="down"]:before, [data-balloon-pos="down"]:after { bottom: auto; left: 50%; top: 100%; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); }

[data-balloon-pos="down"]:after { margin-top: 11px; }

[data-balloon-pos="down"]:before { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36px" height="12px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(180 18 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat; background-size: 100% auto; height: 6px; width: 18px; margin-top: 5px; margin-bottom: 0; }

[data-balloon-pos="down"]:hover:before, [data-balloon-pos="down"][data-balloon-visible]:before, [data-balloon-pos="down"]:hover:after, [data-balloon-pos="down"][data-balloon-visible]:after { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

[data-balloon-pos="left"]:before, [data-balloon-pos="left"]:after { bottom: auto; left: auto; right: 100%; top: 50%; -webkit-transform: translate(10px, -50%); -ms-transform: translate(10px, -50%); transform: translate(10px, -50%); }

[data-balloon-pos="left"]:after { margin-right: 11px; }

[data-balloon-pos="left"]:before { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(-90 18 18)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat; background-size: 100% auto; height: 18px; width: 6px; margin-right: 5px; margin-bottom: 0; }

[data-balloon-pos="left"]:hover:before, [data-balloon-pos="left"][data-balloon-visible]:before, [data-balloon-pos="left"]:hover:after, [data-balloon-pos="left"][data-balloon-visible]:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

[data-balloon-pos="right"]:before, [data-balloon-pos="right"]:after { bottom: auto; left: 100%; top: 50%; -webkit-transform: translate(-10px, -50%); -ms-transform: translate(-10px, -50%); transform: translate(-10px, -50%); }

[data-balloon-pos="right"]:after { margin-left: 11px; }

[data-balloon-pos="right"]:before { background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12px" height="36px"><path fill="rgba(17, 17, 17, 0.9)" transform="rotate(90 6 6)" d="M2.658,0.000 C-13.615,0.000 50.938,0.000 34.662,0.000 C28.662,0.000 23.035,12.002 18.660,12.002 C14.285,12.002 8.594,0.000 2.658,0.000 Z"/></svg>') no-repeat; background-size: 100% auto; height: 18px; width: 6px; margin-bottom: 0; margin-left: 5px; }

[data-balloon-pos="right"]:hover:before, [data-balloon-pos="right"][data-balloon-visible]:before, [data-balloon-pos="right"]:hover:after, [data-balloon-pos="right"][data-balloon-visible]:after { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

[data-balloon-length]:after { white-space: normal; }

[data-balloon-length="small"]:after { width: 80px; }

[data-balloon-length="medium"]:after { width: 150px; }

[data-balloon-length="large"]:after { width: 260px; }

[data-balloon-length="xlarge"]:after { width: 90vw; }

@media screen and (min-width: 768px) { [data-balloon-length="xlarge"]:after { width: 380px; } }
[data-balloon-length="fit"]:after { width: 100%; }

.c-Chart { position: relative; }

.c-Chart--placeholder:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; background-color: rgba(255, 255, 255, 0.8); }
.c-Chart--placeholder:after { position: absolute; left: 0; right: 0; top: 50%; text-align: center; content: "We need some more tests results to draw a chart."; }

.c-Filmstrip { overflow: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.c-Filmstrip__item { display: inline-block; }
.c-Filmstrip__item + .c-Filmstrip__item { margin-left: 10px; }

.c-Filmstrip__image { border: 1px solid #E8E8E8; width: 270px; }

.c-Filmstrip__progress { text-align: center; }

.c-Footer { background-color: #E8E8E8; font-size: 0.7em; margin-top: 80px; overflow: hidden; padding: 20px; text-align: center; }
.c-Footer a { color: #ea8c55; text-decoration: underline; }

.c-Footer__inner { max-width: 930px; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; }

.c-Footer__logo { display: inline-block; color: #ea8c55; margin-bottom: 20px; }

.c-Footer__links { margin: 30px 0 0 0; }

.c-Footer__link { display: inline-block; }
.c-Footer__link + .c-Footer__link { margin-left: 20px; }

.c-Indicator { display: inline-block; }

.c-Indicator__key { font-size: 0.9em; margin-bottom: -7px; }

.c-Indicator__value { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: bold; margin: 0; }
.c-Indicator--success .c-Indicator__value { color: #7CAE7A; }
.c-Indicator--danger .c-Indicator__value { color: red; }

.c-Info { display: inline-block; vertical-align: top; width: 14px; height: 14px; margin-left: 5px; margin-top: 2px; color: #ea8c55; }
.c-Info svg { width: 100%; height: 100%; }

.c-Loader { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9); color: #EA8C55; text-align: center; }

.c-Loader__content { position: relative; top: 50%; transform: translateY(-50%); }

.c-Logo { display: inline-block; vertical-align: middle; }
.c-Logo:hover .c-Logo__stripe { opacity: 0.3; }

@keyframes cLogoAnimation { 0%, 100% { opacity: 0; }
  50% { opacity: 1; } }
.c-Logo__stripe--1 { opacity: 1.25; animation-delay: 0.07s !important; }

.c-Logo__stripe--2 { opacity: 1; animation-delay: 0.14s !important; }

.c-Logo__stripe--3 { opacity: 0.75; animation-delay: 0.21s !important; }

.c-Logo__stripe--4 { opacity: 0.5; animation-delay: 0.28s !important; }

.c-Logo__stripe--5 { opacity: 0.25; animation-delay: 0.35s !important; }

.c-Logo__stripe { fill: currentColor; transition: all 1.2s ease-out; transform-origin: 50% 50%; }
.c-Logo__stripe:not(.c-Logo--animate):hover { opacity: 1 !important; transition: all 0.15s ease-out; }
.c-Logo--animate .c-Logo__stripe { animation: cLogoAnimation 1s infinite; }

.c-LogoTitle { display: inline-block; vertical-align: middle; }

.c-Section + .c-Section { margin-top: 80px; }

.c-Section__title { background-color: #E8E8E8; border-radius: 10px; color: #EA8C55; font-size: 1.6em; margin-bottom: 22.5px; padding: 10px 20px; }

.c-Section__indicators { margin-bottom: 22.5px; margin: -10px 0 20px -30px; padding: 0 10px; }
.c-Section__indicators .c-Indicator { margin: 10px 0 0 30px; }

.c-TopBar { background-color: #EA8C55; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.45); color: white; margin-bottom: 40px; text-align: center; }
@media (min-width: 640px) { .c-TopBar { text-align: left; } }

.c-TopBar__inner { max-width: 930px; margin-left: auto !important; margin-right: auto !important; padding-left: 15px !important; padding-right: 15px !important; padding: 6px; }

.c-TopBar__select { -webkit-appearance: none; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTUgNmgxMGwtNSA5LTUtOXoiPjwvcGF0aD48L3N2Zz4=); background-origin: border-box; background-position: right -5px center; background-repeat: no-repeat; background-size: 20px; border: 0; border-bottom: 2px solid white; border-radius: 0; color: inherit; font: inherit; margin: 0 6px; outline: 0; padding-right: 20px; }
.c-TopBar__select:focus { border-bottom-color: rgba(255, 255, 255, 0.5); }

.c-TopBar__nav { margin-top: 20px; }
@media (min-width: 640px) { .c-TopBar__nav { float: right; margin-top: 8px; } }