@charset "utf-8";

/* base */
div.form { margin-top:30px; }
form > div { display:block; width:100%; padding:0px; margin-bottom:10px; vertical-align:top; }
form input[type="text"], form input[type="password"], form textarea, form div.select, form select, form div.checkbox, form div.radio { background:#eeeeee; padding:7px 7px; width:100%; transition:all .3s; -webkit-transition:all .3s; font-size:16px; font-weight:300; border-radius:5px; }
form input[type="text"]:hover, form input[type="text"]:focus, form input[type="password"]:hover, form input[type="password"]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus, form input[type="checkbox"]:hover+div.checkbox, form input[type="radio"]:hover+div.radio {
	background:#fcddcd;
}
form select:hover+div.select { background:url(../images/select.png) right center no-repeat #fcddcd; }
form div.select { position:absolute; background:url(../images/select.png) right center no-repeat #eeeeee; }
form div.select span, form select option { font-size:16px; color:#771f67; font-weight:400; }
form select, form div.select { width:100%; }
form input.error, form textarea.error, form input[type="checkbox"].error+div.checkbox, form input[type="radio"].error+div.radio, select.error {
	background:#f7838b;
}
form textarea { height:150px; }

form div.prefixed { display:table; width:100% !important; }
form div.prefixed > div:first-child { padding-right:5px; width:0px; }
form div.prefixed > div { display:table-cell; }

form input[type="checkbox"], form input[type="radio"] { position:absolute; width:36px; height:36px; opacity:0; left:25px; top:50%; margin-top:-18px; z-index:1; }
form input[type="checkbox"] { left:0px; top:0px; margin-top:0px; }
form div.radio { width:36px; height:36px; margin-right:10px; display:inline-block; position:absolute; left:25px; top:50%; margin-top:-18px; }
form div.checkbox { width:36px; height:36px; margin-right:15px; display:inline-block; }
form div.radio { width:30px; height:30px; margin-top:-15px; border-radius:50%; }
form input[type="radio"]:checked:hover+div.radio { background:#fcddcd; }
form div.radio::after { width:20px; height:20px; opacity:0; border-radius:50%; background:#771f67; left:5px; top:5px; transform:scale(0); transition:all .3s; -webkit-transition:all .3s; }
form div.checkbox::after { width:36px; height:36px; opacity:0; background:url(../images/checkbox.png) center center no-repeat; transform:scale(0); transition:all .3s; -webkit-transition:all .3s; position:absolute; top:0px; left:0px; content:''; }
form input[type="radio"]:checked+div.radio::after, form input[type="checkbox"]:checked+div.checkbox::after { opacity:1; transform:scale(1); }
form input[type="checkbox"]:checked+div.checkbox { background:#eeeeee; }
form input[type="checkbox"]:checked:hover+div.checkbox { background:#fcddcd; }
form div.radio+label { margin:0; font-weight:400; padding:7px 0px; }
form div.status, form div.remember { width:100%; padding-left:71px; min-height:36px; margin-top:15px; }
form div.checkbox+label { display:inline-block; line-height:36px; vertical-align:top;  }
form div.checkboxes div.checkbox+label {  font-weight:300; }

form input[type="radio"][disabled="disabled"]+div.radio { opacity:.5; background:#fcddcd !important; }
form input[type="radio"][disabled="disabled"]~label { opacity:.5; }

form label { font-weight:400; font-size:16px; display:block; margin-bottom:5px; }
form label a, form label strong { font-weight:600; font-size:16px; }
form label > span { color:#f00717; font-weight:600; vertical-align:super; }

form span.fb { color:#bc2e2e; padding:3px 0px 0px 5px; font-weight:600; display:block; font-size:16px; }
form div.send { width:100%; text-align:center; margin-bottom:0px; padding-top:10px;  }
form div.required { width:100%; font-size:14px; font-style:italic; text-align:center; margin-bottom:0px; line-height:normal; }
form div.required span { color:#f00717; }

div.form-text { padding:0px 25px 20px 25px; }
div.form-text * { font-size:16px; line-height:24px; }

form span.comment { padding:3px 0px 0px 5px; font-style:italic; display:block; font-size:14px; line-height:18px; }
form span.comment * { font-size:14px; }
form span.bl { display:block; width:100%; margin:15px 0px 25px 0px; height:1px; background:#e5e5e5; border-right:25px solid #fff; border-left:25px solid #fff; }

form div.loading { position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; background:url(../images/preloader.gif) center center no-repeat #fff; opacity:0; z-index:10; }
div.info-text p { margin-top:10px; }

div.registration {  border-top:1px solid #fcddcd; margin-top: 20px; padding-top: 20px; }
div.registration h3 { color:#f37639; font-size:24px; line-height:30px; }
div.question+div.info * { color:#f37639; font-weight:400; }
div.e_id { display:none; }

form div.info p, form div.photo_info label { font-style:italic; margin-top:30px; font-size:18px; color:#f37639; font-weight:300; }

form div.warn { font-size:14px; margin-bottom:15px; color:#fff; background:#f37639; border-radius:5px; padding:7px; display:inline-block; font-weight:400; width:auto; cursor:default; }
form div.warn b { font-weight:600; }

a.button {
	background: #f37639;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-weight: 400;
    margin-top: 20px;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;	
	display:inline-block;
}
a.button:hover { background:#797a7c; }