﻿div.contact-form { max-width:700px; margin: auto;}
    div.contact-form p { padding: 0; margin: 15px 0 2px 0; color: #222; }
        div.contact-form p.desc { padding: 0; margin: 1px 0 4px 0; font-style: italic; /*font-size:95%;*/ }
        div.contact-form p .manditory { color: #f00; font-weight: bold; font-size: 13px; }

    div.contact-form input,
    div.contact-form textarea,
    div.contact-form select { color: #111; font: normal 12px Arial, Verdana, Sans-Serif; padding: 4px 3px; margin: 0; }

    div.contact-form input,
    div.contact-form textarea { /*background:#fafafa url(/gfx/webbedit/contact-tbx.gif) top left no-repeat;*/ background-color: #fefefe; border: 1px solid #c8c8c8; outline-style: none; outline-width: 0pt; }

        div.contact-form input:focus,
        div.contact-form textarea:focus { /*background:#fafafa url(/gfx/webbedit/contact-tbx-on.gif) top left no-repeat;*/ background-color: #fafafa; border: 1px solid #aaa; }

        div.contact-form input[type='text'] { width: 250px; -webkit-appearance: none; }
        div.contact-form input[type='file'] { width: 260px; padding: 2px; }
        div.contact-form input[type='radio'],
        div.contact-form input[type='checkbox'] { padding: 2px; }

        div.contact-form input.validationerror,
        div.contact-form textarea.validationerror,
        div.contact-form select.validationerror { /*background:#fdefef url(/gfx/webbedit/contact-tbx-error.gif) top left no-repeat;*/ background-color: #fdefef; border: 1px solid #dfc5c5; padding: 4px 3px; color: #c14949; }
    div.contact-form .validationerror { background-color: #fdefef; border: 1px solid #dfc5c5; padding: 2px; color: #c14949; }

    div.contact-form label { padding: 0 0 0 4px; margin: 0; line-height: 14px; }
    div.contact-form textarea { width: 350px; -webkit-appearance: none; }

    div.contact-form input[type='submit'] { margin-top: 15px; padding: 4px 16px; border: 1px solid #ccc; border-bottom: 1px solid #bbb; background-color: #eee; background-image: none; color: #333; font-weight: normal; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-appearance: none; }
        div.contact-form input[type='submit']:active { background-color: #ddd; }

    div.contact-form .errorlist { background-color: #fdefef; border: 1px solid #dfc5c5; color: #c14949 !important; padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
        div.contact-form .errorlist ul { color: #c14949 !important; }
            div.contact-form .errorlist ul li { color: #c14949 !important; font-weight: normal !important; }

    div.contact-form .okmessage { padding: 10px; margin: 10px 0 0 0; background-color: #f0fdef; border: 1px solid #bdbdbd; border-bottom: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; color: #95c149 !important; padding: 10px; margin: 10px 0 0 0; font-weight: bold; }
        div.contact-form .okmessage ul { color: #95c149 !important; }
            div.contact-form .okmessage ul li { color: #95c149 !important; font-weight: normal !important; }

    div.contact-form p { margin: 1em 0 0.4em 0; }


    div.contact-form input[type='text'], div.contact-form textarea { width: 100%; box-sizing: border-box; border-radius: 0.5em; border: 1px solid #000; }

    div.contact-form input, div.contact-form textarea, div.contact-form select,
    .memberForm .formDiv input[type=text], .memberForm .formDiv input[type=email], .memberForm .formDiv input[type=tel], .memberForm select { padding: 0.5em; }


    div.contact-form textarea { min-height: max(150px, 10vw); }

    div.contact-form button, .memberForm .formDiv button { background-color: #000; color: #fff; width:100%; display:block; padding: 10px; border-radius:100px; border:none; cursor:pointer;}
        div.contact-form button:hover, .memberForm .formDiv button:hover {opacity:0.7;}


        .wecaptcha { line-height: 40px; font-size: 20px; }
.wecaptcha-image { vertical-align: middle; border: 1px solid #ddd; }
.wecaptcha input[type='text'].wecaptcha-tbx { height: 40px; width: 45px; padding: 0 10px; border: 1px solid #ddd; text-align: center; font-size: 20px; line-height: 40px; vertical-align: middle; }


.smallContent {max-width: 1465px; margin: auto; }
@media only screen and (max-width: 480px)
{
    div.contact-form input[type='text']			{width:-moz-calc(80% - 2px)!important; width:-webkit-calc(80% - 2px)!important; width:calc(80% - 2px)!important;}
    div.contact-form textarea					{width:-moz-calc(95% - 2px)!important; width:-webkit-calc(95% - 2px)!important; width:calc(95% - 2px)!important;}
    div.contact-form .errorlist                 {width:-moz-calc(80% - 2px)!important; width:-webkit-calc(80% - 2px)!important; width:calc(80% - 2px)!important;}
}