/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-300.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-300.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-300.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-regular.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-regular.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-700.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */ }
@-webkit-keyframes movedown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(30px); } }
@-moz-keyframes movedown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(30px); } }
@-ms-keyframes movedown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(30px); } }
@-o-keyframes movedown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(30px); } }
@keyframes movedown {
  0% {
    opacity: 0;
    transform: translateY(-30px); }
  50% {
    opacity: 1;
    transform: translateY(0px); }
  100% {
    opacity: 0;
    transform: translateY(30px); } }
@-webkit-keyframes pulse {
  0% {
    transform: scale(0.92); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.92); } }
@-moz-keyframes pulse {
  0% {
    transform: scale(0.92); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.92); } }
@-ms-keyframes pulse {
  0% {
    transform: scale(0.92); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.92); } }
@-o-keyframes pulse {
  0% {
    transform: scale(0.92); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.92); } }
@keyframes pulse {
  0% {
    transform: scale(0.92); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.92); } }
@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-moz-keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-ms-keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-o-keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-webkit-keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-moz-keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-ms-keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-o-keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-15%); }
  100% {
    opacity: 1;
    transform: translateY(0%); } }
@-webkit-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-moz-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-ms-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-o-keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@keyframes fadeRight {
  0% {
    opacity: 0;
    transform: translateX(15%); }
  100% {
    opacity: 1;
    transform: translateX(0%); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes circle {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-moz-keyframes circle {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-ms-keyframes circle {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-o-keyframes circle {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@keyframes circle {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
@-webkit-keyframes circle2 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(74, 124, 190, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0); } }
@-moz-keyframes circle2 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(74, 124, 190, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0); } }
@-ms-keyframes circle2 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(74, 124, 190, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0); } }
@-o-keyframes circle2 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(74, 124, 190, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0); } }
@keyframes circle2 {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(74, 124, 190, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(74, 124, 190, 0); } }
#vb-content {
  margin: 0;
  padding: 0; }
  @media only screen and (min-width: 1000px) and (max-height: 720px) {
    #vb-content {
      height: 100vh;
      width: 100vw;
      top: -0;
      left: 0;
      transform: none;
      max-height: 100vh;
      box-shadow: none; } }

#vb-content {
  background: url("/files/images/virtualbooth/bg.png") #fff repeat-x 0 0/auto 420px;
  color: #4A7CBE;
  font-family: "Roboto Condensed";
  font-size: 20px;
  overflow: hidden; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #vb-content {
      overflow-y: auto;
      font-size: 18px; } }
  @media only screen and (max-width: 600px) {
    #vb-content {
      overflow-y: auto;
      font-size: 17px;
      background-attachment: fixed;
      background-size: auto 1000vh; } }

#wrapper-vb {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  height: 700px;
  border-top: 0; }
  @media only screen and (min-width: 1000px) and (max-height: 720px) {
    #wrapper-vb {
      height: calc(100vw + 40px);
      width: 100vw;
      top: -40px; } }
  @media only screen and (max-width: 1150px) {
    #wrapper-vb {
      height: 100vh;
      width: 100vw;
      top: -40px; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #wrapper-vb {
      height: 100vh;
      width: 100vw; } }
  @media only screen and (max-width: 600px) {
    #wrapper-vb {
      height: auto; } }
  #wrapper-vb::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 11;
    opacity: 0.7;
    background: #000000;
    transition: ease all 0.5s;
    transform: translateY(-100%); }
  #wrapper-vb.hover::before, .videoplay #wrapper-vb::before {
    transform: translateY(0); }
  .flyer #wrapper-vb::before {
    transform: translateY(0); }

