/* Enhancements CSS for robot arms
--------------------------------------------------------------*/
#robotLeft {
    position: absolute;
    bottom: 152px;
    left: 50%; }

#base {
    width: 156px;
    height: 156px;
    position: absolute;
    left: -490px;
    background: url(../images/robots/left/base.png) no-repeat 0 0; }

#arm {
    position: absolute;
    top: 27px;
    left: 11px;
    left: -490px;
    -webkit-transform-origin: 62px 47px;
    -webkit-transform: rotate(50deg);
    -webkit-animation: arm1 10s infinite linear;
    -moz-transform-origin: 62px 47px;
    -moz-transform: rotate(50deg);
    -moz-animation: arm1 10s infinite linear;
    transform-origin: 62px 47px;
    transform: rotate(50deg);
    animation: arm1 10s infinite linear; }

#upper {
    width: 279px;
    height: 79px;
    background: url(../images/robots/left/upper.png) no-repeat 0 0;
    position: absolute;
    top: 5px;
    left: 215px;
    -webkit-transform-origin: 63px 39px;
    -webkit-transform: rotate(50deg) translateX(20px);
    -webkit-animation: arm2 10s infinite linear;
    -moz-transform-origin: 63px 39px;
    -moz-transform: rotate(50deg) translateX(20px);
    -moz-animation: arm2 10s infinite linear;
    transform-origin: 63px 39px;
    transform: rotate(50deg) translateX(20px);
    animation: arm2 10s infinite linear; }

#lower {
    width: 277px;
    height: 100px;
    background: url(../images/robots/left/lower.png) no-repeat 0 0; }

