@font-face {
  font-family: 'acherus_grotesque_bold';
  src: url("../fonts/acherus_grotesque_bold.eot");
  src: url("../fonts/acherus_grotesque_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/acherus_grotesque_bold.woff") format("woff"), url("../fonts/acherus_grotesque_bold.ttf") format("truetype"), url("../fonts/acherus_grotesque_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'acherus_grotesque_light';
  src: url("../fonts/acherus_grotesque_light.eot");
  src: url("../fonts/acherus_grotesque_light.eot?#iefix") format("embedded-opentype"), url("../fonts/acherus_grotesque_light.woff") format("woff"), url("../fonts/acherus_grotesque_light.ttf") format("truetype"), url("../fonts/acherus_grotesque_light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'acherus_grotesque_regular';
  src: url("../fonts/acherus_grotesque_regular.eot");
  src: url("../fonts/acherus_grotesque_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/acherus_grotesque_regular.woff") format("woff"), url("../fonts/acherus_grotesque_regular.ttf") format("truetype"), url("../fonts/acherus_grotesque_regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: 100vh;
  width: 100vw;
  background: -webkit-linear-gradient(#32a5d2, rgba(50, 165, 210, 0));
  background-repeat: no-repeat; }

h1, h2, h3, h4 {
  font-family: 'acherus_grotesque_bold'; }

p, tr, td, input, a, li {
  font-family: 'acherus_grotesque_regular'; }

/* WebKit and Opera browsers */
@-webkit-keyframes popup_redbeardrunning_svg {
  from {
    -webkit-transform: rotateY(0deg); }
  to {
    -webkit-transform: rotateY(-360deg); } }

/* all other browsers */
@keyframes popup_redbeardrunning_svg {
  from {
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  to {
    -moz-transform: rotateY(-360deg);
    -ms-transform: rotateY(-360deg);
    transform: rotateY(-360deg); } }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }

/* all other browsers */
@keyframes spin {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes slidein {
  from {
    margin-right: 100%;
    width: 50%; }
  75% {
    margin-right: 25%;
    width: 75%; }
  to {
    margin-right: 0%;
    width: 100%; } }

#popup {
  position: fixed;
  z-index: 50;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  background: -webkit-linear-gradient(#32a5d2, white);
  top: 0;
  left: 0;
  /* you should change left and top */
  width: 100vw;
  height: 100vh;
  vertical-align: center; }
  #popup #popup_center {
    grid-column-start: 2;
    grid-row-start: 2;
    width: 350px;
    margin: 0 auto; }
    @media screen and (max-width: 39.9376em) {
      #popup #popup_center {
        width: 200px; } }
    #popup #popup_center #popup_5ht_logo {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 25px;
      box-shadow: -5px 5px 10px grey;
      display: block;
      width: 170px;
      height: auto;
      padding: 15px;
      margin: 0 auto; }
      @media screen and (min-width: 39.9376em) {
        #popup #popup_center #popup_5ht_logo {
          width: 300px; } }
    #popup #popup_center p {
      display: block;
      width: 200px;
      margin: 10px auto;
      text-align: center; }
    #popup #popup_center #popup_redbeardrunning_logo {
      width: 100px;
      margin: 0 auto;
      -webkit-perspective: 200px;
      -moz-perspective: 200px;
      -ms-perspective: 200px;
      perspective: 200px; }
      #popup #popup_center #popup_redbeardrunning_logo #popup_redbeardrunning_svg {
        -webkit-animation-name: popup_redbeardrunning_svg;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 6s;
        animation-name: popup_redbeardrunning_svg;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 6s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d; }
        #popup #popup_center #popup_redbeardrunning_logo #popup_redbeardrunning_svg:hover {
          -webkit-animation-play-state: paused;
          animation-play-state: paused; }
        #popup #popup_center #popup_redbeardrunning_logo #popup_redbeardrunning_svg img {
          width: 100px;
          height: 100px; }

#flexbox {
  display: flex;
  flex-direction: column;
  margin: 10px auto;
  max-width: 800px;
  padding: 0 10px;
  min-width: 280px; }

