html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:'Roboto', sans-serif;font-size:100%;vertical-align:baseline;}
:focus{outline:0;}
html,body{height:100%;}
body{line-height:1;}
ol, ul, menu{list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;margin:0;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;}
.clearfix{display:block;}
a{text-decoration:none;outline:0;}
a:hover{text-decoration:none;}
*{outline:0 !important;}
input[type="search"]{outline:none;}
textarea,input, select{resize:none;}
textarea{min-height:200px;resize:vertical;}
img{height:auto;max-width:100%;}
.b-fff{background:#fff;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.ptb{padding-top:20px;padding-bottom:20px;}
.plr{padding-left:20px;padding-right:20px;}
.mtb{margin-top:20px;margin-bottom:20px;}
.mlr{margin-left:20px;margin-right:20px;}
.fll{float:left !important;}
.flr{float:right !important;}
.fln{float:none !important;}
.ma{margin:0 auto;}
.dtb,.catalog{display:table;width:100%;height:100%;text-align:center;}
.dtc{display:table-cell;vertical-align:middle;}
.content{width:auto;}
.w35{width:35%;}.w40{width:40%;}.w45{width:45%;}.w50{width:50%;}.w55{width:55%;}.w60{width:60%;}.w65{width:65%;}.w70{width:70%;}.w75{width:75%;}
.w80{width:80%;}.w85{width:85%;}.w90{width:90%;}.w95{width:95%;}.w100{width:100%;}
html{background: url("images/1.jpg")center 0px; background-size: cover; }
html.bg2{background: url("images/02.jpg/index.html")center 0px; background-size: cover; }
html.bg4{background: url("images/03.jpg")center 0px; background-size: cover; }
html.bg3{background: url("images/03.jpg")center 0px; background-size: cover; }
.bg4 .wnd{background:rgba(0,0,0, 0.7);}
.bg3 .wnd{background:rgba(0,0,0, 0.7);}
.btn.green {background: #196EEE;}
.btn.red {background:#FF0000;}
.btn.green:hover {background:#1064DB;}
.btn.red:hover {background:#C70A0A;}
h1 {text-transform: uppercase; color: yellow; font-size: 30px;margin: 43px 0 0 0;}
a:active, a:focus, img {outline: 0}
a, a:visited, a:hover, a:active {text-decoration: none}
body {cursor: default; min-width: 590px; font-family: 'Roboto', serif;  font: 400 20px/31px  'Roboto', sans-serif; color: #000; 
text-align: center; min-height: 637px;
background:rgba(0,0,0, 0.5);
}
.wnd {
background: none repeat scroll 0 0 rgba(80, 48, 36, 0.4);    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.3);
margin: auto;
padding-top: 15px;
width: 800px;
}
.logo {position: absolute; width: 430px; height: 210px; top: -84px; left: 80px}
.step {overflow: hidden}
.step.n2, .step.n3, .step.n4, .step.n5 {display: none}
.step.n4 {height: 0; margin-top: 25px}
.yellow,.yellow span {
color: #fff;
/*font: 400 36px/48px  'Roboto', sans-serif;*/
font:100 45px/75px "Roboto",sans-serif !important;
}
.yellow span {color:yellow;font-weight:300 !important;}
.white {width: 540px; margin: 20px auto; font:300 24px/1.4em 'Roboto', sans-serif;color: #ddd;}
.step.n1 .white {margin-bottom: 20px}
.step.n2 .white {margin-bottom: 10px}
.step.n5 .white {margin-bottom: 25px; line-height: 30px}
.step.n5 .yellow {margin-bottom: 20px; font-size: 34px; line-height: 1.4em}
.q {width: 540px; font-family: 'Roboto'; font-weight: bold; font-size: 24px; margin: 30px auto 40px; color: #fff;}
.btnBox {font: 400 20px/46px 'Roboto'}
.btn {
color: #fff;
border-radius:50%;
display: inline-block;
font: 600 34px "Roboto",sans-serif;
height: 150px;
margin: 0 40px;
padding-top: 48px;
text-align: center;
vertical-align: top;
width: 150px;
}
.btn:hover{color:#fff;}
.step.n5 .btn {font-size: 22px; margin-top: 20px;}
.wait {margin-bottom: 100px; color: #13316c; font-size: 30px; line-height: 1.4em}
.progressBarBox {width: 350px; height: 33px; margin: auto}
.progressBar {width: 0; height: 33px; background: url(images/progressBar.png/index.html) 0px; border-radius: 3px}
.breaker {width:349px; height:0px; margin: 0px auto;}
.man {
position: absolute;
bottom: 60px;
right: 10px;
height: 95%;
}
.press {
color: #fff;
font: 300 36px/49px "Roboto";
margin: 30px auto 10px;
padding: 10px 15px;
width: 600px;
}

.press span{
color:yellow;
}
.btnBox.last .btn{background:yellow;
height:auto;
color:#000;
border-radius: 5px;
padding: 15px 30px;
vertical-align: top;
width:auto;
}
hr{
border-top:1px solid rgba(0,0,0, 0.3);
border-bottom:1px solid rgba(255,255,255, 0.1);=
}

footer{padding:15px 0 0 ;} 
footer p{
padding:15px 0;
font:300 14px 'Roboto', sans-serif;
color:#bbb;
text-shadow:0 1px 0 rgba(0,0,0, 0.8);
}