* {box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#000;}
html {height: 100%;}
body {line-height: 1; margin: 0; padding: 0; width: 100%; height: 100%; position: relative; background: #F4EEFE url('../img/bg_03.jpg') center top fixed no-repeat; -moz-background-size: cover;	background-size: cover; overflow:hidden; }
body.sex {background-image: url('../img/bg_02.jpg'); -moz-background-size: cover;	background-size: cover;}
body.wedding {background-image: url('../img/lbg2_2.jpg'); -moz-background-size: cover;	background-size: cover;}
.cb {clear:both;}
.fr {float: right;}
.fl {float: left;}

body{padding-top:38px;}
h3 {text-align:center; font-size:24px; font-weight:700;}
.step {width: 700px;border-radius:20px; background: rgba(255,255,255,0.9); box-shadow: 0 0 0 10px rgba(0,0,0,0.2); padding: 30px 70px 40px; margin:0 auto}
.answer {display:block; font-size:18px; width:280px; padding-left:45px; height:35px; line-height:35px; margin-bottom:35px; cursor:pointer; background: url('../img/check.png') left 100% no-repeat;}
.answer.checked {background-position:left 0}
.answer input {display:none;}
.btn{display:block; margin:0 auto; width:230px; color:#fff; font-size:24px; height:60px; line-height:60px; text-align:center; border-style: solid;
	border-width: 1px; border-color: rgb(44, 171, 0); border-radius: 5px; background-color: rgb(136,246,29); background-image: -moz-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); background-image: -ms-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.75); text-decoration: none; opacity:0.8;}
.btn:hover {opacity:1;}
.btn:active {opacity:1; background: rgb(136,246,29)}
.ta_center {text-align: center;}
.finish {font-size:18px;}
.progressbar {width:100%; border-radius:10px; height:17px; border:1px solid rgb(128,128,128); background-color: rgb(192,192,192); position:relative; overflow:hidden; margin-top:10px;}


.progress {height:17px; border-right:1px solid rgb(44, 171, 0); position:relative; overflow:hidden; background:rgb(38,160,0); background-image: -moz-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); background-image: -ms-linear-gradient( 90deg, rgb(38,160,0) 0%, rgb(136,246,29) 100%); box-shadow: inset 0px 2px 0px 0px rgba(255, 255, 255, 0.75); display:block;}
.finish .answer {margin-top:20px; margin-bottom:0; width:100%; cursor: default}
.firstfinish,.secondfinish,.thirdfinish {background: url("../img/icos.png") no-repeat;}
.firstfinish{background-position: 0 top; height:39px; line-height:39px;}
.secondfinish{background-position: 0 center; height:34px; line-height:34px;}
.thirdfinish{background-position: 0 bottom; height:36px; line-height:18px;}
.step img{margin-bottom:10px;}
.wantwomen{background: transparent url('../img/women.png') 0 0 no-repeat; width:227px; height:287px; margin-bottom:10px;}
.wantmen{background: transparent url('../img/men.png') 0 0 no-repeat; width:227px; height:287px; margin-bottom:10px;}
.sex .wantwomen{background-image:url('../img/wantwomensex.png');}
.sex .wantmen{background-image:url('../img/wantmensex.png');}

.inputblock{width:320px; margin:0 auto;}
.checkerror{color:red; display:none;}
.landinput{width:100%; padding:15px 17px 16px; border-radius:5px; border:1px solid #000; background: #fff;box-shadow: inset 0px 5px 5px 0px rgba(0, 0, 0, 0.2); height:52px; font-size:18px;}
.landinput:focus{outline:none;}
.landinput.error{color:red; border-color:red;}