.c-footer__translation {
  display: -webkit-box;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2; }

.c-footer__translation[aria-hidden='true'] {
  display: none; }

.c-dialog__overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(43, 46, 56, 0.9);
  -webkit-animation: fade-in 200ms both;
          animation: fade-in 200ms both; }

.c-dialog__translation-content {
  background-color: #01426A;
  margin: auto;
  z-index: 2;
  -webkit-animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
  animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;
  padding: 2rem;
  border-radius: 2px;
  overflow-y: scroll;
  overflow-x: scroll;
  top: 20vh;
  bottom: 20vh;
  position: fixed;
  left: 25vw;
  right: 25vw; }
  .c-dialog__translation-content h2:not([class]):not(:first-child) {
    margin-top: 0;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold; }
  @media (max-width: 37.5em) {
    .c-dialog__translation-content {
      top: 10vh;
      bottom: 10vh;
      left: 10vw;
      right: 10vw; } }

.c-dialog__translation-list {
  list-style: none;
  padding-left: 0;
  text-transform: uppercase;
  text-decoration: none;
  min-width: 700px; }
  @media (min-width: 87.5em) {
    .c-dialog__translation-list {
      -webkit-columns: 2;
         -moz-columns: 2;
              columns: 2; } }
  .c-dialog__translation-list li {
    padding-bottom: 1rem; }
    .c-dialog__translation-list li a {
      text-decoration: none;
      font-family: "Typold W05", sans-serif;
      color: #fff; }
      .c-dialog__translation-list li a:hover {
        text-decoration: underline; }

@media screen and (min-width: 700px) {
  .c-footer__translation {
    padding: 2em; } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; } }

@keyframes fade-in {
  from {
    opacity: 0; } }

@-webkit-keyframes slide-up {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%); } }

@keyframes slide-up {
  from {
    -webkit-transform: translateY(10%);
            transform: translateY(10%); } }

.c-dialog__close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.25em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s; }