img:hover {
    opacity: 1;
       filter: alpha(opacity=50); /* For IE8 and earlier */
}

.introImageDiv {
    display: block;
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid white;
}

#introImage {

display: block;
opacity: 0.5;
animation-fill-mode: forwards;
animation: landing 1.5s;
animation-iteration-count: 100;
cursor: pointer;
}

#introVideo {
    display: none;
    position: absolute;
    top:0px;
    width: 100vw;
    height: 100vh;
    /*text-align: center;*/
    z-index: 4;
    animation: appear 2s;
}

@keyframes appear {
    0%   {opacity: 0;}
    100%   {opacity: 1;}
}

.introVideoDiv {
    display: block;
    background-color: white;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
}


@keyframes explode {
    0%   {opacity: 1;}
    50%   {opacity: 0.7; width: 20%; height: 20%; }
    100%   {opacity: 0; width: 0%; height: 0%; }
}

/* Logo blinkinng animation */
@keyframes landing {
    0%   {opacity: 1;}
    50%   {opacity: 0.5;}
    100%   {opacity: 1;}
}

/* Logo disappear animation */
@keyframes die {
    0%   {opacity: 1;}
    100%   {opacity: 0;}
}

@keyframes test {
    0%   {top: 50%;}
    100%   {top: 80%;}
}

.loadingTextDiv {
    display: block;
    position: fixed;
    top: 82%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*border: 1px solid white;*/
    width: 50em;
    text-align: center;
    z-index: 1;
}

.loadingText{
    position: relative;
    color: black;
    margin: 0 auto;
    border-right: 0px solid rgba(255,255,255,.75);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 4.2em;
    font-size: 100%;
    z-index: 2;
}

/* Animation for typing "Resistance is Futile" in a typewriter way */
.anim-typewriter{
  animation: typewriter 0.5s steps(44) 0.3s 1 normal both,
             blinkTextCursor 1000ms steps(44) infinite normal;
}

@keyframes typewriter{
  from{width: 0;}
  to{width: 4.2em;}
}

@keyframes blinkTextCursor{
  from{border-right-color: rgba(0,0,0,.75);}
  to{border-right-color: transparent;}
}

@font-face {
    font-family: 'aileronsregular';
    src: url('ailerons-regular-webfont.woff2') format('woff2'),
         url('ailerons-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* END of First_Contact_Intro part */