@charset "UTF-8";
/**** VARIABLES ****/
/**** CSS FRAMEWORK ****/
/*/necolas.github.io/normalize.css/*/
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

html {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1.6;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #f2f2f2;
  color: #333333;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

a {
  color: #205297;
  outline: none;
  text-decoration: none;
}
a:focus, a:hover, a:active, a.active {
  color: #173b6d;
  text-decoration: underline;
}
a:visited {
  color: #2969c2;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 350;
}
h1.lined, h2.lined, h3.lined, h4.lined, h5.lined, h6.lined {
  border-top: 1px dashed #cccccc;
}

h1 {
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: -0.1rem;
}

h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -0.1rem;
}

h3 {
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -0.1rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -0.08rem;
}

h5 {
  font-size: 2.1rem;
  line-height: 1.4;
  letter-spacing: -0.05rem;
}

h6 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
}

/* Larger than phablet *
@media (min-width: 550px) {
  h1 { font-size: 4.2rem; }
  h2 { font-size: 3.8rem; }
  h3 { font-size: 3.2rem; }
  h4 { font-size: 2.8rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 2rem; }
}*/
p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #70e6e6;
}

a:hover {
  color: #b1f1f1;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

.button.button-primary,
button.button-primary,
input[type=submit].button-primary,
input[type=reset].button-primary,
input[type=button].button-primary {
  color: #FFF;
  background-color: #7070e6;
  border-color: #7070e6;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type=submit].button-primary:hover,
input[type=reset].button-primary:hover,
input[type=button].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type=submit].button-primary:focus,
input[type=reset].button-primary:focus,
input[type=button].button-primary:focus {
  color: #FFF;
  background-color: #7070e6;
  border-color: #7070e6;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid #70e6e6;
  outline: 0;
}

label,
legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

fieldset {
  padding: 0;
  border-width: 0;
}

input[type=checkbox],
input[type=radio] {
  display: inline;
}

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside;
}

ol {
  list-style: decimal inside;
}

ol, ul {
  padding-left: 0;
  margin-top: 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: 0.2rem 0.3rem;
  margin: 0 2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

th:first-child,
td:first-child {
  padding-left: 0;
}

th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem;
}

input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

.bc0, .bc00 {
  background: #dddedf;
}

.bc1, .bc01 {
  background: #e36363;
}

.bc2, .bc02 {
  background: #e38363;
}

.bc3, .bc03 {
  background: #e3a363;
}

.bc4, .bc04 {
  background: #e3c363;
}

.bc5, .bc05 {
  background: #e3e363;
}

.bc6, .bc06 {
  background: #c3e363;
}

.bc7, .bc07 {
  background: #a3e363;
}

.bc8, .bc08 {
  background: #83e363;
}

.bc9, .bc09 {
  background: #63e363;
}

.bc10 {
  background: #63e383;
}

.bc11 {
  background: #63e3a3;
}

.bc12 {
  background: #63e3c3;
}

.bc13 {
  background: #63e3e3;
}

.bc14 {
  background: #63c3e3;
}

.bc15 {
  background: #63a3e3;
}

.bc16 {
  background: #7b97ea;
}

.bc17 {
  background: #8c8cee;
}

.bc18 {
  background: #977bea;
}

.bc19 {
  background: #ab70e6;
}

.bc20 {
  background: #c363e3;
}

.bc21 {
  background: #e363e3;
}

.bc22 {
  background: #e363c3;
}

.bc23 {
  background: #e363a3;
}

.bc24 {
  background: #e36383;
}

.bcd0, .bcd00 {
  background: #5c5e61;
}

.bcd1, .bcd01 {
  background: #a83838;
}

.bcd2, .bcd02 {
  background: #a85438;
}

.bcd3, .bcd03 {
  background: #8c7054;
}

.bcd4, .bcd04 {
  background: #8a732e;
}

.bcd5, .bcd05 {
  background: #979749;
}

.bcd6, .bcd06 {
  background: #8ca838;
}

.bcd7, .bcd07 {
  background: #709d43;
}

.bcd8, .bcd08 {
  background: #54a838;
}

.bcd9, .bcd09 {
  background: #38a838;
}

