﻿div.contact-form							{max-width: 600px; 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 { font-size: 16px; text-indent: 10px; display: block; padding: 5px 0; width: 100%; height: 58px; border: 1px solid #000; line-height: 30px; background-color: #fff; -ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; box-sizing: border-box; }

div.contact-form input, 
div.contact-form textarea					{background-color:#fff; border:1px solid #000; outline-style:none; outline-width:0pt;}

div.contact-form input:focus, 
div.contact-form textarea:focus				{background-color:#fafafa; border:1px solid #aaa;}

div.contact-form input[type='text']			{-webkit-appearance:none;}
div.contact-form input[type='file']			{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-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					{height:auto; -webkit-appearance: none;}

    div.contact-form input[type='submit'] { margin: 15px 0; padding: 19px 0; line-height: 1em; text-align: center; color: #fff; background-color: #000000; font-weight: 400; display: block; text-transform: uppercase; text-decoration: none; font-size: 19px; }
        div.contact-form input[type='submit']:hover { background: #000000; opacity: 0.75; cursor:pointer; }

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;}

.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;
}
@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;}
}