#flexbox_info {
  order: -7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 280px; }
  @media screen and (max-width: 540px) {
    #flexbox_info {
      flex-direction: column;
      max-width: 100%; } }
  #flexbox_info #home {
    order: -6;
    width: 100%;
    margin-top: 10px; }
    @media screen and (min-width: 640px) {
      #flexbox_info #home {
        padding-right: 36px; } }
    @media screen and (max-width: 390px) {
      #flexbox_info #home {
        align-self: flex-start; } }
    @media screen and (min-width: 391px) {
      #flexbox_info #home {
        align-self: flex-end;
        width: 150px; } }
    #flexbox_info #home #home-icons {
      background: rgba(255, 255, 255, 0.8);
      border-radius: 25px;
      box-shadow: -5px 5px 10px grey;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      justify-content: space-around;
      min-height: 70px; }
      #flexbox_info #home #home-icons img {
        margin: 0 auto; }
      #flexbox_info #home #home-icons #home-icons-one {
        grid-column-start: 1;
        grid-row-start: 2;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1px 1fr;
        align-items: center;
        padding-left: 10; }
        @media screen and (max-width: 39.9376em) {
          #flexbox_info #home #home-icons #home-icons-one {
            padding-left: 20px; } }
        #flexbox_info #home #home-icons #home-icons-one #logo {
          grid-column-start: 2;
          grid-row-start: 2; }
          #flexbox_info #home #home-icons #home-icons-one #logo img {
            width: 100px;
            height: auto; }

#menu {
  order: -5;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  margin-top: 10px; }
  @media screen and (max-width: 390px) {
    #menu {
      height: 100px;
      grid-template-columns: 1fr 1fr; } }
  #menu h4 {
    font-size: small;
    text-align: center;
    padding: 0;
    padding-top: 20px;
    margin: 5px 0 0 0; }
    @media screen and (max-width: 39.9375em) {
      #menu h4 {
        font-size: xx-small;
        padding-top: 13px; } }
  #menu .icon-box {
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 25px;
    box-shadow: -5px 5px 10px grey;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px auto; }
    @media screen and (max-width: 39.9375em) {
      #menu .icon-box {
        width: 110px;
        height: 110px; } }
  #menu li {
    list-style: none; }
    #menu li img {
      display: block;
      width: 85px;
      margin: 10px auto 0 auto; }
      @media screen and (max-width: 639px) {
        #menu li img {
          width: 70px;
          margin: 5px auto 0 auto; } }
  #menu #menu-icons-rehabilitation img {
    -webkit-animation-name: spin;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 50s;
    animation-name: spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 50s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    #menu #menu-icons-rehabilitation img:hover {
      -webkit-animation-play-state: paused;
      animation-play-state: paused; }

#login_form_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 30px 15px 0 15px;
  width: calc(100% - 30px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  box-shadow: -5px 5px 10px grey; }
  #login_form_container a {
    display: block;
    margin-bottom: 30px; }
  #login_form_container #login_form {
    padding: 0 10px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #login_form_container #login_form {
        max-width: 90%; } }
    #login_form_container #login_form ul {
      max-width: 500px;
      display: block;
      padding: 20px;
      margin: 0 auto 5px auto;
      background-color: rgba(86, 179, 103, 0.6);
      border-radius: 15px; }
      #login_form_container #login_form ul li {
        border-radius: 15px;
        display: block;
        list-style: none;
        font-size: small;
        text-align: left;
        padding: 5px 10px; }
        #login_form_container #login_form ul li h3 {
          padding: 0 0 3px 0;
          margin: 0;
          text-align: center; }
    #login_form_container #login_form p {
      max-width: 80%;
      display: block;
      font-size: small;
      text-align: left;
      margin: 0 auto 5px auto; }
      @media screen and (max-width: 640px) {
        #login_form_container #login_form p {
          text-align: left; } }
    #login_form_container #login_form #login_form_content input[type='text'] {
      background-color: rgba(255, 255, 255, 0.6); }
    #login_form_container #login_form #login_form_content input[type='password'] {
      background-color: rgba(255, 255, 255, 0.6); }
    #login_form_container #login_form #login_form_content input[type='submit'] {
      margin: 5px 0 5px 2px;
      background-color: rgba(255, 255, 255, 0.6); }
    #login_form_container #login_form #login_form_content h2 {
      font-size: large;
      text-align: center;
      padding: 0 0 40px 100px; }
    #login_form_container #login_form #login_form_content .errormessage {
      display: block;
      text-align: center;
      padding-top: 15px; }
    #login_form_container #login_form p {
      width: 200px;
      margin: 0 auto 0 auto; }
    #login_form_container #login_form a {
      color: #448590;
      text-decoration: none; }