#main-vb .mod_article.first {
  position: absolute;
  height: 100%;
  overflow: hidden;
  width: 1200px;
  max-width: 100vw;
  left: 0%;
  box-sizing: border-box; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #main-vb .mod_article.first {
      max-width: 100vw;
      padding-bottom: 1000px; } }
  @media only screen and (max-width: 600px) {
    #main-vb .mod_article.first {
      max-width: 100%;
      position: relative;
      padding-bottom: 90vw; } }
  #main-vb .mod_article.first > div {
    position: absolute; }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first > div {
        position: relative; } }
  #main-vb .mod_article.first .newsrollup {
    width: 250px;
    top: 100px; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .newsrollup {
        top: 11vh; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .newsrollup {
        top: 65px; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .newsrollup {
        top: 200px;
        left: -15px;
        width: 225px; } }
    #main-vb .mod_article.first .newsrollup figure {
      left: 20px;
      position: relative; }
    #main-vb .mod_article.first .newsrollup .content {
      position: absolute;
      width: 180px;
      top: 70px;
      left: 57px;
      font-size: 17px;
      color: #ffffff; }
      @media only screen and (max-width: 600px) {
        #main-vb .mod_article.first .newsrollup .content {
          left: 36px; } }
      #main-vb .mod_article.first .newsrollup .content a {
        color: #ffffff;
        text-decoration: underline; }
      #main-vb .mod_article.first .newsrollup .content h2 {
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1px; }
  #main-vb .mod_article.first .women {
    left: 200px;
    width: 300px;
    top: 220px;
    z-index: 10; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .women {
        top: 160px; } }
    @media only screen and (max-width: 1150px) {
      #main-vb .mod_article.first .women {
        left: 170px;
        width: 270px;
        top: 220px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .women {
        top: 165px; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .women {
        position: absolute;
        top: 320px;
        left: auto;
        right: -30px;
        width: 258px; } }
  #main-vb .mod_article.first .crossarms {
    left: 790px;
    width: 168px;
    top: 200px;
    z-index: 10; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .crossarms {
        top: 140px; } }
    @media only screen and (max-width: 1150px) {
      #main-vb .mod_article.first .crossarms {
        width: 145px;
        top: 235px;
        left: 645px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .crossarms {
        left: auto;
        width: 155px;
        top: 580px;
        right: 60px; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .crossarms {
        left: 0;
        width: 125px;
        top: auto;
        bottom: 0;
        position: absolute; } }
  #main-vb .mod_article.first figure {
    padding: 0;
    margin: 0; }
  #main-vb .mod_article.first .logowall {
    background: url("/files/images/virtualbooth/logo-wall.png") no-repeat 0 0/100% auto;
    width: 550px;
    height: 400px;
    left: 50%;
    transform: translateX(-50%);
    top: 100px; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .logowall {
        top: 12vh; } }
    @media only screen and (max-width: 1150px) {
      #main-vb .mod_article.first .logowall {
        width: 450px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .logowall {
        display: none;
        top: auto;
        bottom: 0;
        width: 70%; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .logowall {
        left: 15%;
        transform: none;
        width: 100%;
        top: auto;
        bottom: 0;
        position: absolute;
        height: 80vw; } }
    #main-vb .mod_article.first .logowall #glplab {
      width: 145px;
      position: absolute;
      top: 40px;
      left: 75px; }
    #main-vb .mod_article.first .logowall span {
      text-align: right;
      position: absolute;
      right: 85px;
      top: 40%;
      text-transform: uppercase;
      font-weight: 700; }
      @media only screen and (max-width: 600px) {
        #main-vb .mod_article.first .logowall span {
          top: 54%;
          right: 75px; } }
  #main-vb .mod_article.first .infothek {
    background: url("/files/images/virtualbooth/infothek.png") no-repeat 0 0/100% auto;
    width: 350px;
    height: 325px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
    top: 300px;
    position: relative; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .infothek {
        top: 50vh; } }
    @media only screen and (max-width: 1150px) {
      #main-vb .mod_article.first .infothek {
        top: 55vh;
        width: 300px; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .infothek {
        top: 660px;
        left: 28vw;
        transform: none; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .infothek {
        margin-top: 60vw;
        top: auto;
        transform: none;
        left: 3%;
        width: 94%; } }
    #main-vb .mod_article.first .infothek strong {
      position: absolute;
      left: 47px;
      top: 42px; }
      @media only screen and (max-width: 1150px) {
        #main-vb .mod_article.first .infothek strong {
          left: 36px; } }
      @media only screen and (max-width: 600px) {
        #main-vb .mod_article.first .infothek strong {
          left: 47px; } }
    .hover.fl #main-vb .mod_article.first .infothek {
      z-index: 99; }
  #main-vb .mod_article.first .wallpaper {
    background: url("/files/images/virtualbooth/wallpaper.png") no-repeat 0 0/100% auto;
    width: 230px;
    height: 425px;
    right: 15px;
    top: -10px; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .wallpaper {
        top: -40px; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .wallpaper {
        position: absolute;
        width: 170px;
        right: 5px;
        top: -45px; } }
    #main-vb .mod_article.first .wallpaper > a {
      display: block;
      position: absolute;
      font-size: 17px;
      text-align: center;
      color: #ffffff; }
      @media only screen and (max-width: 600px) {
        #main-vb .mod_article.first .wallpaper > a {
          font-size: 14px; } }
      #main-vb .mod_article.first .wallpaper > a.rct {
        top: 234px;
        left: 12px; }
        @media only screen and (max-width: 600px) {
          #main-vb .mod_article.first .wallpaper > a.rct {
            top: 171px;
            left: 6px; } }
      #main-vb .mod_article.first .wallpaper > a.tus {
        top: 125px;
        right: 36px; }
        @media only screen and (max-width: 600px) {
          #main-vb .mod_article.first .wallpaper > a.tus {
            top: 91px;
            right: 26px; } }
      #main-vb .mod_article.first .wallpaper > a:hover {
        z-index: 99; }
  #main-vb .mod_article.first .videodesk {
    background: url("/files/images/virtualbooth/display-our-mission.png") no-repeat 0 0/100% auto;
    width: 270px;
    height: 325px;
    right: 0px;
    bottom: 0px; }
    @media only screen and (min-width: 1000px) and (max-height: 720px) {
      #main-vb .mod_article.first .videodesk {
        top: 56vh; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
      #main-vb .mod_article.first .videodesk {
        top: 330px;
        bottom: auto; } }
    @media only screen and (max-width: 600px) {
      #main-vb .mod_article.first .videodesk {
        right: auto;
        bottom: auto;
        margin: 40px auto 20px; } }
    #main-vb .mod_article.first .videodesk > span {
      color: #ffffff;
      display: block;
      text-align: center;
      padding-top: 35px;
      text-transform: uppercase;
      cursor: pointer; }
    .hover.vd #main-vb .mod_article.first .videodesk, .videoplay #main-vb .mod_article.first .videodesk {
      z-index: 99; }

