@import "https://fonts.googleapis.com/css?family=Roboto:400,500,700";*{margin:0;padding:0}:focus{outline:0}img{border:none}html,body{height:100%}body{background:url(../img/bg_new1.jpg) no-repeat center 0;background-size:cover;font-family:'Roboto', sans-serif;color:#000}ol,ul{list-style:none}.center{max-width:720px;margin:0 auto;padding:0 10px;min-width:300px}.intro_image{width:50%;display:block;margin:0 auto}.container{padding-top:60px}.step{display:none;text-align:center;padding:60px;font-size:20px;background:#fff;background:rgba(255, 255, 255, 0.9);height:580px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.step h1{font-size:40px}.step1{display:block;height:auto;padding:20px 60px 30px}.step5 h2{padding-top:90px}.step5 .step_content{padding-top:0}.step5 p{margin-bottom:10px}.step_header{clear:both;overflow:hidden;position:relative}.step_header ul{text-align:center}.step_header li{display:inline-block;vertical-align:top;height:44px;line-height:44px;width:44px;text-align:center;font-size:20px;color:#000;border:2px solid #000;font-weight:bold;margin-left:4px}.step_header li:first-child{width:auto;margin-right:5px;font-weight:bold;border:none}.step_header li.active{background:#000;color:#fff}.btn_prev{position:absolute;left:0;top:50%;margin-top:-14px;height:29px;width:18px;background:url(../img/back.png) no-repeat 0 0}.warning_title{font-size:21px}.warning_title span{color:#15aca3;font-weight:bold}.btn_next,.btn_start,.btn_ok{display:block;color:#fff;height:68px;line-height:68px;background:#15aca3;text-decoration:none;text-transform:uppercase;font-size:30px;font-weight:bold;margin-top:10px;position:relative}.btn_next:after,.btn_start:after{content:'';display:inline-block;vertical-align:middle;width:14px;height:24px;background:url(../img/next.png) no-repeat right 0;padding-left:15px}.step_content{padding-top:100px}.step_content h2{font-size:39px;line-height:1.1;margin-bottom:10px}.notice{font-size:30px;margin-bottom:10px}.form_item{padding-top:10px}.age_field ul,.sexuality_field ul{clear:both;overflow:hidden;margin-left:-10px}.age_field li,.sexuality_field li{width:50%;float:left;padding-left:10px;margin-bottom:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sexuality_field .btn,.age_field .btn{display:block;color:#15aca3;height:64px;line-height:64px;text-decoration:none;font-size:20px;font-weight:bold;border:2px solid #15aca3;background:#fff;transition:all 0.2s linear;position:relative}.sexuality_field .btn:after,.age_field .btn:after{content:'';display:inline-block;vertical-align:middle;height:24px;background:url(../img/next.png) no-repeat right 0;width:0;padding-left:5px;transition:all 0.2s linear;opacity:0}.sexuality_field .btn:hover:after,.age_field .btn:hover:after,.age_field .btn.active:after,.sexuality_field .btn.active:after{width:14px;opacity:1}.sexuality_field .btn:hover,.age_field .btn:hover,.age_field .btn.active,.sexuality_field .btn.active{background:#15aca3;color:#fff}.highlight{text-transform:uppercase;font-weight:bold;color:#15aca3}#start{margin-top:35px}@media (max-width: 1400px){.container{padding-top:20px}.intro_image{width:40%}}@media (max-width: 720px){body{background-size:auto}.intro_image{width:75%}.age_field ul,.sexuality_field ul{margin-left:0}.age_field li,.sexuality_field li{float:none;width:100%;padding-left:0}.sexuality_field .btn,.age_field .btn{font-size:16px}.step h1{font-size:22px}.step_content h2{font-size:20px}.form_item{padding-top:10px}.step{padding:10px 10px;font-size:16px;height:auto}.step_header li:first-child{font-size:16px;line-height:35px}.btn_next,.btn_start{font-size:24px}.notice{font-size:16px}.step_header li{width:35px;height:35px;line-height:35px}.step_content{padding-top:40px}.step5 h2{padding-top:0}}@media (max-width: 340px){.step_header ul{text-align:right}}.hidden{display:none}