body, div, img, a, p {margin: 0; padding: 0}
html {min-height: 100%}
a:active, a:focus, img {outline: 0}
img {border:none}
a, a:visited, a:hover, a:active {color: #000; text-decoration: none}
body {cursor: default; min-width: 554px; min-height: 515px; font-family: "PTSerif", serif; font: 400 19px/23px "PTSerif"; color: #fff; background: #171a29 url(../img/bg.jpg) center 0px; text-align: center;
-o-background-size: cover; 
-webkit-background-size: cover; 
-khtml-background-size: cover; 
-moz-background-size: cover; 
background-size: cover; 
}
.wnd {position: absolute; width: 486px; height: 419px; background: url(../img/wndBg.png); left: 50%; top: 50%; margin: -227px 0 0 -277px; padding: 0 34px;font-family: 'PT Serif', serif;}
.logo {position: absolute; width: 503px; height: 229px; margin: auto; left: 20px; right: 0 bottom: 0; top: -160px;}
.step {overflow: hidden}
.step.n2, .step.n3 {display: none}
.yellow {color: #eed269; border: 1px solid #6d613a; padding: 12px 5px 10px; margin-bottom: 10px}
.step.n1 .yellow {margin-top: 50px}
.step.n3 .yellow {margin: 30px 0}
.line {display: block; height: 31px; background: url(../img/line.png); margin-top: 10px}
.qBox1 .q {margin-bottom: 10px}
.qBox1 {margin-top: 10px}
.qBox2 {display: none}
.qBox1 .q {font-size: 23px}
.qBox2 .q {font-size: 19px}
.btnBox {font: 400 19px/46px 'PTSerif'; margin-left: 15px}
.btn {display: inline-block; width: 104px; height: 34px; text-transform: uppercase; font: 600 14px/34px 'PTSerif Bold'; margin: 0 12px}
.btn.yes {background: url(../img/btn-yes.png); text-shadow: 0 1px 1px #cd9a43; color: #4a0402}
.btn.no {background: url(../img/btn-no.png); text-shadow: 0 1px 1px #bababa; color: #111111}
.wait {margin: 130px 0 80px}
.progressBarBox {width: 485px; height: 33px}
.progressBar {width: 0; height: 33px; background: url(../img/progressBar.png) 0px; border-radius: 3px}
.step.n3 h1 {margin: 90px 0 40px}