#vb-content img {
  max-width: 100%;
  height: auto; }

#vb-content a {
  color: #4A7CBE;
  text-decoration: none; }

#vb-content strong {
  font-weight: 700; }

#vb-content a, .infothek strong {
  transition: ease all .25s;
  cursor: pointer; }
  #vb-content a:hover, .infothek strong:hover {
    transform: scale(1.08); }

.videodesk span, .infothek strong {
  position: relative; }
  .videodesk span::before, .infothek strong::before {
    content: "";
    -webkit-animation: circle 2.5s infinite;
    -moz-animation: circle 2.5s infinite;
    -ms-animation: circle 2.5s infinite;
    -o-animation: circle 2.5s infinite;
    animation: circle 2.5s infinite;
    background: #9DB1DB;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    box-shadow: 0 0 0 white;
    transform: scale(1);
    position: absolute;
    left: 76px;
    top: 39px; }

.infothek strong::before {
  -webkit-animation: circle2 2.5s infinite;
  -moz-animation: circle2 2.5s infinite;
  -ms-animation: circle2 2.5s infinite;
  -o-animation: circle2 2.5s infinite;
  animation: circle2 2.5s infinite;
  background: #9DB1DB;
  left: calc(50% - 8px);
  top: -28px; }

#main-vb #video {
  width: 50%;
  height: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: ease all .3s;
  position: absolute;
  top: 50%;
  left: 50%; }
  @media only screen and (max-width: 600px) {
    #main-vb #video {
      width: 90vw;
      height: auto;
      position: fixed; } }
  #main-vb #video video {
    max-width: 100%;
    height: auto; }

