* { margin: 0; padding: 0; outline: none; }
/* html { font-size: 62.5%; height: 101%; } */

body { background: #fff; font-family: "Karla",sans-serif; }
img { border: 0; }

a { color: #3a51b2; text-decoration: none; }
a:hover { text-decoration: underline; }

h2 { font-size: 1.8em; line-height: 1.9em; margin-bottom: 15px;  }

p { color: #656565; font-size: 1.2em; margin-bottom: 10px; }

#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline { display: none; width: 100%; }

label { margin-right: 12px; margin-bottom: 9px; font-family: "Karla",sans-serif; font-weight: 500; color: #646464; font-size: 1.2em; }

.txt { 
display: inline-block; 
color: #676767;
/* max-width:290px;  */
width: 100%;
font-family: 'Karla', sans-serif;
margin-bottom: 10px; 
border: 1px dotted #ccc; 
padding: 0;
font-size:14px;
line-height:18px;
box-sizing: border-box;
}

.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
max-width:290px; 
width: 100%;
height: 150px;
border: 1px dotted #ccc;
padding: 0; 
font-size:14px;
line-height:18px;
box-sizing: border-box;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send {
    color: #000;
    display: block;
    cursor: pointer;
    padding: 6px 44px;
    font-size: 14px;	
    font-weight: bold;
    font-family: 'Karla', sans-serif;
    border: none;
    border-radius: 0px;
    background: #f0cf5c;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0cf5c), to(#f0cf5c));
    background: -moz-linear-gradient(top, #f0cf5c, #f0cf5c);
    background: -webkit-linear-gradient(top, #f0cf5c, #f0cf5c);
    background: -o-linear-gradient(top, #f0cf5c, #f0cf5c);
    background: -ms-linear-gradient(top, #f0cf5c, #f0cf5c);
    background: linear-gradient(top, #f0cf5c, #f0cf5c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0cf5c', endColorstr='#f0cf5c');
    text-transform: uppercase;
}
#send:hover {
background: #f13c6e; 
background: -webkit-gradient(linear, left top, left bottom, from(#f13c6e), to(#f13c6e)); 
background: -moz-linear-gradient(top,  #f13c6e, #f13c6e); 
background: -webkit-linear-gradient(top, #f13c6e, #f13c6e);
background: -o-linear-gradient(top, #f13c6e, #f13c6e);
background: -ms-linear-gradient(top, #f13c6e, #f13c6e);
background: linear-gradient(top, #f13c6e, #f13c6e);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f13c6e', endColorstr='#f13c6e');
color:#fff;
}
#send:active {
color: #0053fe; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}