body, div, img, a, p {margin: 0; padding: 0}

h1 {margin: 20px 0;padding:0;text-transform: uppercase; color: #fff; font-size: 30px;}
a:active, a:focus, img {outline: 0}
img {border:none}
a, a:visited, a:hover, a:active {color: #fff; text-decoration: none}
body {cursor: default;  font-family: 'Trebuchet MS', serif;  font: 400 20px/31px "Trebuchet MS"; color: #fff; background: #000103 url(bg-sexy.jpg) center 0px; text-align: center; 
}
body > .opa {position: absolute; top: 0; left: 0; height: 100%; width: 100%; 
  background: rgba(0,63,115, 0.25);}
.wnd {
  position: absolute; 
  max-width:420px; height: 380px;
  background: rgba(0, 0, 0, 0.7);
  border: 8px solid #fff;
  left: 0; top: 0; bottom: 0; right: 0; 
  margin: auto; 
}

.wind { 
  width: 420px;
  height: 600px;
  z-index: 1;
  background: rgba(255, 255, 255, 1);
  overflow: hidden;
}
.logo {position: absolute; width: 450px; height: 210px; top: -84px; left: 80px}
.step {overflow: hidden}
.step.n2, .step.n3, .step.n4 {display: none;}
.lkn {display: none;}
.yellow {font: 400 16px/20px 'Trebuchet MS'; color: #00aeff; border: 3px solid #00aeff; width: auto; margin: 5px 5px 20px; padding: 10px; background: rgba(0,63,115, 0.5); }
.yellow span {font-size: 24px; color:#fff;}
.white {width: auto; margin: 0 auto 0; font-size: 16px; line-height: normal;}
.step.n1 .white {margin-bottom: 20px}
.step.n2 .white {margin-bottom: 10px}
.step.n3 .white {margin-bottom: 20px}

.step.n4 .white {margin-bottom: 25px; line-height: 20px}
.step.n4 .yellow {margin-bottom: 20px}
.q {width: auto; font-family: 'Trebuchet MS'; font-weight: bold; font-size: 19px; line-height: 1.5em; margin: 5px auto 10px}
.step.n2 .q {
  margin-top: 5px;
}
.frame { display: none; background: rgba(0, 0, 0, 0.7);}
.btnBox {font: 400 20px/46px 'Trebuchet MS'}
.step.n4 .btn {font-size: 17px; margin-top: 20px;}
.wait {margin-bottom: 120px}
.progressBarBox {width: 350px; height: 33px; margin: auto}
.progressBar {width: 0; height: 33px; 
  background-image: -webkit-linear-gradient(top, #29e020, #22731b);
  background-image: -moz-linear-gradient(top, #29e020, #22731b);
  background-image: -ms-linear-gradient(top, #29e020, #22731b);
  background-image: -o-linear-gradient(top, #29e020, #22731b);
  background-image: linear-gradient(to bottom, #29e020, #22731b);
 border-radius: 3px}
.breaker {
  width:390px; height:1px; margin: 10px auto 0; background: #303030;}
  
.btn {
	font: 600 18px/40px 'Trebuchet MS';
	display: inline-block;
	margin: 0 12px;
	text-transform: uppercase;
  background: #29e020;
    -webkit-border-radius: 16;
  -moz-border-radius: 16;
  border-radius: 16px;
  text-shadow: 1px 1px 3px #666666;
  color: #ffffff;
  font-size: 26px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.btn.green {
	background-image: -webkit-linear-gradient(top, #29e020, #22731b);
  background-image: -moz-linear-gradient(top, #29e020, #22731b);
  background-image: -ms-linear-gradient(top, #29e020, #22731b);
  background-image: -o-linear-gradient(top, #29e020, #22731b);
  background-image: linear-gradient(to bottom, #29e020, #22731b);
}
.btn.red {
	background-image: -webkit-linear-gradient(top, #f71845, #7d3e1b);
  background-image: -moz-linear-gradient(top, #f71845, #7d3e1b);
  background-image: -ms-linear-gradient(top, #f71845, #7d3e1b);
  background-image: -o-linear-gradient(top, #f71845, #7d3e1b);
  background-image: linear-gradient(to bottom, #f71845, #7d3e1b);
}