<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'ec_square_sans_pro';
  src: url("fonts/ECSquareSans_Bold_W/ecsquaresanspro-bold-web.eot");
  src: url("fonts/ECSquareSans_Bold_W/ecsquaresanspro-bold-web.eot?#iefix") format("embedded-opentype"), url("fonts/ECSquareSans_Bold_W/ecsquaresanspro-bold-web.woff") format("woff"), url("fonts/ECSquareSans_Bold_W/ecsquaresanspro-bold-web.ttf") format("truetype"), url("fonts/ECSquareSans_Bold_W/ecsquaresanspro-bold-web.svg#ec_square_sans_probold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'ec_square_sans_pro';
  src: url("fonts/ECSquareSans_Medium_W/ecsquaresanspro-medium-web.eot");
  src: url("fonts/ECSquareSans_Medium_W/ecsquaresanspro-medium-web.eot?#iefix") format("embedded-opentype"), url("fonts/ECSquareSans_Medium_W/ecsquaresanspro-medium-web.woff") format("woff"), url("fonts/ECSquareSans_Medium_W/ecsquaresanspro-medium-web.ttf") format("truetype"), url("fonts/ECSquareSans_Medium_W/ecsquaresanspro-medium-web.svg#ec_square_sans_pro_mediumRg") format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'ec_square_sans_pro';
  src: url("fonts/ECSquareSans_Reg_W/ecsquaresanspro-regular-web.eot");
  src: url("fonts/ECSquareSans_Reg_W/ecsquaresanspro-regular-web.eot?#iefix") format("embedded-opentype"), url("fonts/ECSquareSans_Reg_W/ecsquaresanspro-regular-web.woff") format("woff"), url("fonts/ECSquareSans_Reg_W/ecsquaresanspro-regular-web.ttf") format("truetype"), url("fonts/ECSquareSans_Reg_W/ecsquaresanspro-regular-web.svg#ec_square_sans_proregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'ec_square_sans_pro';
  src: url("fonts/ECSquareSans_Thin_W/ecsquaresanspro-thin-web.eot");
  src: url("fonts/ECSquareSans_Thin_W/ecsquaresanspro-thin-web.eot?#iefix") format("embedded-opentype"), url("fonts/ECSquareSans_Thin_W/ecsquaresanspro-thin-web.woff") format("woff"), url("fonts/ECSquareSans_Thin_W/ecsquaresanspro-thin-web.ttf") format("truetype"), url("fonts/ECSquareSans_Thin_W/ecsquaresanspro-thin-web.svg#ec_square_sans_pro_thinRg") format("svg");
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'ec_square_sans_pro';
  src: url("fonts/ECSquareSans_Light_W/ecsquaresanspro-light-web.eot");
  src: url("fonts/ECSquareSans_Light_W/ecsquaresanspro-light-web.eot?#iefix") format("embedded-opentype"), url("fonts/ECSquareSans_Light_W/ecsquaresanspro-light-web.woff") format("woff"), url("fonts/ECSquareSans_Light_W/ecsquaresanspro-light-web.ttf") format("truetype"), url("fonts/ECSquareSans_Light_W/ecsquaresanspro-light-web.svg#ec_square_sans_pro_lightRg") format("svg");
  font-weight: 300;
  font-style: normal; }
.item {
  text-align: center;
  -webkit-transform-origin: 50% 50%;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  color: white;
  font-family: "ec_square_sans_pro";
  text-transform: uppercase;
  -webkit-transform: translate3d(0px, 0px, 0px) scale(4, 4);
  -webkit-backface-visibility: hidden; }

.country-selector .list {
  height: 24px;
  overflow: visible;
  width: 170px;
  position: relative;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 1s;
  margin-left: auto;
  margin-right: auto; }

.country-selector .list.show {
  opacity: 1; }

.inner {
  -webkit-transform: translate3d(0px, 0px, 0px); }

body {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden; }

.overlay-top {
  /*background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  height: 25px;
  width: 50px;
  position: absolute;
  top: -100px;
  */
  position: absolute;
  width: 100%;
  height: 3px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/interface/faded-line.png);
  top: -5px; }

