/*=FORMS */
form.default
{
    width:100%;
    box-shadow:0 2px 0px rgba(64, 56, 41, 0.1);
    background:#fff;
    border-radius:5px;
    overflow: hidden;
}

    form.default ::-webkit-input-placeholder, form.default :-ms-input-placeholder, form.default ::-moz-placeholder {color:#999;}

    form.default fieldset
    {
        border:none;
        margin:0 0 2em;
    }
    form.default fieldset + fieldset
    {
        margin-top:2em;
    }

            form.default fieldset > span
            {
                float: left;
                width: 6em;
                margin-top: 5px;
            }
        form.default label
        {
            display: block;
            margin-bottom:.5em;
        }

        @media (min-width:40em) {
            form.default label
            {
                float:left;
                width:33%;
                padding:1%;
                clear:both;
                margin-left:2%;
            }
        }

        form.default legend
        {
            width:100%;
            background:#C3D7E6;
            color:#3F6480;
            padding:3%;
            margin:0 0 1em 0;
            font-size:130%;
        }
            form.default legend + p
            {
                background:#FBFBC4;
                padding:1.5% 3%;
                margin:-1.3em 0 1em 0;
            }
        form.default label.radio
        {
            clear:none;
            float:left;
            width:50%;
        }
        @media (min-width:40em) {
            form.default label.radio {
                margin-left:0;
                width:15%;
            }

        }

            form.default label small
            {
                color:#999;
            }

            @media (min-width:40em) {
                form.default label small
                {
                    display:block;
                    line-height:1em
                }
            }

        form.default input[type=text],
        form.default input[type=tel],
        form.default input[type=email],
        form.default input[type=file],
        form.default textarea
        {
            width:100%;
            padding:2%;
            border:none;
            margin-bottom:1em;
            resize:none;
            background:#eee;
            position:relative;
            font:400 1em/1.2em Arial, sans-serif;
        }

        @media (min-width:40em) {
            form.default input[type=text],
            form.default input[type=tel],
            form.default input[type=email],
            form.default input[type=file],
            form.default textarea
            {
                float:left;
                width:63%;
                margin-right:2%;
            }
        }


        img[name=vimg] + input[name=imgverify]
        {
            float:right;
        }

        input[type=checkbox]
        {
            float:left;
            padding:2%;
            margin-top: 1%;
        }

        form.default button
        {
            background:#75C569;
            border:none;
            padding:2%;
            width:100%;
            margin-bottom:1em;
            color:#eee;
        }
        @media (min-width:40em) {
            form.default button
            {
                float:right;
                width:63%;
                margin:0 1em 2% 0;
            }

        }

        form.default button:hover
        {
            box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);
            cursor:pointer
        }
        form.default button:active
        {
            box-shadow:inset 0px 0px 2px rgba(0,0,0,0.8);
            cursor:pointer
        }

        /*=VALIDATION */
        form.default .errorContainer
        {
            position:relative;
        }
        form.default label.error
        {
            width:96%;
            margin-bottom:2%;
            background:red;
            background:rgba(255,0,0,0.7);
            color:#fff;
            padding:5px;
            text-align:center;
            position:relative;
            animation:error 1s;
            -webkit-animation:error 1s;
        }
        form.default label.error:before
        {
            border-left:7px solid transparent;
            border-right:7px solid transparent;
            border-bottom:10px solid rgba(255,0,0,0.7);
            border-top:0;
            height:0;
            right:10px;
            position:absolute;
            top:-10px;
            width:0;
            content:""
        }

        @keyframes error
        {
            from {opacity:0;}
            to {opacity:1;}
        }
        @-webkit-keyframes error
        {
            from {opacity:0;}
            to {opacity:1;}
        }

        .specialfield{display:none}


    #newsletter-info
    {
        border:1px solid red;
        padding:1em;
    }

    body.javascript #formNotice
    {
       padding:20px;
       height:100px;
    }
