/*
 * fonts
 *
 */

@font-face { font-family: 'helvetica-text-light'; src: url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_0_0.woff2') format('woff2'), url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_0_0.ttf') format('truetype'); }
@font-face { font-family: 'helvetica-text-regular'; src: url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_1_0.woff2') format('woff2'), url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_1_0.ttf') format('truetype'); }
@font-face { font-family: 'helvetica-text-bold'; src: url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_2_0.woff2') format('woff2'), url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_2_0.ttf') format('truetype'); }
@font-face { font-family: 'helvetica-display-light'; src: url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_3_0.woff2') format('woff2'), url('https://www.mireo.com/cdn/fonts/HelveticaNow/3A116A_3_0.ttf') format('truetype'); }

/*
 * normalize
 *
 */

html { font-family: 'helvetica-text-light'; font-size: 17px; line-height: 1.5; color: black;background-color: white; -webkit-text-size-adjust: 100%; }
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { padding: 0px; margin: 0px; }
main { display: block; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; cursor: pointer; text-decoration: none; color: #00A1DF;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
figure, img { border-style: none; max-width: 100%; height: auto; display: block; padding: 0; margin: 0; }
article, aside, footer, header, section, nav { display: block; }
b { font-family: 'helvetica-text-bold'; font-weight: normal; }

button, input, optgroup, select, textarea, label { font-family: "helvetica-text-regular"; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { border-style: none; outline: none; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend { color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }

/*
 * attributes
 *
 */

.hidden, [hidden] { display: none !important; }
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.center { text-align: center; }
.text-left { text-align: left; }
.right { text-align: right; }
.float-right { float: right; }
.float-left { float: left; }

/*
 * fonts
 *
 */

.helvetica-display-light { font-family: 'helvetica-display-light'; }
.helvetica-text-light { font-family: 'helvetica-text-light'; }
.helvetica-text-regular { font-family: 'helvetica-text-regular'; }
.helvetica-text-bold { font-family: 'helvetica-text-bold'; }
.symbol { font-family: 'symbol'; }

.font-t4 { font-family: 'helvetica-display-light'; font-size: 50px; line-height: 60px; }
.font-t3 { font-family: 'helvetica-display-light'; font-size: 40px; line-height: 48px; }
.font-t2 { font-family: 'helvetica-text-bold'; font-size: 25px; line-height: 30px; }
.font-t1 { font-family: 'helvetica-text-bold'; font-size: 20px; line-height: 24px; }
.font-t0 { font-family: 'helvetica-display-light'; font-size: 25px; line-height: 30px; }
.font-p3 { font-family: 'helvetica-display-light'; font-size: 25px; line-height: 37px; }
.font-p2 { font-family: 'helvetica-text-light'; font-size: 20px; line-height: 30px; }
.font-p1 { font-family: 'helvetica-text-light'; font-size: 17px; line-height: 25px; }
.font-p0 { font-family: 'helvetica-text-light'; font-size: 14px; line-height: 20px; }
.font-f1 { font-family: 'helvetica-text-regular'; font-size: 17px; line-height: 25px; }
.font-f0 { font-family: 'helvetica-text-regular'; font-size: 14px; line-height: 20px; }
.font-huge { font-family: 'helvetica-display-light'; line-height: 1.2; font-size: 90px; }

/*
 * colors
 *
 */

.co-black { color: #000000; }
.co-white { color: #ffffff; }
.co-mireo { color: #00A1DF; }
.co-grey1 { color: #6D7E8F; }
.co-grey2 { color: #98A0AD; }
.co-grey3 { color: #E0E1E4; }
.co-orange { color: #EC993B; }

.bg-black { background-color: #000000; }
.bg-white { background-color: #ffffff; }
.bg-mireo { background-color: #00A1DF; }
.bg-grey1 { background-color: #6D7E8F; }
.bg-grey2 { background-color: #98A0AD; }
.bg-grey3 { background-color: #E0E1E4; }
.bg-sky-blue { background-color: #A2C5DF; }
.bg-aubergine { background: #942973; }
.bg-cardinal { background-color: #B9164E; }
.bg-navy { background-color: #166EAF; }
.bg-dark-green { background-color: #178053; }
.bg-orange { background-color: #EC993B; }

.bg-whiteg { background-color: rgba(255, 255, 255, .95); background-image: linear-gradient(rgba(255,255,255,1) 66%, rgba(255,255,255,0.97), rgba(255,255,255,0.90), rgba(255,255,255,0.78), rgba(255,255,255,0.65), rgba(255,255,255,0.50), rgba(255,255,255,0.35), rgba(255,255,255,0.22), rgba(255,255,255,0.10), rgba(255,255,255,0.03), rgba(255,255,255,0)); }
.bg-blackg { background-color: rgba(0, 0, 0, .95); background-image: linear-gradient(rgba(0,0,0,1) 66%, rgba(0,0,0,0.97), rgba(0,0,0,0.90), rgba(0,0,0,0.78), rgba(0,0,0,0.65), rgba(0,0,0,0.50), rgba(0,0,0,0.35), rgba(0,0,0,0.22), rgba(0,0,0,0.10), rgba(0,0,0,0.03), rgba(0,0,0,0)); }

.bo-black { border: 1px solid #000000; }
.bo-white { border: 1px solid #ffffff; }
.bo-mireo { border: 1px solid #00A1DF; }
.bo-grey1 { border: 1px solid #6D7E8F; }
.bo-grey2 { border: 1px solid #98A0AD; }
.bo-grey3 { border: 1px solid #E0E1E4; }

.bo2-black { border: 2px solid #000000; }
.bo2-white { border: 2px solid #ffffff; }
.bo2-mireo { border: 2px solid #00A1DF; }
.bo2-grey1 { border: 2px solid #6D7E8F; }
.bo2-grey2 { border: 2px solid #98A0AD; }
.bo2-grey3 { border: 2px solid #E0E1E4; }

/*
 * blocks
 *
 */

.block-full { display: block; width: 100%; overflow: hidden; }
.block-fullbg { display: block; width: 100%; min-height: 360px; overflow-x: hidden; padding: 0; margin: 0; background-position: bottom; background-size: auto 360px; background-repeat: no-repeat; }
.block-content { display: block; width: 100%; max-width: 1128px; padding-left: 24px; padding-right: 24px; margin: 0 auto; }
.block-content-narrow { display: block; width: 100%; max-width: 840px; padding-left: 24px; padding-right: 24px; margin: 0 auto; }
h1 > b, h2 > b, h3 > b, h4 > b { font-family: inherit; }

.block-row { display: block; }
.block-row:after { content: ''; display: block; clear: both; margin: 0; }
.block-row > * { float: left; position: relative; margin: 0; }
.block-row > *:nth-child(n+2) { margin-left: 5%; }

.col-1_12 { width: 3.75%; position: relative; }
.col-1_6 { width: 12.50%; position: relative; }
.col-1_4 { width: 21.25%; position: relative; min-height: 1px; }
.col-1_3 { width: 30.00%; position: relative; }
.col-5_12 { width: 38.75%; position: relative; }
.col-1_2 { width: 47.50%; position: relative; min-height: 1px; }
.col-7_12 { width: 56.25%; position: relative; }
.col-2_3 { width: 65.00%; position: relative; }
.col-3_4 { width: 73.75%; position: relative; }
.col-5_6 { width: 82.50%; position: relative; }
.col-11_12 { width: 91.25%; position: relative; }

.indent-1_12 > *:first-child { margin-left: 8.75%; }
.indent-1_6 > *:first-child { margin-left: 17.50%; }
.indent-1_4 > *:first-child { margin-left: 26.25%; }
.indent-1_3 > *:first-child { margin-left: 35.00%; }
.indent-1_2 > *:first-child { margin-left: 50%; }

.pad-0-1 { padding-top: 0; padding-bottom: 12px; }
.pad-1 { padding-top: 12px; padding-bottom: 12px; }
.pad-0-2 { padding-top: 0; padding-bottom: 24px; }
.pad-2 { padding-top: 24px; padding-bottom: 24px; }
.pad-0-3 { padding-top: 0; padding-bottom: 36px; }
.pad-3 { padding-top: 36px; padding-bottom: 36px; }
.pad-0-4 { padding-top: 0; padding-bottom: 48px; }
.pad-4 { padding-top: 48px; padding-bottom: 48px; }

.spc-0 > * { margin-top: 0; margin-bottom: 0; }
.spc-1 > * { margin-top: 0; margin-bottom: 0; }
.spc-2 > * { margin-top: 0; margin-bottom: 0; }
.spc-3 > * { margin-top: 0; margin-bottom: 0; }
.spc-4 > * { margin-top: 0; margin-bottom: 0; }
.spc-1 > *:nth-child(n+2) { margin-top: 12px; }
.spc-2 > *:nth-child(n+2) { margin-top: 24px; }
.spc-3 > *:nth-child(n+2) { margin-top: 36px; }
.spc-4 > *:nth-child(n+2) { margin-top: 48px; }

.quote { padding: 24px 24px 24px 96px; position: relative; border-radius: 24px; }
.quote:before { content: ' '; background-image: url(../img/assets/quote-squared.svg); position: absolute; width: 48px; height: 48px; left: 24px; background-size: cover; }

.hide-on-desktop { display: none; }

@media only screen and (max-width: 767px) {
	.font-huge { font-size: 60px; }
	.block-content { width: 100%; }
	.block-row > * { float: none; position: static; margin: 0; }
	.block-row > *:nth-of-type(n+2) { margin: 48px 0 0 0; }
	.col-1_12, .col-1_6, .col-1_4, .col-1_3, .col-5_12, .col-1_2, .col-7_12, .col-2_3, .col-3_4, .col-5_6, .col-11_12 { width: 100%; position: static; }
	.indent-1_12 > *:first-child, .indent-1_6 > *:first-child, .indent-1_4 > *:first-child, .indent-1_3 > *:first-child, .indent-1_2 > *:first-child { margin-left: 0; }
	.hide-on-mobile { display: none; }
	.hide-on-desktop { display: block; }
	.noscroll-on-mobile { overflow: hidden; }
	.quote { padding: 24px 24px 24px 72px; position: relative; }
	.quote:before { content: ' '; background-image: url(../img/assets/quote-squared.svg); position: absolute; width: 36px; height: 36px; left: 12px; background-size: cover; }
}

/*
 * img
 *
 */

img.center { margin: auto; }
img.medium { max-height: 300px; background-color: transparent; }
img.large  { max-height: 450px; background-color: transparent; }

img.img-grayscale { filter: grayscale(1); }

img.overflow-right, figure.overflow-right { max-width: none; position: absolute; top: 0px; }
img.overflow-left, figure.overflow-left { max-width: none; position: absolute; top: 0; right: 0; }

@media only screen and (max-width: 767px) {
	img.overflow-right, figure.overflow-right { margin: auto; width: 100%; position: static; }
	img.overflow-left, figure.overflow-left { margin: auto; width: 100%; position: static; }
}

/*
 * code
 *
 */

code[class*=language-],pre[class*=language-] {
    color: #000;
    background: 0;
    text-shadow: 0 1px #fff;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-size: .8em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

.token.cdata,.token.comment,.token.doctype,.token.prolog {
    color: #708090;
}

.token.punctuation {
    color: #999;
}

.token.namespace {
    opacity: .7;
}

.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag {
    color: #905;
}

.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string {
    color: #690;
}

.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url {
    color: #9a6e3a;
    background: hsla(0,0%,100%,.5);
}

.token.atrule,.token.attr-value,.token.keyword {
    color: #07a;
}

.token.class-name,.token.function {
    color: #dd4a68;
}

.token.important,.token.regex,.token.variable {
    color: #e90;
}

.token.bold,.token.important {
    font-weight: 700;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}