.overlay-bottom {
  /*
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
  height: 25px;
  width: 50px;
  position: absolute;
  top: 100px;
  */
  width: 100%;
  position: absolute;
  height: 3px;
  bottom: 2px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/interface/faded-line.png); }

#meter {
  position: absolute;
  top: 0px;
  left: 0px; }

.overlay-bottom, .overlay-top {
  -webkit-backface-visibility: hidden; }

.panel {
  -webkit-transition: .5s ease-in-out all;
  transition: .5s ease-in-out all; }

.panel.ng-enter {
  -webkit-transition-delay: .75s;
  transition-delay: .75s; }

.panel.ng-enter,
.panel.ng-leave.ng-leave-active {
  -webkit-transform: translateX(380px); }

.panel.ng-leave,
.panel.ng-enter.ng-enter-active {
  -webkit-transform: translateX(0px); }

#map-holder {
  -webkit-transition: 1s ease-in-out all;
  transition: 1s ease-in-out all; }

#map-holder.ng-enter {
  opacity: 0;
  -webkit-transform: translateX(-100%); }

#map-holder.ng-enter.ng-enter-active {
  -webkit-transform: translateX(0px);
  opacity: 1; }

#map-holder.ng-leave {
  -webkit-transform: translateX(0px);
  opacity: 1; }

#map-holder.ng-leave.ng-leave-active {
  -webkit-transform: translateX(100%);
  opacity: 0; }

.policy {
  -webkit-transition: .7s ease-in-out all;
  transition: .7s ease-in-out all; }

.policy.ng-enter {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0.7, 0.7); }

.policy.ng-enter.ng-enter-active {
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1; }

.policy.ng-leave {
  -webkit-transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1; }

.policy.ng-leave.ng-leave-active {
  -webkit-transform: translate(-50%, -50%) scale(0.7, 0.7);
  opacity: 0; }

#overlay {
  -webkit-transition: .5s ease-in-out all;
  transition: .5s ease-in-out all; }
  #overlay .projectHolder {
    -webkit-transition: .5s ease-in-out all;
    transition: .5s ease-in-out all; }
  #overlay.ng-enter {
    background-color: transparent;
    opacity: 0; }
    #overlay.ng-enter .projectHolder {
      -webkit-transform: translateY(200px); }
  #overlay.ng-enter.ng-enter-active {
    opacity: 1; }
    #overlay.ng-enter.ng-enter-active .projectHolder {
      -webkit-transform: translateY(0px); }
  #overlay.ng-leave {
    opacity: 1; }
    #overlay.ng-leave .projectHolder {
      -webkit-transform: translateY(0px); }
  #overlay.ng-leave.ng-leave-active {
    opacity: 0; }
    #overlay.ng-leave.ng-leave-active .projectHolder {
      -webkit-transform: translateY(200px); }

/*
#topic-flyout {
  -webkit-transition: opacity 10s linear;

  img {
    -webkit-transition: opacity 10s linear;
  }
  &amp;.ng-enter {

    img {
      opacity: 0;
    }

  }
  &amp;.ng-enter.ng-enter-active {
    img {
      opacity: 1;
    }
  }
  &amp;.ng-leave {
    img {
      opacity: 1;
    }
  }
  &amp;.ng-leave.ng-leave-active {
    img {
      opacity: 0;
    }
  }
}
*/
.ng-hide {
  display: none !important; }

.eu-btn {
  -webkit-transition: 0.5s linear all;
  transition: 0.5s linear all;
  opacity: .64; }
  .eu-btn.ng-hide {
    opacity: 0; }
  .eu-btn.ng-hide-add, .eu-btn.ng-hide-remove {
    display: block !important; }

#topic-flyout img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0; }
  #topic-flyout img.show {
    -webkit-animation: show_animation .5s;
    animation: show_animation .5s;
    -webkit-animation-fill-mode: forwards;
    /* Chrome, Safari, Opera */
    animation-fill-mode: forwards; }

