div.contact
{
    margin-top:                 0px;
    padding-top:                0px;
}

div#contact_form_error
{
    color:                      #666;
    font-size:                  10px;
    line-height:                18px;
    font-weight:                bold;
    text-align:                 center !important;
}

div#contact_form_error:first-line
{
    font-size:                  14px;
    color:                      black;
}

p#contact_completion
{
    text-align:                 center;
    margin-top:                 120px;
    font-size:                  16px;
    line-height:                36px;
    font-weight:                bold;
}

p#contact_completion:first-line
{
    font-size:                  24px;
    color:                      black;
    -webkit-mask-image:         -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.6)))
}

.big-type
{
    color:          black;
    padding-right:   2px;
    font-size:      20px;
    font-weight:    bold;
    line-height:    16px;
    letter-spacing: -0.1em;
    -webkit-mask-image:         -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0.5)))
}

.big-type:first-line
{
    font-size:      30px;
    font-style:     italic;
    line-height:    25px;
}

.grey
{
    font-size:      9px;
    color:          #aaa;
}

form input[type="text"], input[type="password"], textarea
{
    max-width:                                  300px;
}

#turing
{
    margin-top:                                 -30px;
    opacity:                                    0.0;
}

#stamp
{
    color:                                      black;
    width:                                      20px;
    height:                                     20px;
    margin-bottom:                              8px;
    z-index:                                    9999;
    display:                                    inline-block;
    cursor:                                     move;
    opacity:                                    0.2;
    -webkit-animation-name:                     drop-target, wiggle;
    -webkit-animation-duration:                 0.4s;
    -webkit-animation-direction:                alternate;
    -webkit-animation-iteration-count:          infinite;
    -webkit-animation-timing-function:          linear;
}

#stamp.dragging
{
    -webkit-animation-name:                     none;
}                                               
                                                
#drop-targets                                   
{                                               
    overflow:                                   visible;
    float:                                      right;
}                                               
                                                
.target                                         
{      
    color:                                      black;                                         
    width:                                      20px;
    height:                                     20px;
    margin-bottom:                              8px;
    margin-left:                                5px;
    z-index:                                    9999;
    display:                                    block;
    float:                                      left;
    opacity:                                    0.2;
    -webkit-transform-origin:                   50% 50%;
    -webkit-transition-property:                -webkit-transform;
    -webkit-transition-duration:                0.5s;
}

.target.drag-in-progress
{
    color:                                      rgb(200, 0, 0);
    opacity:                                    0.5;
    -webkit-animation-name:                     drop-target, wiggle;
    -webkit-animation-duration:                 0.2s;
    -webkit-animation-direction:                alternate;
    -webkit-animation-iteration-count:          infinite;
    -webkit-animation-timing-function:          ease-in-out;
}

.target.hovering
{                                               
    opacity:                                    0.7;
    color:                                      rgb(0, 200, 0);
    -webkit-animation-name:                     drop-target !important;
}

@-webkit-keyframes drop-target
{
    from
    {
        opacity:                                0.2;
    }
    
    to
    {
        opacity:                                0.5;
    }
}

@-webkit-keyframes wiggle
{
    0%
    {
        -webkit-transform:                      rotate(10deg) translateX(-3px);
    }
    
    50%
    {
        -webkit-transform:                      translateY(-3px);
    }
    
    100%
    {
        -webkit-transform:                      rotate(-10deg) translateX(3px);
    }
}