@-webkit-keyframes arm1 {
    0% { -webkit-transform: rotate(0deg); }
    10% { -webkit-transform: rotate(0deg); }
    15%, 16% { -webkit-transform: rotate(-20deg); }
    15.5% { -webkit-transform: rotate(-19deg); } /*Judder after moving*/
    35% { -webkit-transform: rotate(-20deg); }
    40%, 41% { -webkit-transform: rotate(10deg); }
    40.5% { -webkit-transform: rotate(9deg); } /*Judder after moving*/
    70% { -webkit-transform: rotate(10deg); }
    75%, 76% { -webkit-transform: rotate(0deg); }
    75.5% { -webkit-transform: rotate(-1deg); } /*Judder after moving*/
    100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes arm1 {
    0% { -moz-transform: rotate(0deg); }
    10% { -moz-transform: rotate(0deg); }
    15%, 16% { -moz-transform: rotate(-20deg); }
    15.5% { -moz-transform: rotate(-19deg); } /*Judder after moving*/
    35% { -moz-transform: rotate(-20deg); }
    40%, 41% { -moz-transform: rotate(10deg); }
    40.5% { -moz-transform: rotate(9deg); } /*Judder after moving*/
    70% { -moz-transform: rotate(10deg); }
    75%, 76% { -moz-transform: rotate(0deg); }
    75.5% { -moz-transform: rotate(-1deg); } /*Judder after moving*/
    100% { -moz-transform: rotate(0deg); }
}

@-webkit-keyframes arm2 {
    /* Main movement */

    0% { -webkit-transform: rotate(0deg) translateX(-30px); -webkit-animation-timing-function: ease-in; }
    7% { -webkit-transform: rotate(0deg) translateX(0px); }
    10% { -webkit-transform: rotate(0deg); }
    15%, 16%, 19.5% { -webkit-transform: rotate(30deg); }
    15.5% { -webkit-transform: rotate(29deg); } /*Judder after moving*/

    35%, 40%, 41%, 47.5%, 70% { -webkit-transform: rotate(0deg); }
    40.5% { -webkit-transform: rotate(-1deg); } /*Judder after moving*/

    75%, 76% { -webkit-transform: rotate(0deg); }
    75.5% { -webkit-transform: rotate(-1deg); } /*Judder after moving*/
    80% { -webkit-transform: translateX(0px); -webkit-animation-timing-function: ease-out; }
    87% { -webkit-transform: translateX(-30px); -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: rotate(0deg) translateX(-30px); }


    /* First movement*/
    20%, 21%, 22.5%, 24.5% { -webkit-transform: rotate(40deg) translateX(0px); }
    20.5%, 21.5%, 23% { -webkit-transform: rotate(41deg) translateX(-2px); }

    25%, 26%, 27.5%, 29.5% { -webkit-transform: rotate(30deg) translateX(0px); }
    25.5%, 26.5%, 28% { -webkit-transform: rotate(31deg) translateX(-2px); }


    /* Second movement */
    60%, 61%, 62.5%, 64.5% { -webkit-transform: rotate(-40deg) translateX(0px); }
    60.5%, 61.5%, 63% { -webkit-transform: rotate(-41deg) translateX(-2px); }

    55%, 56%, 57.5%, 59.5% { -webkit-transform: rotate(-30deg) translateX(0px); }
    55.5%, 56.5%, 58% { -webkit-transform: rotate(-31deg) translateX(-2px); }

}

@-moz-keyframes arm2 {
    /* Main movement */

    0% { -moz-transform: rotate(0deg) translateX(-30px); -moz-animation-timing-function: ease-in; }
    7% { -moz-transform: rotate(0deg) translateX(0px); }
    10% { -moz-transform: rotate(0deg); }
    15%, 16%, 19.5% { -moz-transform: rotate(30deg); }
    15.5% { -moz-transform: rotate(29deg); } /*Judder after moving*/

    35%, 40%, 41%, 47.5%, 70% { -moz-transform: rotate(0deg); }
    40.5% { -moz-transform: rotate(-1deg); } /*Judder after moving*/

    75%, 76% { -moz-transform: rotate(0deg); }
    75.5% { -moz-transform: rotate(-1deg); } /*Judder after moving*/
    80% { -moz-transform: translateX(0px); -moz-animation-timing-function: ease-out; }
    87% { -moz-transform: translateX(-30px); -moz-animation-timing-function: ease-out; }
    100% { -moz-transform: rotate(0deg) translateX(-30px); }


    /* First movement*/
    20%, 21%, 22.5%, 24.5% { -moz-transform: rotate(40deg) translateX(0px); }
    20.5%, 21.5%, 23% { -moz-transform: rotate(41deg) translateX(-2px); }

    25%, 26%, 27.5%, 29.5% { -moz-transform: rotate(30deg) translateX(0px); }
    25.5%, 26.5%, 28% { -moz-transform: rotate(31deg) translateX(-2px); }


    /* Second movement */
    60%, 61%, 62.5%, 64.5% { -moz-transform: rotate(-40deg) translateX(0px); }
    60.5%, 61.5%, 63% { -moz-transform: rotate(-41deg) translateX(-2px); }

    55%, 56%, 57.5%, 59.5% { -moz-transform: rotate(-30deg) translateX(0px); }
    55.5%, 56.5%, 58% { -moz-transform: rotate(-31deg) translateX(-2px); }

}


/* Enhancements for scrolling
--------------------------------------------------------------
#stepOne #laser1 {
    background: url(../images/step-one/laser1.png) no-repeat 50% 0;
    width: 442px;
    height: 142px;
    position: absolute;
    top: 37px;
    bottom: 0;
    left: 50%;
    margin-left: -214px;
    right: 0;
    -webkit-animation: laser1 5s linear infinite;
    -moz-animation: laser1 5s linear infinite; }

@-webkit-keyframes laser1 {
    0% { -webkit-transform: translateY(200px); opacity: 0.25; }
    45% { -webkit-transform: translateY(0); opacity: 1; -webkit-animation-timing-function: ease-out; }
    55% { -webkit-transform: translateY(0); opacity: 1; -webkit-animation-timing-function: ease-in; }
    100% { -webkit-transform: translateY(-200px); opacity: 0.25; } }

@-moz-keyframes laser1 {
    0% { -moz-transform: translateY(200px); opacity: 0.25; }
    45% { -moz-transform: translateY(0); opacity: 1; -moz-animation-timing-function: ease-out; }
    55% { -moz-transform: translateY(0); opacity: 1; -moz-animation-timing-function: ease-in; }
    100% { -moz-transform: translateY(-200px); opacity: 0.25; } }
*/

#login #content {
    background: url('../images/login-bg.jpg') no-repeat center center;
}

.bold {
    font-weight: 600;
}