@keyframes show_animation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes show_animation {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.slider {
  position: relative;
  height: 230px;
  /*width: 610px;
  margin: auto;
  margin-top: 40px;*/ }

.slide {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center; }
  .slide img {
    height: 100%;
    width: auto; }

.next-btn, .prev-btn {
  display: block;
  position: absolute;
  background-position: top left;
  background-size: contain;
  bottom: 5px; }

.next-btn {
  width: 32px;
  height: 32px;
  right: 5px;
  background-image: url(../img/interface/right-arrow.png); }

.prev-btn {
  width: 32px;
  height: 32px;
  left: 5px;
  background-image: url(../img/interface/left-arrow.png); }

.slide.ng-hide-add,
.slide.ng-hide-remove {
  -webkit-transition: all linear 0.5s;
  -moz-transition: all linear 0.5s;
  -o-transition: all linear 0.5s;
  transition: all linear 0.5s;
  display: block !important; }

.slide.ng-hide-add.ng-hide-add-active,
.slide.ng-hide-remove {
  opacity: 0; }

.slide.ng-hide-add,
.slide.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

* {
  -webkit-font-smoothing: antialiased; }

/**
* IMPORTANT: LAYERS
* 1: footer
* 2: mapHolder
* 1000: Topics list (left-col)
* 1001: Project sheet
**/
html, body {
  padding: 0px;
  margin: 0px; }

body, p, h1, h2, h3, h4, h5, table, a {
  font-family: "ec_square_sans_pro";
  font-weight: 300; }

body {
  min-height: 100%;
  overflow: hidden; }

.wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  background-image: url(../img/interface/background-1920x1080.jpg);
  background-repeat: no-repeat;
  background-position: top left; }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.page {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }

.panel {
  width: 380px;
  /* height: calc(100% - 210px - 130px); */
  height: 705px;
  position: absolute;
  right: 0px;
  top: 210px;
  z-index: 200;
  color: white; }
  .panel p:first-child {
    margin-top: 0px; }

.pane {
  width: 100%;
  min-height: 705px;
  padding: 20px;
  background-image: url(../img/interface/ec-logo-rgb-stripes.png), url(../img/interface/menu-right-background-380x740.png);
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, top left;
  font-size: 18px;
  line-height: 26px;
  font-family: ec_square_sans_pro;
  font-weight: 300;
  -webkit-box-shadow: -1px 0 30px 2px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: -1px 0 30px 2px rgba(0, 0, 0, 0.16);
  box-shadow: -1px 0 30px 2px rgba(0, 0, 0, 0.16); }

.left-col {
  background-image: url(../img/interface/menu-left-background-340x1080.png);
  background-repeat: no-repeat;
  background-position: top left;
  position: relative;
  z-index: 1000;
  width: 340px;
  height: 100%;
  float: left; }

nav ul, nav li {
  list-style: none;
  margin: 0px;
  padding: 0px; }
nav a {
  -webkit-backface-visibility: hidden;
  -webkit-transition: background-color .5s;
  transition: background-color .5s;
  display: block;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 18px;
  padding: 19px 20px;
  color: white;
  border: none;
  width: 100%;
  background-color: transparent;
  border-top: solid 1px rgba(255, 255, 255, 0.75);
  font-family: ec_square_sans_pro;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  cursor: pointer; }
nav li:last-child a {
  border-bottom: solid 1px rgba(255, 255, 255, 0.75); }

#topic-flyout {
  width: 280px;
  min-height: 280px;
  max-height: 850px;
  position: absolute;
  left: 340px;
  top: 120px;
  padding: 20px;
  padding-bottom: 160px; }
  #topic-flyout h1 {
    text-align: center;
    font-size: 27px;
    color: white;
    text-transform: uppercase;
    margin: 0px;
    font-weight: 400; }
  #topic-flyout p {
    margin-top: 17px;
    font-size: 17px; }
  #topic-flyout p, #topic-flyout li, #topic-flyout li span {
    line-height: normal !important; }
  #topic-flyout li {
    margin-bottom: 7px; }
  #topic-flyout h1, #topic-flyout p {
    color: white; }
  #topic-flyout img {
    height: 130px;
    position: absolute;
    bottom: 23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }

