::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
:-moz-placeholder {color:#ccc;}
:-ms-input-placeholder {color:#ccc;}

label{font-size:12px;}
label span{color:#ccc;}

input, select, textarea{
    font-family: 'Open Sans', Verdana, sans-serif;
	font-size:14px;
	box-sizing: border-box;
	margin:3px 0 0;
	padding: 8px 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline-color:#ffe019;
	color: #222;
	-webkit-appearance: textfield;	
}
input:focus, select:focus, textarea:focus{border: 1px solid #ffe019;}


button, .button{
    font-size: 14px;	
	color: #222;
	cursor:pointer;
	border:0;
	border-radius: 3px;
    background-color: #ffdb4d;
	box-sizing: border-box;
	padding: 9px 10px;
	outline-color:#ffe019;
	font-family: 'Open Sans', Verdana, sans-serif;
    display:inline-block;
    text-align:center;	
}
button:hover, .button:hover{background-color:#fdd122;color:#222;}

.input-error{border:1px solid #e74c3c;
-webkit-box-shadow: 0px 0px 5px 0px rgba(231, 76, 60, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(231, 76, 60, 0.75);
box-shadow:         0px 0px 5px 0px rgba(231, 76, 60, 0.75);
}

/*------------------------------- --*/



.touch-btn{
    font:14px 'Roboto' Arial, sans-serif;
	box-sizing:border-box;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline-color:#27ae60;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
	color: #999;
	-webkit-appearance: textfield;
	cursor:pointer;
}
.touch-btn::-ms-expand {
  display: none;
}
.touch-btn:hover{background:#f8f8f8;}
.touch-btn-box{display:inline-block;margin-bottom:3px;}

input[type="checkbox"]{display:none;}
input[type="radio"]{display:none;}

input[type="radio"] ~ .touch-btn{display:inline-block;border-radius:4px;margin-bottom:4px;line-height:36px;margin:0px 2px 0px 0;}
input[type="radio"] ~ .touch-btn label{cursor:pointer;color:#333;text-decoration:none;color:#333;display:inline-block;height:100%;padding:0 12px;}
input[type="radio"] ~ .touch-btn label:hover{text-decoration:none;}

input[type="checkbox"] ~ .touch-btn{display:inline-block;border-radius:10px;width:20px;height:20px;margin-right:10px;vertical-align:middle;}
input[type="checkbox"] ~ .touch-btn label{cursor:pointer;color:#333;text-decoration:none;color:#333;display:inline-block;height:100%;padding:0 12px;}
input[type="checkbox"] ~ .touch-btn label:hover{text-decoration:none;}

.budget:checked ~ .check-budget
{background:#ffdb4d;}
.agree:checked ~ .check-agree
{background:#ffdb4d;}