#login_about_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 30px 15px 0 15px;
  width: calc(100% - 30px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  box-shadow: -5px 5px 10px grey; }
  #login_about_container #login_about {
    padding: 0 10px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #login_about_container #login_about {
        max-width: 90%; } }
    #login_about_container #login_about ul {
      width: 80%;
      display: block;
      padding: 0;
      margin: 0 auto 5px auto;
      background-color: rgba(86, 179, 103, 0.6);
      border-radius: 15px; }
      @media screen and (max-width: 640px) {
        #login_about_container #login_about ul {
          width: 90%; } }
      #login_about_container #login_about ul li {
        border-radius: 15px;
        display: block;
        list-style: none;
        font-size: medium;
        text-align: left;
        padding: 5px 10px; }
        @media screen and (max-width: 640px) {
          #login_about_container #login_about ul li {
            font-size: small; } }
        #login_about_container #login_about ul li a {
          color: white;
          text-decoration: none; }
    #login_about_container #login_about p {
      max-width: 80%;
      display: block;
      font-size: small;
      text-align: left;
      margin: 0 auto 5px auto; }
      @media screen and (max-width: 639px) {
        #login_about_container #login_about p {
          text-align: left;
          max-width: 90%; } }
    #login_about_container #login_about #login_about_content {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      /* offset-x | offset-y | blur-radius | color */
      margin: 0 auto; }
      #login_about_container #login_about #login_about_content h1 {
        font-size: larger;
        text-align: center; }
      #login_about_container #login_about #login_about_content.last-child {
        padding-bottom: 10px; }
    #login_about_container #login_about img {
      display: block;
      float: right;
      height: 100px;
      padding: 10px 10% 20px 0; }
      @media screen and (max-width: 639px) {
        #login_about_container #login_about img {
          height: 70px;
          padding: 10px 5% 20px 0; } }