/*
.inactive a {
  background-color:transparent !important;
}
a.red {
  background-color: transparent;
}
*/
header {
  height: 210px;
  width: 1580px;
  margin-left: 340px; }
  header hgroup {
    padding-left: 60px;
    padding-top: 37px; }
    header hgroup h1, header hgroup h2 {
      margin: 0px;
      font-family: ec_square_sans_pro;
      color: white; }
    header hgroup h1 {
      font-size: 60px;
      font-weight: 500;
      margin-bottom: 5px; }
    header hgroup h2 {
      font-size: 35px;
      font-weight: 300; }
  header #language-selector {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: calc(100% - 190px);
    top: 80px;
    text-transform: uppercase;
    font-size: 24px;
    white-space: nowrap; }

#map-holder {
  position: absolute;
  left: 620px;
  width: 920px;
  height: 740px;
  z-index: 2;
  padding: 50px; }

.map img {
  height: 100%;
  width: auto;
  max-height: 740px;
  pointer-events: none; }

#eu {
  margin-top: -50px;
  margin-left: -40px; }

#eu canvas {
  width: 915px;
  height: 710px; }

#footer {
  height: 180px;
  padding-top: 50px;
  overflow: hidden;
  margin-left: 340px;
  position: absolute;
  bottom: 0px;
  text-align: center;
  width: calc(100% - 340px);
  z-index: 10; }
  #footer .country-selector {
    margin-top: 30px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%); }
  #footer .eu-btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-200px, 5px);
    width: 91px;
    height: 75px;
    background-image: url(../img/interface/ec-map.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent; }

#logo {
  background-image: url(../img/interface/ec-logo-rgb-en.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 280px;
  height: 120px;
  width: 100%;
  height: 212px; }

.icon-holder {
  position: absolute;
  top: 0px;
  left: 0px; }

/*
.map-icon {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;

  background-image: url(../img/project.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;

  -webkit-transform: translate(-50%, -100%);

  cursor: pointer;
}*/
.map {
  position: relative; }

.map-icon, .map-eu-icon {
  position: absolute;
  -webkit-transition: .5s all linear;
  transition: .5s all linear;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.map-icon span, .map-eu-icon span {
  -webkit-transform: translate(-50%, 70%);
  z-index: 10;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  font-size: 23px;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer; }

.color-1::after {
  background-color: #ffce00; }

.map-icon.inactive, .map-icon.inactive::after, .map-eu-icon.inactive, .map-eu-icon.inactive::after {
  opacity: .45; }

.map-icon.inactive::after {
  -webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);
  transform: translate(-50%, -50%) scale(0.6, 0.6); }

.map-icon::after {
  content: '';
  -webkit-transition: .5s all linear;
  transition: .5s all linear;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 31px;
  height: 31px;
  display: block;
  cursor: pointer;
  /*background-image: url(../img/project.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
*/
  border-radius: 24px;
  z-index: 0;
  /*top: 0px;
  left: 0px;*/ }

.map-eu-icon {
  pointer-events: none; }

.map-eu-icon span {
  -webkit-transform: translate(0%, 0%);
  width: 32px;
  display: block;
  font-size: 19px;
  line-height: 32px;
  vertical-align: middle;
  font-family: "ec_square_sans_pro";
  font-weight: 400; }

.map-eu-icon::after {
  width: 31px;
  height: 31px;
  display: block;
  border-radius: 24px;
  content: '';
  position: absolute;
  opacity: .75;
  background-color: white; }

#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001; }
  #overlay .projectHolder {
    position: absolute;
    left: 340px;
    top: 212px;
    width: calc(100% - 720px);
    height: calc(100% - 212px);
    background-color: white; }

.viewport {
  position: absolute;
  top: 60px;
  bottom: 00px;
  left: 50px;
  right: 50px;
  overflow: hidden; }

figure {
  margin: 0px; }

figure img {
  width: 100%;
  height: auto; }

