@charset "utf-8";


.mailform1 {
	width:96%;
	margin:0 auto;
	padding:0;
}

.mailform1 input, textarea, label {
	width:98%;
}


.mailform1 label {

}

.mailform1 input, textarea {
	
	height:58px;
	font-size:20px;
	text-indent: 10px;
	line-height:24px;
	margin-bottom:1.5em;
	overflow:hidden;
}

.mailform1 textarea {
	min-height:200px;
	max-width:99%;
	min-width:99%;
}

/* плавное изменение прозрачности  placeholder-а при фокусе */
.mailform1 input::-webkit-input-placeholder, .mailform1 textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
.mailform1 input::-moz-placeholder, .mailform1 textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
.mailform1 input:-moz-placeholder, .mailform1 textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
.mailform1 input:-ms-input-placeholder, .mailform1 textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
.mailform1 input:focus::-webkit-input-placeholder, .mailform1 textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
.mailform1 input:focus::-moz-placeholder, .mailform1 textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
.mailform1 input:focus:-moz-placeholder, .mailform1 textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
.mailform1 input:focus:-ms-input-placeholder, .mailform1 textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}



/* сдвиг placeholder-а вправо при фокусе*/

.mailform1 input::-webkit-input-placeholder       {text-indent: 10px;   transition: text-indent 0.3s ease;}
.mailform1 input::-moz-placeholder                {text-indent: 10px;   transition: text-indent 0.3s ease;}
.mailform1 input:-moz-placeholder                 {text-indent: 10px;   transition: text-indent 0.3s ease;}
.mailform1 input:-ms-input-placeholder            {text-indent: 10px;   transition: text-indent 0.3s ease;}
.mailform1 input:focus::-webkit-input-placeholder {text-indent: 500px; transition: text-indent 0.3s ease;}
.mailform1 input:focus::-moz-placeholder          {text-indent: 500px; transition: text-indent 0.3s ease;}
.mailform1 input:focus:-moz-placeholder           {text-indent: 500px; transition: text-indent 0.3s ease;}
.mailform1 input:focus:-ms-input-placeholder      {text-indent: 500px; transition: text-indent 0.3s ease;}


.mailform1StatusMessage, .mailform1ErrorMessage {
	width:90%;
  font-size: 1.2em;
  padding: .5em;
  margin: 0 auto;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  text-align:center;
}

.mailform1StatusMessage {
  background-color: #2b2;
  border: 1px solid #080;
}

.mailform1StatusMessage h2 {
	  color:#FFFFFF;
}

/* form element visual styles */
	.mailform1 input,
	.mailform1 textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.mailform1 input:focus, .mailform1 textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:40px;
}

/* === HTML5 validation styles === */	
.mailform1 input:required, .mailform1 textarea:required {
	background: #fff url(/templates/images/red_asterisk.png) no-repeat 98% center;
}
.mailform1 input:required:valid, .mailform1 textarea:required:valid {
	background: #fff url(/templates/images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.mailform1 input:focus:invalid, .mailform1 textarea:focus:invalid {
	background: #fff url(/templates/images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* Submit buttons */

.mailform1 input[type="submit"] {
	height:40px;
	width:140px;
	padding:0;
	margin:0;
}

.mailform1 input[type="submit"] {
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	color: #fff;
	background:#3467cd;
	background:linear-gradient(to top, #3467cd, #218cd4);
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
  -moz-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
  -box-shadow: 0 0 .2em rgba(0, 0, 0, .8);
}
	
.mailform1 input[type="submit"]:hover {
	cursor:pointer;
	background:#009BE7;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
	     -o-transition: all 0.5s ease;
	    -ms-transition: all 0.5s ease;
	        transition: all 0.5s ease
	}