#login_contact_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 30px 15px 0 15px;
  width: calc(100% - 30px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  box-shadow: -5px 5px 10px grey; }
  #login_contact_container a {
    display: block;
    margin-bottom: 30px; }
  #login_contact_container #login_contact {
    padding: 0 10px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #login_contact_container #login_contact {
        max-width: 90%; } }
    #login_contact_container #login_contact ul {
      max-width: 500px;
      display: block;
      padding: 0;
      margin: 0 auto 5px auto;
      background-color: rgba(86, 179, 103, 0.6);
      border-radius: 15px; }
      #login_contact_container #login_contact ul li {
        border-radius: 15px;
        display: block;
        list-style: none;
        font-size: small;
        text-align: left;
        padding: 5px 10px; }
        #login_contact_container #login_contact ul li h3 {
          padding: 0 0 3px 0;
          margin: 0;
          text-align: center; }
    #login_contact_container #login_contact p {
      max-width: 80%;
      display: block;
      font-size: small;
      text-align: left;
      margin: 0 auto 5px auto; }
      @media screen and (max-width: 640px) {
        #login_contact_container #login_contact p {
          text-align: left; } }
    #login_contact_container #login_contact #login_contact_content {
      display: block;
      position: relative;
      width: 100%;
      height: auto;
      /* offset-x | offset-y | blur-radius | color */
      margin: 30px auto 0 auto; }
      #login_contact_container #login_contact #login_contact_content ul {
        background-color: transparent; }
      #login_contact_container #login_contact #login_contact_content h1 {
        font-size: larger;
        text-align: center; }
      #login_contact_container #login_contact #login_contact_content h2 {
        font-size: large;
        text-align: center; }
      #login_contact_container #login_contact #login_contact_content #contact_icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around; }
        #login_contact_container #login_contact #login_contact_content #contact_icons h4 {
          font-size: small;
          text-align: center;
          padding: 0;
          padding-top: 20px;
          margin: 5px 0 0 0; }
          @media screen and (max-width: 39.9375em) {
            #login_contact_container #login_contact #login_contact_content #contact_icons h4 {
              font-size: xx-small;
              padding-top: 13px; } }
        #login_contact_container #login_contact #login_contact_content #contact_icons a {
          color: #448590;
          text-decoration: none; }
        #login_contact_container #login_contact #login_contact_content #contact_icons img {
          display: block;
          margin: 0 auto;
          width: 100px;
          height: auto; }
          @media screen and (max-width: 39.9375em) {
            #login_contact_container #login_contact #login_contact_content #contact_icons img {
              width: 70px;
              padding-top: 7px; } }
        #login_contact_container #login_contact #login_contact_content #contact_icons .icon-box {
          width: 150px;
          height: 150px;
          margin: 0 auto 20px auto; }
          @media screen and (max-width: 39.9375em) {
            #login_contact_container #login_contact #login_contact_content #contact_icons .icon-box {
              width: 110px;
              height: 110px; } }
    #login_contact_container #login_contact p {
      width: 80%;
      margin: 0 auto 0 auto;
      padding: 5px 0; }
      #login_contact_container #login_contact p a {
        color: #32a5d2;
        text-decoration: none; }

#login_rehabilitation_container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 20px 0;
  padding: 30px 15px 0 15px;
  width: calc(100% - 30px);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  box-shadow: -5px 5px 10px grey; }
  #login_rehabilitation_container a {
    display: block;
    margin-bottom: 30px; }
  #login_rehabilitation_container #login_rehabilitation {
    position: relative;
    padding: 0 10px;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #login_rehabilitation_container #login_rehabilitation {
        max-width: 90%; } }
    #login_rehabilitation_container #login_rehabilitation .change_language {
      position: absolute;
      right: -15px;
      top: -20px;
      width: 50px;
      height: 50px; }
      #login_rehabilitation_container #login_rehabilitation .change_language img {
        display: block;
        margin: 0 auto;
        width: 45px;
        height: 45px;
        -webkit-animation-name: popup_redbeardrunning_svg;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 30s;
        animation-name: popup_redbeardrunning_svg;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 30s; }
        #login_rehabilitation_container #login_rehabilitation .change_language img:hover {
          -webkit-animation-play-state: paused;
          animation-play-state: paused; }
      #login_rehabilitation_container #login_rehabilitation .change_language h3 {
        text-align: center;
        font-size: smaller;
        padding: 0;
        margin: 0; }
    #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content {
      padding: 0 10px;
      text-align: center; }
      @media screen and (max-width: 640px) {
        #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content {
          max-width: 90%; } }
      #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content ul {
        max-width: 500px;
        display: block;
        padding: 0;
        margin: 15px auto;
        background-color: rgba(86, 179, 103, 0.6);
        border-radius: 15px; }
        #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content ul li {
          border-radius: 15px;
          display: block;
          list-style: none;
          font-size: small;
          text-align: left;
          padding: 5px 10px; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content ul li h3 {
            padding: 0 0 3px 0;
            margin: 0;
            text-align: center; }
      #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content p {
        max-width: 80%;
        display: block;
        font-size: medium;
        text-align: left;
        margin: 0 auto 5px auto; }
        @media screen and (max-width: 640px) {
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content p {
            text-align: left;
            max-width: 100%; } }
      #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content .bas_meijer {
        float: right;
        clear: both;
        max-width: 100px;
        max-height: 100px;
        align-items: center;
        padding: 0; }
      #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons {
        width: 100%;
        display: flex;
        justify-content: space-around;
        margin-top: 30px;
        padding-bottom: 30px; }
        #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons a {
          margin: 0; }
        #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_one {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_one .icon-box {
            grid-column-start: 2;
            grid-row-start: 1; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_one img {
            width: 100px; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_one h3 {
            font-size: medium;
            text-align: center; }
        #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_two {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          grid-template-rows: 1fr; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_two .icon-box {
            grid-column-start: 2;
            grid-row-start: 1; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_two img {
            width: 100px; }
          #login_rehabilitation_container #login_rehabilitation #login_rehabilitation_content #rehabilitation_icons #rehabilitation_icons_two h3 {
            font-size: medium;
            text-align: center; }