.projectFiche {
  padding-bottom: 30px;
  -webkit-backface-visibility: hidden;
  background-color: white;
  /*.quote-wrap {
      float:left;
      width: 50%;
      display: table;
  }*/ }
  .projectFiche:before, .projectFiche:after {
    content: "";
    display: table; }
  .projectFiche:after {
    clear: both; }
  .projectFiche {
    *zoom: 1; }
  .projectFiche h1 {
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 16px;
    margin-bottom: 1rem; }
  .projectFiche h2 {
    font-size: 19px;
    margin-bottom: 0px;
    font-weight: 500; }
  .projectFiche p, .projectFiche ul, .projectFiche ol {
    margin-top: 0px;
    margin-bottom: 5px; }
  .projectFiche aside {
    width: 175px;
    float: left; }
    .projectFiche aside h1, .projectFiche aside h2 {
      margin-top: 0px;
      font-weight: 500;
      line-height: 100%; }
    .projectFiche aside p {
      margin-top: 0px; }
    .projectFiche aside h1 {
      margin-bottom: 8px;
      font-size: 19px; }
    .projectFiche aside h2 {
      margin-bottom: 0px;
      font-size: 15px; }
    .projectFiche aside p {
      margin-bottom: 10px; }
  .projectFiche aside ~ * {
    margin-left: 200px; }
  .projectFiche .topic-header {
    padding: 20px 10px; }
    .projectFiche .topic-header span {
      text-transform: uppercase;
      font-size: 20px;
      color: white; }
  .projectFiche h1 {
    font-weight: 500; }
    .projectFiche h1 span {
      font-weight: 700; }
    .projectFiche h1 span::after {
      content: '-';
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
  .projectFiche p.objective {
    text-align: center;
    font-size: 36px;
    line-height: 100%;
    margin-bottom: 20px;
    margin-bottom: 1.3rem; }
  .projectFiche p.quote {
    font-size: 22px;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding-right: 3%;
    text-align: center; }
  .projectFiche .intro-wrap {
    display: table;
    margin-top: 10px;
    margin-bottom: 10px; }
    .projectFiche .intro-wrap:before, .projectFiche .intro-wrap:after {
      content: "";
      display: table; }
    .projectFiche .intro-wrap:after {
      clear: both; }
    .projectFiche .intro-wrap {
      *zoom: 1; }
    .projectFiche .intro-wrap figure, .projectFiche .intro-wrap video, .projectFiche .intro-wrap .slider {
      display: table-cell;
      width: 100%; }
  .projectFiche .intro-wrap ~ p:before, .projectFiche .intro-wrap ~ p:after {
    content: "";
    display: table; }
  .projectFiche .intro-wrap ~ p:after {
    clear: both; }
  .projectFiche .intro-wrap ~ p {
    *zoom: 1; }

a.btn {
  font-size: 14px;
  padding: 10px;
  text-decoration: none;
  font: "ec_square_sans_pro";
  font-weight: 300;
  cursor: pointer; }

.projectHolder .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url(../img/interface/close.png);
  border: none; }

#topic-flyout .close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 32px;
  height: 32px;
  background-image: url(../img/interface/close-white.png);
  background-size: cover;
  border: none;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5); }

button {
  border: none;
  font-size: 14px;
  padding: 10px;
  background-color: transparent;
  font-family: "ec_square_sans_pro";
  font-weight: 300;
  color: white; }

button:focus {
  outline: 0; }

.language-list {
  width: 400px;
  text-align: center;
  padding: 20px 10px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.6); }
  .language-list h1, .language-list li {
    font: "ec_square_sans_pro";
    font-weight: 300; }
  .language-list h1 {
    font-size: 1.5em;
    margin-top: 0px; }
  .language-list li {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase; }
    .language-list li::after {
      content: '-';
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px; }
    .language-list li:last-child::after {
      content: '';
      margin: 0px; }

.modal-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  text-align: center; }

#topic-flyout ul {
  margin-left: 17px;
  padding-left: 0px; }

.pane.country-sheet {
  padding: 0px; }

.country-sheet header {
  height: 75px;
  margin-left: 0px; }

.pane.country-sheet h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-family: "ec_square_sans_pro";
  font-weight: 500;
  margin: 0px;
  margin-bottom: 10px; }
.pane.country-sheet header h1 {
  text-transform: uppercase;
  margin-bottom: 0px;
  font-size: 40px;
  font-family: "ec_square_sans_pro";
  font-weight: 400;
  line-height: 40px; }

