
 
/* form styling */
#send{    
	border: 0 none;    
	cursor: pointer; 
 background:#8ec8a2; 
 color:#fff; 
 padding:10px 20px; 
 border-radius:10px; 
 transition:300ms; 
 display:inline-block; 
 margin:20px 0; 
 text-transform: uppercase; 
 }
 
input#send{
 background:#B92025; 
 color:#fff; 
padding: 10px 20px;
 border-radius:10px; 
	transition-duration:300ms;
	webkit-transition-duration:300ms;
	-moz-transition-duration:300ms;
	-o-transition-duration:300ms;
 display:inline-block; 
 cursor:pointer;
 text-transform:uppercase;
font-family: 'Muli', sans-serif;
 font-weight:300;
 letter-spacing:2px;
 line-height:20px;
 }
 
#send:hover{
 background:#000; 
 color:#fff;
 }
 
 


 
fieldset{
 background:#f8f8f8; 
 margin-bottom:30px; 
 padding:20px; 
 padding-bottom:0;
 border:1px solid #ccc;
 }
 
legend{
 font-size:18px; 
 font-weight:bold; 
 }
 
label{
 width:45%; 
 margin:0; 
 margin-right:5%; 
 float:left; 
 padding:5px 0; 
 clear:left; 
 }
 
label.error{
 color:#ff0000; 
 margin-left:50%; 
 font-size:12px; 
 font-weight:bold; 
 transition:500ms; 
 }
 
input{
 color:#777; 
 padding:5px 2.5%; 
 border:1px solid #ddd;/*	width:40%;*/}
 
textarea{
 color:#777; 
 padding:5px 2.5%; 
 border:1px solid #ddd;width:95%; 
 }
 
input[type=text]:focus {    border: 1px solid #555; 
 }
 
option, select{
 color:#777; 
 }
 
.clear-input{
 clear:both; 
 height:10px; 
 }
 
.warning{    background: #990000;    border-radius: 20px;    color: #fff;    font-size: 18px;    margin: 0 auto 30px;    padding: 2% 5%;    text-align: center;    width: 300px; 
 }
 
.success{   background: #8ec8a2;    border-radius: 20px;    color: #fff;    font-size: 18px;    margin: 30px auto;    padding: 2% 5%;    text-align: center;    width: 300px; 
 }
 
.conditional-style{
 background:#e5e5e5; 
 padding:3%; 
 }
 