.bcd10 {
  background: #38a854;
}

.bcd11 {
  background: #38a870;
}

.bcd12 {
  background: #38a88c;
}

.bcd13 {
  background: #3ea3a3;
}

.bcd14 {
  background: #388ca8;
}

.bcd15 {
  background: #3870a8;
}

.bcd16 {
  background: #3854a8;
}

.bcd17 {
  background: #3838a8;
}

.bcd18 {
  background: #5438a8;
}

.bcd19 {
  background: #7038a8;
}

.bcd20 {
  background: #8c38a8;
}

.bcd21 {
  background: #a838a8;
}

.bcd22 {
  background: #a8388c;
}

.bcd23 {
  background: #a83870;
}

.bcd24 {
  background: #a83854;
}

.fc9 {
  color: white;
}

.fc8 {
  color: #e6e6e6;
}

.fc7 {
  color: #cccccc;
}

.fc6 {
  color: #b3b3b3;
}

.fc5 {
  color: #999999;
}

.fc4 {
  color: #7a7a7a;
}

.fc3 {
  color: #5c5c5c;
}

.fc2 {
  color: #3d3d3d;
}

.fc1 {
  color: #1f1f1f;
}

.fc0 {
  color: #050505;
}

/* -------------------------------------------------------------------------- */
/*                                 GRID SYSTEM                                */
/* -------------------------------------------------------------------------- */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  width: 100%;
}
.container.grid-xl {
  max-width: 1296px;
}
.container.grid-lg {
  max-width: 976px;
}
.container.grid-md {
  max-width: 856px;
}
.container.grid-sm {
  max-width: 616px;
}
.container.grid-xs {
  max-width: 496px;
}

.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
  display: none !important;
}

