@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------form*/
input[type=radio]{display: none;}
input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:14px;}
input[type=radio]+label::before,
input[type=radio]+label::after { position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
input[type=radio]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 2px solid #CECECE; }
input[type=radio]+label::after { left: 5px; width: 10px;height: 10px;margin-top: -7px; background: #CECECE;}
input[type=radio]:checked+label::before { border-color:#333333; }
input[type=radio]:checked+label::after {background: #333333;}

input[type=checkbox]{display: none;}
input[type=checkbox]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:16px;}
input[type=checkbox]+label::before{ position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
input[type=checkbox]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 1px solid #B7B7B7; }
input[type=checkbox]:checked+label::before { border-color:#333333; }
input[type=checkbox]:checked+label::after {content: "\f00c";font-family:FontAwesome; position:absolute; top: 0; left: 2px;  color:#333333;}

input[type=text]{ outline:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: none transparent; background-color:#fff;vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 3px 10px; border:1px solid #B9B9B9; width:auto; border-radius:3px; box-sizing:border-box;}
input[type=text]:hover,
input[type=text]:focus{ border-color:#666666;}

.selectbox {position: relative; display:inline-block; white-space:nowrap; }
.selectbox:before { z-index: 1; position: absolute; right: 8px; top:50%; margin-top:-0.6em;content: "\f078"; font-family:FontAwesome; color: #7F878C; font-size:12px;pointer-events: none; }
.selectbox.noTxt:before {right: 10px;}
.selectbox select{ background-color:#fff;outline:none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; vertical-align: middle; font-size: inherit; color: inherit; -webkit-appearance: button; -moz-appearance: button; appearance: button; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 40px; padding: 3px 30px 3px 10px; border:1px solid #B9B9B9; width:auto; border-radius:3px; }
.selectbox select:hover{ border-color:#666666; }
select option{  background-color: #fff; color: #333;}
select[disabled]{ background-color:#eee; color:#999; }
select::-ms-expand {display: none;}
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #828c9a;}

button{position:relative;display: inline-block;overflow: visible;margin:0;padding: 7px 50px 10px 50px;cursor: pointer;transition: background 0.2s;text-align: center;text-decoration: none;outline: 0;border:none;background-color: #bea31d;box-sizing:border-box;color:#FFFFFF;font-size: 14px;font-weight:bold;letter-spacing:2px;border-radius: 50px;}
button:hover,
button:focus { background: #ADA31D;}

input::placeholder{ color:#B7B7B7}