#vb-content.videoplay #main-vb #video {
  opacity: 1;
  visibility: visible; }

#main-vb #flyer {
  width: 340px;
  height: 94%;
  transform: translateX(-50%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: ease all .3s;
  position: absolute;
  top: 1.5%;
  left: 50%; }
  @media only screen and (max-width: 600px) {
    #main-vb #flyer {
      width: 90vw;
      height: 90vh;
      left: 5vw;
      top: 3vw;
      position: fixed;
      transform: none; } }
  .flyer #main-vb #flyer {
    opacity: 1;
    visibility: visible; }
  #main-vb #flyer figure {
    width: 48%;
    padding: 0;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    line-height: 0; }
    @media only screen and (max-width: 600px) {
      #main-vb #flyer figure {
        width: 44%;
        margin: 1.5% 2%; } }
    #main-vb #flyer figure::after {
      position: absolute;
      content: "";
      bottom: -1px;
      right: 0;
      background: url("/files/images/virtualbooth/ecke.png") no-repeat 0 0/auto 100%;
      height: 36px;
      width: 35px;
      transition: ease .3s; }
    #main-vb #flyer figure:hover::after {
      height: 50px;
      width: 48px; }
    #main-vb #flyer figure figcaption {
      text-transform: uppercase;
      font-weight: 700;
      color: #ffffff;
      position: absolute;
      font-size: 18px;
      line-height: 1.4;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }

span.close {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  color: #ffffff;
  top: 20px;
  right: 20px;
  z-index: 999; }
  @media only screen and (max-width: 600px) {
    span.close {
      position: fixed;
      top: 0;
      right: 0; } }
  .flyer span.close.infowall, .videoplay span.close.mission {
    display: block; }
  .flyer span.close.infowall::after, .videoplay span.close.mission::after {
    content: "\00d7";
    font-size: 60px;
    display: block;
    cursor: pointer;
    line-height: 60px; }
  .videoplay span.close::after {
    color: #ffffff; }

.fadeDown {
  -webkit-animation: fadeDown 0.85s forwards;
  -moz-animation: fadeDown 0.85s forwards;
  -ms-animation: fadeDown 0.85s forwards;
  -o-animation: fadeDown 0.85s forwards;
  animation: fadeDown 0.85s forwards; }

.fadeUp {
  -webkit-animation: fadeUp 0.85s forwards;
  -moz-animation: fadeUp 0.85s forwards;
  -ms-animation: fadeUp 0.85s forwards;
  -o-animation: fadeUp 0.85s forwards;
  animation: fadeUp 0.85s forwards; }

.fadeIn {
  -webkit-animation: fadeIn 0.85s forwards;
  -moz-animation: fadeIn 0.85s forwards;
  -ms-animation: fadeIn 0.85s forwards;
  -o-animation: fadeIn 0.85s forwards;
  animation: fadeIn 0.85s forwards; }

.fadeRight {
  -webkit-animation: fadeRight 0.85s forwards;
  -moz-animation: fadeRight 0.85s forwards;
  -ms-animation: fadeRight 0.85s forwards;
  -o-animation: fadeRight 0.85s forwards;
  animation: fadeRight 0.85s forwards; }

.pulse {
  -webkit-animation: pulse 2.5s infinite;
  -moz-animation: pulse 2.5s infinite;
  -ms-animation: pulse 2.5s infinite;
  -o-animation: pulse 2.5s infinite;
  animation: pulse 2.5s infinite; }

.delay {
  animation-delay: 0.4s;
  opacity: 0; }

.delay2 {
  animation-delay: .7s;
  opacity: 0; }