@charset "UTF-8";
/* Fonts */
@font-face {
  font-family: "Nunito";
  font-weight: normal;
  font-style: normal;
  src: url("/fonts/Nunito-Regular.ttf"); }
@font-face {
  font-family: "Nunito";
  font-weight: normal;
  font-style: italic;
  src: url("/fonts/Nunito-Italic.ttf"); }
@font-face {
  font-family: "Nunito";
  font-weight: bold;
  font-style: normal;
  src: url("/fonts/Nunito-Bold.ttf"); }
@font-face {
  font-family: "Nunito";
  font-weight: bold;
  font-style: italic;
  src: url("/fonts/Nunito-BoldItalic.ttf"); }
/* Icons */
@font-face {
  font-family: 'fontello';
  src: url("/fonts/fontello.eot?24393092");
  src: url("/fonts/fontello.eot?24393092#iefix") format("embedded-opentype"), url("/fonts/fontello.woff?24393092") format("woff"), url("/fonts/fontello.ttf?24393092") format("truetype"), url("/fonts/fontello.svg?24393092#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-mail:before {
  content: '\e800'; }

/* '' */
.icon-group:before {
  content: '\e801'; }

/* '' */
.icon-book-open:before {
  content: '\e802'; }

/* '' */
.icon-lamp:before {
  content: '\e803'; }

/* '' */
.icon-chat:before {
  content: '\e804'; }

/* '' */
.icon-ok:before {
  content: '\e805'; }

/* '' */
.icon-basket:before {
  content: '\e807'; }

/* '' */
.icon-cog-alt:before {
  content: '\e808'; }

/* '' */
.icon-right-hand:before {
  content: '\e809'; }

/* '' */
.icon-ccw:before {
  content: '\e80a'; }

/* '' */
.icon-award:before {
  content: '\e80b'; }

/* '' */
.icon-globe:before {
  content: '\e80c'; }

/* '' */
.icon-flash:before {
  content: '\e80d'; }

/* '' */
.icon-tools:before {
  content: '\e80e'; }

/* '' */
.icon-cloud-thunder:before {
  content: '\e80f'; }

/* '' */
.icon-lifebuoy:before {
  content: '\e810'; }

/* '' */
.icon-desktop:before {
  content: '\e811'; }

/* '' */
.icon-heart-empty:before {
  content: '\e812'; }

/* '' */
.icon-heart:before {
  content: '\e813'; }

/* '' */
.icon-cancel-circle:before {
  content: '\e814'; }

/* '' */
.icon-ok-circle:before {
  content: '\e815'; }

/* '' */
.icon-block:before {
  content: '\e817'; }

/* '' */
.icon-play:before {
  content: '\e818'; }

/* '' */
.icon-stop:before {
  content: '\e819'; }

/* '' */
.icon-pause:before {
  content: '\e81a'; }

/* '' */
.icon-print:before {
  content: '\e81c'; }

/* '' */
.icon-money:before {
  content: '\e81d'; }

/* '' */
.icon-mail-1:before {
  content: '\e81e'; }

/* '' */
.icon-star:before {
  content: '\e81f'; }

/* '' */
.icon-star-empty:before {
  content: '\e820'; }

/* '' */
.icon-help-circled:before {
  content: '\e821'; }

/* '' */
.icon-help-circled-alt:before {
  content: '\e822'; }

/* '' */
.icon-home-1:before {
  content: '\e823'; }

/* '' */
.icon-cog:before {
  content: '\e824'; }

/* '' */
.icon-clock:before {
  content: '\e825'; }

/* '' */
.icon-down:before {
  content: '\e826'; }

/* '' */
.icon-left:before {
  content: '\e827'; }

/* '' */
.icon-right:before {
  content: '\e828'; }

/* '' */
.icon-up:before {
  content: '\e829'; }

/* '' */
.icon-cafe:before {
  content: '\e82b'; }

/* '' */
.icon-bicycle:before {
  content: '\e82c'; }

/* '' */
.icon-cc:before {
  content: '\e82d'; }

/* '' */
.icon-lock:before {
  content: '\e82e'; }

/* '' */
.icon-lock-open:before {
  content: '\e82f'; }

/* '' */
.icon-tag:before {
  content: '\e830'; }

/* '' */
.icon-bookmark:before {
  content: '\e831'; }

/* '' */
.icon-flag:before {
  content: '\e832'; }

/* '' */
.icon-roadblock:before {
  content: '\e833'; }

/* '' */
.icon-download-alt:before {
  content: '\e834'; }

/* '' */
.icon-pencil:before {
  content: '\e835'; }

/* '' */
.icon-spin5:before {
  content: '\e838'; }

/* '' */
.icon-th-list:before {
  content: '\f009'; }

/* '' */
.icon-location:before {
  content: '\f031'; }

/* '' */
.icon-bell:before {
  content: '\f03f'; }

/* '' */
.icon-movie:before {
  content: '\f040'; }

/* '' */
.icon-mic-off:before {
  content: '\f047'; }

/* '' */
.icon-mic:before {
  content: '\f048'; }

/* '' */
.icon-attach:before {
  content: '\f06a'; }

/* '' */
.icon-trophy:before {
  content: '\f074'; }

/* '' */
.icon-link:before {
  content: '\f07b'; }

/* '' */
.icon-zoom-in:before {
  content: '\f07e'; }

/* '' */
.icon-zoom-out:before {
  content: '\f07f'; }

/* '' */
.icon-trash:before {
  content: '\f083'; }

/* '' */
.icon-info-circled:before {
  content: '\f085'; }

/* '' */
.icon-info-circled-alt:before {
  content: '\f086'; }

/* '' */
.icon-fontsize:before {
  content: '\f088'; }

/* '' */
.icon-twitter:before {
  content: '\f099'; }

/* '' */
.icon-linkedin:before {
  content: '\f0e1'; }

/* '' */
.icon-suitcase:before {
  content: '\f0f2'; }

/* '' */
.icon-ambulance:before {
  content: '\f0f9'; }

/* '' */
.icon-direction:before {
  content: '\f124'; }

/* '' */
.icon-calendar-empty:before {
  content: '\f133'; }

/* '' */
.icon-rocket:before {
  content: '\f135'; }

/* '' */
.icon-instagram:before {
  content: '\f16d'; }

/* '' */
.icon-graduation-cap:before {
  content: '\f19d'; }

/* '' */
.icon-database:before {
  content: '\f1c0'; }

/* '' */
.icon-plug:before {
  content: '\f1e6'; }

/* '' */
.icon-chart-pie:before {
  content: '\f200'; }

/* '' */
.icon-chart-line:before {
  content: '\f201'; }

/* '' */
.icon-map-signs:before {
  content: '\f277'; }

/* '' */
.icon-facebook-squared:before {
  content: '\f308'; }

/* '' */
.icon-youtube:before {
  content: '\f315'; }

/* '' */
.icon-calendar:before {
  content: '\f4c5'; }

/* '' */
.icon-fire:before {
  content: '\f525'; }

/* '' */
/* Rest of the styles */
body {
  padding: 0;
  margin: 0;
  font-family: "Nunito", Arial, sans-serif;
  font-size: 16px;
  color: #566;
  line-height: 1.5em; }

header {
  background-color: #b5d0ff;
  padding: 1em;
  display: flex;
  align-items: center; }
  header:before {
    content: '';
    width: 330px;
    height: 50px;
    background: url("../images/mp_icon_logo.png") no-repeat;
    background-size: 100%; }
  header span[aria-hidden="true"] {
    display: none; }
  header .languagelink {
    margin-left: auto; }
    header .languagelink .languagelink-mobile {
      display: inline; }
    header .languagelink .languagelink-mobile {
      display: none; }

h1, h2, h3 {
  color: #448; }

a, a:visited {
  text-decoration: none;
  color: #44a;
  border-bottom: 1px dotted #99f; }

.maincontainer {
  display: flex;
  margin: auto;
  width: 80%;
  min-width: 300px;
  max-width: 1000px; }

.headermenu {
  margin: 0;
  background: white;
  border-bottom: 1px solid #b5d0ff;
  padding: 0.5em 1.25em; }
  .headermenu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .headermenu ul li {
      margin: 0 0.5em;
      white-space: nowrap;
      font-weight: bold;
      font-size: 1.25em; }
      .headermenu ul li a, .headermenu ul li a:visited {
        font-weight: normal;
        border-bottom: 0; }
      .headermenu ul li a:hover {
        border-bottom: 1px dotted #99f; }
      .headermenu ul li.questionsmenuitem {
        font-size: 1em;
        font-weight: normal;
        border-left: 1px solid #b5d0ff;
        padding-left: 1em; }

.homehighlight {
  background: #f0f0f7;
  padding: 1em; }

.home-wecando + ul {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end; }
  .home-wecando + ul li {
    border: 1px solid #b5d0ff;
    border-radius: 5px;
    width: 15%;
    min-height: 80px;
    margin: 0.75em;
    padding: 0.5em;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    white-space: nowrap; }
    .home-wecando + ul li .wecando-icon {
      color: #6666bf;
      margin-bottom: auto;
      display: block;
      font-size: 2.25em; }
      .home-wecando + ul li .wecando-icon.icon-book-open {
        color: #38B; }
      .home-wecando + ul li .wecando-icon.icon-map-signs {
        color: #E0805A; }
      .home-wecando + ul li .wecando-icon.icon-tools {
        color: #888; }
      .home-wecando + ul li .wecando-icon.icon-lifebuoy {
        color: #F46767; }

.img_computer_puzzle {
  width: 200px;
  display: block;
  margin: auto; }

.about-who-photo {
  background: #f0f0f7;
  border-radius: 5px 5px 0 0;
  width: 60%;
  min-width: 275px;
  margin: 0 auto;
  padding: 1em 0; }
  .about-who-photo img {
    display: block;
    width: 250px;
    margin: auto; }

.about-who-name, .about-who-title {
  background: #b5d0ff;
  color: #444;
  text-align: center;
  margin: 0 auto;
  width: 60%;
  min-width: 275px; }

.about-who-name {
  font-size: 1.15em;
  font-weight: bold;
  padding: 0.5em 0 0; }

.about-who-title {
  border-radius: 0 0 5px 5px;
  margin-bottom: 0.75em;
  padding: 0 0 0.5em; }
  .about-who-title + p {
    width: 60%;
    margin: auto;
    margin-bottom: 3em; }

footer {
  padding: 1.25em;
  border-top: 1px solid #b5d0ff; }

/* Mobile */
@media screen and (max-width: 512px) {
  body {
    font-size: 125%; }

  header {
    padding: 0.5em; }
    header .languagelink {
      font-size: 70%;
      line-height: 1em;
      margin-left: 1.5em; }
      header .languagelink .languagelink-desktop {
        display: none; }
      header .languagelink .languagelink-mobile {
        display: inline; }

  h1, h2, h3 {
    line-height: 1.15em;
    text-align: center; }

  .headermenu {
    font-size: 0.75em; }
    .headermenu ul li.questionsmenuitem {
      width: 100%;
      border-left: 0;
      text-align: center; }

  .home-wecando + ul {
    margin: 0;
    padding: 0; }
    .home-wecando + ul li {
      min-width: 250px; }

  .about-who-photo {
    background: #f0f0f7;
    border-radius: 10px 10px 0 0;
    width: 75%; }

  .about-who-name {
    width: 75%; }

  .about-who-title {
    border-radius: 0 0 10px 10px;
    font-size: 0.75em;
    width: 75%; }
    .about-who-title + p {
      width: 85%; } }