@charset "UTF-8";

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body {
    font: 400 11px/1.4 Verdana, sans-serif;
    color: #333333;
}

span,
a {
    cursor: pointer;
    color: #3499cc;
    text-decoration: underline;
}

#container_dc {
    position: absolute;
    width: 300px;
    height: 250px;
    border:1px solid #dddddd;
    top: 0px;
    left: 0px;
    margin: auto;
    overflow: hidden;
}

#content_dc {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: #ffffff;
    z-index: 100;
}

/* Invisible button for background clickthrough. */
#clickTag1 {
    position: absolute;
    width: 100%;
    height: 164px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 400;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

#body {
    position:relative;
    height: 164px;
    overflow: hidden;
}

#imgAmerica {
    position: absolute;
    top: 1px;
    left: 30px;
}

#txtAcross {
    width: 100%;
    text-align: center;
    position: absolute;
    padding: 0 2px;
    top: 60px;
    font-size: 21px;
    line-height: 1;
    font-weight: bold;
    color: #f54e95;
    text-shadow: 1px 2px 4px rgba(0,0,0,0.3);

    -webkit-animation: fadeIn 2s ease-in-out .25s normal 1 both;

            animation: fadeIn 2s ease-in-out .25s normal 1 both;
}

#imgCheck {
    /*filter: blur(4px);*/
    -webkit-animation: animCheck 1s linear 4.5s normal 1 both;
            animation: animCheck 1s linear 4.5s normal 1 both;
}

#imgDW {
    position: absolute;
    top: 20px;
    right: 2px;
    -webkit-animation: fadeIn .5s linear 5.3s normal 1 both;
            animation: fadeIn .5s linear 5.3s normal 1 both;
}

#imgVicLarge {
    position: absolute;
    top: 4px;
    left: 4px;
    -webkit-animation:
        fadeIn .5s linear 4.8s normal 1 backwards,
        animLogo .5s ease-in-out 9s normal 1 both;
            animation:
        fadeIn .5s linear 4.8s normal 1 backwards,
        animLogo .5s ease-in-out 9s normal 1 both;
}

#txtPeople {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 17px;
    line-height: 1.2;
    color: #880038;

    -webkit-animation:
        fadeIn .5s linear 4.8s normal 1 backwards,
        shiftUp .5s ease-in-out 9s normal 1 both,
        fadeOut .5s ease-in 9s normal 1 forwards;
            animation:
        fadeIn .5s linear 4.8s normal 1 backwards,
        shiftUp .5s ease-in-out 9s normal 1 both,
        fadeOut .5s ease-in 9s normal 1 forwards;
}

#txtFind {
    /*font-size: 16px;*/
    line-height: 1.2;
    color: #880038;
}

#txtDW1,
#txtDW2 {
    font-size: 8px;
    line-height: 1.1;
    position: absolute;
    bottom: 104px;
    left: 242px;
    right: 2px;
}

#txtDW1 {
    -webkit-animation:
        fadeIn .5s linear 5.3s normal 1 backwards,
        fadeOut 1s ease-in-out 9.4s normal 1 forwards;
            animation:
        fadeIn .5s linear 5.3s normal 1 backwards,
        fadeOut 1s ease-in-out 9.4s normal 1 forwards;
}

#txtDW2 {
    -webkit-animation:
        fadeIn 1s ease-in-out 9.4s normal 1 both;
            animation:
        fadeIn 1s ease-in-out 9.4s normal 1 both;
}

#cta {
    position: absolute;
    bottom: 15px;
    left: 4px;
    color: #880038;
    -webkit-animation: ctaIn 1s ease-in-out 9s normal 1 both;
            animation: ctaIn 1s ease-in-out 9s normal 1 both;
    font-size: 14px;
}

#btnLearn {
    margin-left: -6px;
}

#txtResults {
    position: absolute;
    bottom: 2px;
    left: 4px;
    -webkit-animation: fadeIn .5s linear 4.8s normal 1 both;
            animation: fadeIn .5s linear 4.8s normal 1 both;
}

#isi,
#footer {
    background-color: #f7f7f7;
    border-top: 1px solid #dddddd;
    padding: 4px;
}

#isi {
    height: 60px;
    overflow-y: scroll;
}

a > img {
    display: block;
    /*margin: 0 auto;*/
}

#cta small {
    color: #333333;
    text-align: right;
}

small {
    font-size: 10px;
}

#footer {
    height: 24px;
}

#isi .caption {
    font-size: 12px;
    margin: 0;
    font-style: italic;
}

#isi h1 {
    font-size: 12px;
    margin-bottom: 0;
    color: #880038;
}

#isi .caption + h1 {
    margin-top: 0;
}

#isi > * {
    margin: .5em 0;
}

#isi h1 + * {
    margin-top: 0;
}

sub, sup {
    font-size: 50%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.75em;
}

sub {
    bottom: -0.25em;
}

/* animations */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

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

@-webkit-keyframes shiftUp {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100px);
                transform: translate(0, -100px);
    }
}

@keyframes shiftUp {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(0, -100px);
                transform: translate(0, -100px);
    }
}

@-webkit-keyframes animLogo {
    0% {
        -webkit-transform: translate(0, 80px);
                transform: translate(0, 80px);
    }
    100% {
        -webkit-transform: translate(0, 0) scale(.8);
                transform: translate(0, 0) scale(.8);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
}

@keyframes animLogo {
    0% {
        -webkit-transform: translate(0, 80px);
                transform: translate(0, 80px);
    }
    100% {
        -webkit-transform: translate(0, 0) scale(.8);
                transform: translate(0, 0) scale(.8);
        -webkit-transform-origin: top left;
                transform-origin: top left;
    }
}

@-webkit-keyframes animCheck {
    0% {
        -webkit-transform: translate(-500px, -4px);
                transform: translate(-500px, -4px);
    }
    100% {
        -webkit-transform: translate(0, -4px);
                transform: translate(0, -4px);
    }
}

@keyframes animCheck {
    0% {
        -webkit-transform: translate(-500px, -4px);
                transform: translate(-500px, -4px);
    }
    100% {
        -webkit-transform: translate(0, -4px);
                transform: translate(0, -4px);
    }
}

@-webkit-keyframes ctaIn {
    0% {
        -webkit-transform: translate(0, 150px);
                transform: translate(0, 150px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes ctaIn {
    0% {
        -webkit-transform: translate(0, 150px);
                transform: translate(0, 150px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        opacity: 1;
    }
}