body{
  margin-bottom:0;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  background-color:#000}
.wrap{
  border-radius:0;
  padding:0;
  padding-top:0;
  width:95%;
  min-width:300px;
  max-width:600px;
  position:relative;
  margin:10px auto}
.top{
  width:100%;
  font-size:29px;
  color:#fff;
  font-weight:700;
  padding-top:12px;
  padding-bottom:12px;
  text-shadow:-3px -2px 12px #ff0d0d,3px 3px 12px #ff0d0d}
.step{
  overflow:hidden;
  padding:0;
  width:100%;
  min-width:300px;
  max-width:600px;
  display:none;
  position:absolute;
  line-height:28px;
  font-size:22px;
  color:#fff;
  font-family:"Open Sans",sans-serif,serif}
.btn{
  font-size:30px;
  color:#fff;
  font-family:"Open Sans",sans-serif,serif;
  width:100%;
  min-width:200px;
  border-radius:4px;
  display:inline-block;
  cursor:pointer;
  font-weight:700;
  padding:20px 0;
  text-decoration:none;
  border:0 solid #fff}
.btnyes{
  background-color: #cb0606;
  background: linear-gradient(to bottom, #b93434, #b30000);
  margin-bottom:15px}
.btnno{
  background-color:#8a8a8a61}
.btnnext{
  background-color: #cb0606;
  background: linear-gradient(to bottom, #b93434, #b30000);
  margin-bottom:15px;
    margin-top: 20px;}
.box{
  margin:0 auto;
  padding:10px}
.box2{
  width:50%;
  min-width:300px;
  margin:0 auto;
  padding:10px}
.h1{
  font-size:40px;
  color:#fff;
  font-family:"Open Sans",sans-serif,serif;
  text-shadow:-3px -2px 12px #ff0d0d,3px 3px 12px #ff0d0d}
.style1{
  font-size:20px;
  color:#fff;
  font-family:"Open Sans",sans-serif,serif}
.circle1{
  font-size:23px;
  color:#000;
  font-family:"Open Sans",sans-serif,serif;
  font-weight:700;
  background:#fff;
  border-radius:3px;
  padding:8px 18px;
  text-shadow:0 0 1px #fff;
  box-shadow:-2px -2px 8px #ff0d0d,2px 2px 8px #ff0d0d}
.circle2{
  font-size:23px;
  color:#ccc;
  font-family:"Open Sans",sans-serif,Palatino,serif;
  font-weight:700;
  background:#666;
  border-radius:3px;
  padding:8px 18px;
  text-shadow:0 0 1px #666}
@media screen and (max-width:500px){
  .step{
    font-size:18px;
    line-height:21px}
  .h1{
    font-size:22px}
  .style1{
    font-size:14px}
  .top{
    font-size:16px}
  .btnyes{
    font-size:24px;
    width:100%}
  .btnno{
    font-size:24px;
    width:100%}
  .btnnext{
    font-size:24px;
    width:100%}
}
.center{
  text-align:center}
.left{
  text-align:left}
@keyframes fadeInUp{
  from{
    opacity:0}
  to{
    opacity:1}
}
input[type=checkbox]{
  cursor:pointer}
.steps .step{
  animation:fadeInUp ease-out 1s}
.steps .step,.steps .step:nth-child(1){
  display:none}
.step-radio:nth-child(1):checked~.steps .step:nth-child(1){
  display:block}
.step-radio:nth-child(2):checked~.steps .step:nth-child(2){
  display:block}
.step-radio:nth-child(3):checked~.steps .step:nth-child(3){
  display:block}
.step-radio:nth-child(4):checked~.steps .step:nth-child(4){
  display:block}
.step-radio:nth-child(5):checked~.steps .step:nth-child(5){
  display:block}
.step-radio:nth-child(6):checked~.steps .step:nth-child(6){
  display:block}
.step-radio:nth-child(7):checked~.steps .step:nth-child(7){
  display:block}
.step-radio:nth-child(8):checked~.steps .step:nth-child(8){
  display:block}
.step-radio:nth-child(9):checked~.steps .step:nth-child(9){
  display:block}
.step-radio:nth-child(10):checked~.steps .step:nth-child(10){
  display:block}
.step-radio:nth-child(11):checked~.steps .step:nth-child(11){
  display:block}
label.submit{
  display:block}
.step-radio{
  visibility:hidden;
  width:0;
  height:0;
  overflow:hidden;
  position:absolute}
.intro-img{
  display:block;
  width:65%;
  margin:0 auto;
  margin-bottom:22px}
.intro-img:before{
content: "";
    padding-top: 95%;
    display: block;
    background: url(../img/1.png) center no-repeat;
    background-size: cover;
    max-width: 90%;}
.underlne{
  text-decoration:underline}