.country-sheet header, .demographics, .sources {
  border-bottom: solid 1px white;
  padding: 19px; }

.sources h1 {
  margin-bottom: 30px !important; }

.top-3 {
  padding: 19px; }

.donut-chart, .list {
  display: inline-block; }

.legend {
  display: block;
  clear: both;
  font-size: 10px;
  font-weight: 300; }

.panel dl {
  margin: 0px; }
  .panel dl:before, .panel dl:after {
    content: "";
    display: table; }
  .panel dl:after {
    clear: both; }
  .panel dl {
    *zoom: 1; }
.panel dt {
  clear: left;
  float: left;
  width: 65%; }
.panel dd {
  margin-left: 65%;
  text-align: right; }
.panel dt.inactive, .panel dd.inactive {
  opacity: .35; }
.panel dd, .panel li, .panel dt {
  font-weight: 400; }

.list:before, .list:after {
  content: "";
  display: table; }
.list:after {
  clear: both; }
.list {
  *zoom: 1; }

.list dl:before, .list dl:after {
  content: "";
  display: table; }
.list dl:after {
  clear: both; }
.list dl {
  *zoom: 1; }
.list dl dt, .list dl dd {
  font-size: 16px !important;
  text-align: left;
  font-weight: 500; }
.list dl dt {
  color: white;
  display: inline-block;
  line-height: 17px;
  padding-top: 2px;
  text-align: center;
  width: 35%;
  margin-bottom: 3px;
  margin-right: 10px; }
.list dl dd {
  line-height: 19px;
  margin-bottom: 3px;
  margin-left: 40%; }

.pane p, .pane li, .pane dt, .pane dd {
  font-size: 20px; }
.pane ul, .pane ul li {
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
.pane ul li::before {
  content: "\2014";
  margin-right: 10px; }

.donut-chart {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  position: relative;
  -webkit-mask-image: url(../img/interface/chart-mask.png);
  -webkit-mask-size: 150px 150px;
  -webkit-mask-position: top left; }

.donut-chart {
  float: left;
  margin-top: 10px;
  margin-right: 20px; }

.pie {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  clip: rect(0px, 75px, 150px, 0px); }

.hold {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  clip: rect(0px, 150px, 150px, 75px); }

.list {
  width: calc(100% - 150px - 20px); }

label.version {
  visibility: hidden;
  display: none; }

.start-header {
  display: block;
  width: 100%;
  height: 182px;
  overflow: visible;
  background-color: white; }
  .start-header .logo {
    width: 257px;
    height: 185px;
    background-image: url(../img/interface/start-logo.png);
    margin: 0px auto;
    -moz-transform: translateY(51px);
    -o-transform: translateY(51px);
    -ms-transform: translateY(51px);
    -webkit-transform: translateY(51px);
    transform: translateY(51px); }

.project-badge {
  width: 110px;
  height: 73px;
  background-image: url(../img/interface/project-badge.png);
  position: absolute;
  bottom: 0px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.policy {
  width: 600px;
  padding: 20px 20px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.6);
  color: white;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }
  .policy .logo {
    float: right;
    width: 75px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px; }
  .policy h1 {
    margin: 0px; }
  .policy .close {
    color: white;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px; }

.policies {
  width: 380px;
  position: absolute;
  right: 0px;
  height: 90px;
  text-align: center; }
  .policies div {
    display: inline-block;
    vertical-align: middle;
    height: 100%; }
  .policies div img {
    height: 100%;
    width: auto; }
  .policies div:last-child {
    margin-right: 0% !important;
    text-align: right; }
  .policies div:first-child {
    text-align: left; }
  .policies.span2 div {
    width: 40%;
    margin-right: 5%; }
  .policies.span3 div {
    width: 30%;
    margin-right: 3%; }

sup {
  position: absolute;
  margin-top: -6px; }

.ext-link {
  color: red;
  border: solid red 1px;
  padding: 10px;
  display: block;
  margin-top: 15px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  text-align: center; }

/*# sourceMappingURL=style.css.map */
</pre></body></html>