#foot-container {
  order: -8;
  display: block;
  height: 40px; }
  #foot-container h2 {
    font-size: medium;
    text-align: center; }
  #foot-container #small_menu {
    display: grid;
    grid-template-columns: 80% 10% 10%;
    grid-template-rows: 1fr;
    height: auto;
    border-radius: 25px;
    margin: 10px auto 20px auto; }
    @media screen and (max-width: 39.9375em) {
      #foot-container #small_menu {
        grid-template-columns: 1fr 40px; } }
    #foot-container #small_menu #go-back {
      grid-column-start: 1;
      grid-row-start: 1;
      width: 35px;
      justify-items: start; }
      #foot-container #small_menu #go-back .go-back, #foot-container #small_menu #go-back .go-back-graphs, #foot-container #small_menu #go-back .go-back-calculators, #foot-container #small_menu #go-back .go-back-to-coach {
        position: relative; }
        #foot-container #small_menu #go-back .go-back img, #foot-container #small_menu #go-back .go-back-graphs img, #foot-container #small_menu #go-back .go-back-calculators img, #foot-container #small_menu #go-back .go-back-to-coach img {
          width: 35px; }
        #foot-container #small_menu #go-back .go-back h4, #foot-container #small_menu #go-back .go-back-graphs h4, #foot-container #small_menu #go-back .go-back-calculators h4, #foot-container #small_menu #go-back .go-back-to-coach h4 {
          color: white;
          position: absolute;
          font-size: small;
          padding: 0;
          top: -15px;
          left: 30px; }
          @media screen and (max-width: 39.9375em) {
            #foot-container #small_menu #go-back .go-back h4, #foot-container #small_menu #go-back .go-back-graphs h4, #foot-container #small_menu #go-back .go-back-calculators h4, #foot-container #small_menu #go-back .go-back-to-coach h4 {
              top: -10px;
              font-size: xx-small; } }
    #foot-container #small_menu #logout {
      display: none;
      grid-column-start: 3;
      grid-row-start: 1;
      width: 35px;
      justify-items: end; }
      #foot-container #small_menu #logout img {
        width: 35px;
        height: 35px; }
      #foot-container #small_menu #logout h3 {
        width: 50px;
        color: black;
        font-family: 'acherus_grotesque_regular';
        font-size: x-small;
        padding: 0;
        margin: 0; }
    #foot-container #small_menu .change_language {
      display: none;
      width: 35px;
      justify-items: end; }
      #foot-container #small_menu .change_language img {
        display: block;
        margin: 0 auto;
        width: 35px;
        height: 35px;
        opacity: .9; }
      #foot-container #small_menu .change_language .startAnimation {
        -webkit-animation-name: popup_redbeardrunning_svg;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-duration: 30s;
        animation-name: popup_redbeardrunning_svg;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 30s;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d; }
        #foot-container #small_menu .change_language .startAnimation:hover {
          -webkit-animation-play-state: paused;
          animation-play-state: paused; }

#slider {
  position: relative; }
  #slider img {
    transition: opacity 1.5s;
    position: absolute;
    top: 5px;
    left: 32px;
    opacity: 0; }
    @media screen and (max-width: 39.9375em) {
      #slider img {
        top: 0px;
        left: 20px; } }
  #slider img.fadeIn {
    opacity: 1; }

a.pageup {
  color: #448590;
  float: left;
  padding-left: 10%; }
  @media screen and (max-width: 639px) {
    a.pageup {
      padding-left: 0; } }
.hideme {
  display: none !important;
  order: 1; }