.cols {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.8rem;
  margin-right: -0.8rem;
}
.cols.gapless {
  margin-left: 0;
  margin-right: 0;
}
.cols.gapless > .col {
  padding-left: 0;
  padding-right: 0;
}
.cols.oneline {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.col {
  flex: 1;
  max-width: 100%;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.col.c12, .col.c11, .col.c10, .col.c9, .col.c8, .col.c7, .col.c6, .col.c5, .col.c4, .col.c3, .col.c2, .col.c1, .col.c0 {
  flex: none;
}

.c12 {
  width: 100%;
}

.c11 {
  width: 91.66666667%;
}

.c10 {
  width: 83.33333333%;
}

.c9 {
  width: 75%;
}

.c8 {
  width: 66.66666667%;
}

.c7 {
  width: 58.33333333%;
}

.c6 {
  width: 50%;
}

.c5 {
  width: 41.66666667%;
}

.c4 {
  width: 33.33333333%;
}

.c3 {
  width: 25%;
}

.c2 {
  width: 16.66666667%;
}

.c1 {
  width: 8.33333333%;
}

.c0 {
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.x-auto {
  margin-left: auto;
  margin-right: auto;
}

.l-auto {
  margin-left: auto;
}

.r-auto {
  margin-right: auto;
}

@media (max-width: 1280px) {
  .xl12,
.xl11,
.xl10,
.xl9,
.xl8,
.xl7,
.xl6,
.xl5,
.xl4,
.xl3,
.xl2,
.xl1,
.xl0 {
    flex: none;
  }

  .xl12 {
    width: 100%;
  }

  .xl11 {
    width: 91.66666667%;
  }

  .xl10 {
    width: 83.33333333%;
  }

  .xl9 {
    width: 75%;
  }

  .xl8 {
    width: 66.66666667%;
  }

  .xl7 {
    width: 58.33333333%;
  }

  .xl6 {
    width: 50%;
  }

  .xl5 {
    width: 41.66666667%;
  }

  .xl4 {
    width: 33.33333333%;
  }

  .xl3 {
    width: 25%;
  }

  .xl2 {
    width: 16.66666667%;
  }

  .xl1 {
    width: 8.33333333%;
  }

  .xl0 {
    width: auto;
  }

  .hide-xl {
    display: none !important;
  }

  .show-xl {
    display: block !important;
  }
}
@media (max-width: 960px) {
  .lg12,
.lg11,
.lg10,
.lg9,
.lg8,
.lg7,
.lg6,
.lg5,
.lg4,
.lg3,
.lg2,
.lg1,
.lg0 {
    flex: none;
  }

  .lg12 {
    width: 100%;
  }

  .lg11 {
    width: 91.66666667%;
  }

  .lg10 {
    width: 83.33333333%;
  }

  .lg9 {
    width: 75%;
  }

  .lg8 {
    width: 66.66666667%;
  }

  .lg7 {
    width: 58.33333333%;
  }

  .lg6 {
    width: 50%;
  }

  .lg5 {
    width: 41.66666667%;
  }

  .lg4 {
    width: 33.33333333%;
  }

  .lg3 {
    width: 25%;
  }

  .lg2 {
    width: 16.66666667%;
  }

  .lg1 {
    width: 8.33333333%;
  }

  .lg0 {
    width: auto;
  }

  .hide-lg {
    display: none !important;
  }

  .show-lg {
    display: block !important;
  }
}
@media (max-width: 840px) {
  .md12,
.md11,
.md10,
.md9,
.md8,
.md7,
.md6,
.md5,
.md4,
.md3,
.md2,
.md1,
.md0 {
    flex: none;
  }

  .md12 {
    width: 100%;
  }

  .md11 {
    width: 91.66666667%;
  }

  .md10 {
    width: 83.33333333%;
  }

  .md9 {
    width: 75%;
  }

  .md8 {
    width: 66.66666667%;
  }

  .md7 {
    width: 58.33333333%;
  }

  .md6 {
    width: 50%;
  }

  .md5 {
    width: 41.66666667%;
  }

  .md4 {
    width: 33.33333333%;
  }

  .md3 {
    width: 25%;
  }

  .md2 {
    width: 16.66666667%;
  }

  .md1 {
    width: 8.33333333%;
  }

  .md0 {
    width: auto;
  }

  .hide-md {
    display: none !important;
  }

  .show-md {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .sm12,
.sm11,
.sm10,
.sm9,
.sm8,
.sm7,
.sm6,
.sm5,
.sm4,
.sm3,
.sm2,
.sm1,
.sm0 {
    flex: none;
  }

  .sm12 {
    width: 100%;
  }

  .sm11 {
    width: 91.66666667%;
  }

  .sm10 {
    width: 83.33333333%;
  }

  .sm9 {
    width: 75%;
  }

  .sm8 {
    width: 66.66666667%;
  }

  .sm7 {
    width: 58.33333333%;
  }

  .sm6 {
    width: 50%;
  }

  .sm5 {
    width: 41.66666667%;
  }

  .sm4 {
    width: 33.33333333%;
  }

  .sm3 {
    width: 25%;
  }

  .sm2 {
    width: 16.66666667%;
  }

  .sm1 {
    width: 8.33333333%;
  }

  .sm0 {
    width: auto;
  }

  .hide-sm {
    display: none !important;
  }

  .show-sm {
    display: block !important;
  }
}
@media (max-width: 480px) {
  .xs12,
.xs11,
.xs10,
.xs9,
.xs8,
.xs7,
.xs6,
.xs5,
.xs4,
.xs3,
.xs2,
.xs1,
.xs0 {
    flex: none;
  }

  .xs12 {
    width: 100%;
  }

  .xs11 {
    width: 91.66666667%;
  }

  .xs10 {
    width: 83.33333333%;
  }

  .xs9 {
    width: 75%;
  }

  .xs8 {
    width: 66.66666667%;
  }

  .xs7 {
    width: 58.33333333%;
  }

  .xs6 {
    width: 50%;
  }

  .xs5 {
    width: 41.66666667%;
  }

  .xs4 {
    width: 33.33333333%;
  }

  .xs3 {
    width: 25%;
  }

  .xs2 {
    width: 16.66666667%;
  }

  .xs1 {
    width: 8.33333333%;
  }

  .xs0 {
    width: auto;
  }

  .hide-xs {
    display: none !important;
  }

  .show-xs {
    display: block !important;
  }
}
.text-b {
  font-weight: 600;
}

.text-sm {
  font-size: x-small;
}

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

.pointer {
  cursor: pointer;
}

.shadow {
  box-shadow: 1px 1px 2px #33333377;
}

.clickable {
  cursor: pointer;
}
.clickable:hover {
  box-shadow: 0 0 6px #70e6e6;
}

.hover .auto-show {
  display: none;
}
.hover.relabs {
  position: relative;
}
.hover.relabs .auto-show {
  position: absolute;
}
.hover:hover .auto-show {
  display: initial;
}
.hover:hover .auto-hide {
  display: none;
}

.full-width {
  width: 100%;
  box-sizing: border-box;
}
.full-width.spaced {
  width: calc(100% - 1rem);
}

.mar4 {
  margin: 4rem;
}

.mar3 {
  margin: 3rem;
}

.mar2 {
  margin: 2rem;
}

.mar1 {
  margin: 1rem;
}

.pad4 {
  padding: 4rem;
}

.pad3 {
  padding: 3rem;
}

.pad2 {
  padding: 2rem;
}

.pad1 {
  padding: 1rem;
}

.gentle-shadow {
  box-shadow: 0 2px 5px rgba(201, 209, 230, 0.5), 0 7px 20px rgba(201, 209, 230, 0.75);
}

.color-card {
  border-radius: 0.3rem;
  box-shadow: 0 2px 5px rgba(201, 209, 230, 0.5), 0 7px 20px rgba(201, 209, 230, 0.75);
  background-color: white;
  padding: 1rem;
  color: white;
}
.color-card h6 {
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.color-card.orange {
  background: linear-gradient(40deg, #f26d40, #dfa943);
}
.color-card.purple {
  background: linear-gradient(40deg, #744fa1, #6b7adb);
}
.color-card.blue {
  background: linear-gradient(40deg, #4475cf, #35a4ed);
}
.color-card.grey {
  color: #333;
  background: linear-gradient(40deg, #f7f7f7, #eff6fb);
}
.color-card.white {
  color: #333;
  background: #fff;
}

/******** THEME *******/
.header {
  z-index: 1000;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 5px 10px;
  border-radius: 0 0 1rem 1rem;
  margin: 0 auto;
  max-width: 1150px;
  background: linear-gradient(100deg, #eb0071, #5855f1);
  transition: background 0.25s ease;
}
.header .contact {
  display: inline-block;
  color: white;
  font-size: 20px;
  margin: 6px;
  float: right;
}
.header img {
  height: 40px;
}
.header.bg {
  background: linear-gradient(40deg, #eb0071, #5855f1);
}

.hero {
  overflow: hidden;
  position: relative;
  padding-top: 60px;
  color: white;
  min-height: 100px;
  background: #ffce54;
  background: linear-gradient(45deg, #5b3eda, #29c2c2);
  margin-bottom: 16px;
}
.hero img {
  max-width: 90vw;
}
.hero .col {
  padding: 25px;
}

#footer {
  border-radius: 1rem 1rem 0 0;
  max-width: 1150px;
  margin: 20px auto 0;
  min-height: 100px;
  background: linear-gradient(50deg, #eb0071, #5855f1);
  color: white;
  font-size: smaller;
}
#footer .logo {
  max-width: 120px;
  margin-left: 16px;
}
#footer .copyright {
  text-align: center;
  font-size: small;
  padding: 12px;
}
#footer .at-symbol {
  max-width: 1rem;
  max-height: 1rem;
  margin: 0 0.1rem;
}

/************************/
.container {
  max-width: 1100px;
}

.embed {
  border: thin solid grey;
  border-radius: 5px;
}

.partnerlogos {
  text-align: center;
}
.partnerlogos img {
  max-width: 70%;
  margin-top: 20px;
}

img {
  max-width: 100%;
}

.section-image {
  border-radius: 0.4rem;
  border: #eeeeee 4px solid;
  box-shadow: 1px 1px 14px #33333333;
}

.explain {
  padding: 0 1rem;
  font-size: larger;
}

/* -------------------------------- JUST DEV -------------------------------- */
.show-borders {
  border: thin solid #8a8a8a !important;
}

/*# sourceMappingURL=app.css.map */