/* ::::: http://zerosmoke4.proml.net/style.css ::::: */

html, body { width: 100%; height: 100%; }
body { font-family: MuseoCyrl500,opensans-regular,Tahoma; font-size: 16px; }
:focus { outline: medium none; }
* { margin: 0px; padding: 0px; }
ul { padding: 0px; margin: 0px; list-style-type: none; }
.top_menu { height: 37px; background: none repeat scroll 0% 0% rgb(0, 0, 0); width: 100%; position: fixed; z-index: 999; }
.steps { width: 100%; background-position: center top; background-repeat: no-repeat; }
.steps .cntx { width: 960px; margin: 0px auto; height: 100%; position: relative; }
.top_menu ul { display: block; width: 940px; margin: 0px auto; list-style-type: none; height: 37px; overflow: hidden; }
.top_menu ul li { display: inline-block; float: left; text-align: center; line-height: 100%; }
.top_menu ul li a.start_act { color: rgb(255, 242, 0); }
.top_menu ul li a.start_act:hover { background: none repeat scroll 0% 0% rgb(255, 242, 0); color: black; }
.top_menu ul li a { display: inline-block; font-size: 13px; position: relative; cursor: pointer; height: 100%; line-height: 37px; color: rgb(255, 255, 255); text-align: center; overflow: hidden; width: 100%; }
.top_menu ul li a:hover, .top_menu ul li.act a { color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(51, 99, 189); }
.top_menu ul li.l1 { width: 6%; }
.top_menu ul li.l2 { width: 17%; }
.top_menu ul li.l3 { width: 14%; }
.top_menu ul li.l4 { width: 16%; }
.top_menu ul li.l5 { width: 6%; }
.top_menu ul li.l6 { width: 18%; }
.top_menu ul li.l7 { width: 10%; }
.top_menu ul li.l8 { width: 13%; }
.steps.st1 { height: 478px; background: url('s1.jpg') no-repeat scroll center 36px rgb(190, 206, 236); }
.steps.st1 p.txt { position: absolute; left: 320px; top: 100px; color: rgb(0, 0, 0); font-size: 25px; }
.steps.st1 span.tx1 { position: absolute; left: 23px; top: 71px; width: 90px; height: 73px; font-size: 20px; line-height: 72px; text-align: center; }
.steps.st1 span.tx2 { position: absolute; left: 110px; top: 71px; width: 130px; height: 73px; font-size: 15px; line-height: 11px; display: table; }
.steps.st1 .book, .steps.st9 .book { position: absolute; left: 11px; top: 165px; width: 238px; height: 304px; background: url('book.png') no-repeat scroll 0px 0px transparent; }
.steps.st1 span.tx2 span.sub { display: table-cell; vertical-align: middle; }
.steps.st1 p.txt span.tit { color: rgb(52, 102, 195); }
.steps.st1 ul { list-style-type: none; position: absolute; left: 320px; top: 200px; }
.steps.st1 ul li { display: block; font-size: 16px; color: rgb(0, 0, 0); padding-left: 40px; height: 28px; line-height: 28px; background-image: url('li_ic.png'); background-repeat: no-repeat; margin: 12px 0px; }
.steps.st1 ul li.l1 { background-position: 0px 0px; }
.steps.st1 ul li.l2 { background-position: 0px -44px; }
.steps.st1 ul li.l3 { background-position: 0px -89px; }
.steps.st1 ul li.l4 { background-position: 0px -132px; }
.steps.st1 ul li.l5 { background-position: 0px -177px; }
.steps.st1 .vid { width: 235px; height: 150px; cursor: pointer; position: absolute; left: 705px; top: 285px; }
.steps.st1 .video_prev { width: 143px; height: 108px; cursor: pointer; background: url('video_prev.png') no-repeat scroll 0px 0px transparent; position: absolute; left: 47px; top: 0px; }
.steps.st1 .vid:hover .video_prev { background-position: 0px -108px; }
.steps.st1 .vid:hover span { text-decoration: underline; color: rgb(51, 99, 189); }
.steps.st1 .vid span { display: block; color: rgb(0, 0, 0); font-size: 15px; text-align: center; padding: 5px 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 9px; position: absolute; top: 120px; width: 100%; }
.steps.st2 { height: 115px; background: url('s2.jpg') repeat-x scroll left bottom rgb(77, 139, 252); }
.steps.st2 .block { background: url('st1_block.png') no-repeat scroll 0px 0px transparent; position: absolute; top: 20px; display: flex; width: 822px; height: 70px; left: 118px; }
.steps.st3 { height: 460px; background: url('s3.jpg') no-repeat scroll center top rgb(20, 47, 100); }
.steps.st3 p.txt { position: absolute; left: 150px; top: 40px; color: rgb(245, 233, 11); font-size: 28px; text-transform: uppercase; }
.steps.st3 span.tit { position: absolute; left: 150px; top: 140px; color: rgb(255, 255, 255); font-size: 25px; }
.steps.st3 ul { list-style-type: none; position: absolute; left: 150px; top: 170px; }
.steps.st3 ul li { display: block; font-size: 16px; color: rgb(255, 255, 255); padding-left: 40px; height: 35px; line-height: 35px; background-image: url('li_ic2.png'); background-repeat: no-repeat; margin: 15px 0px; }
.steps.st3 ul li.l1 { background-position: 0px 0px; }
.steps.st3 ul li.l2 { background-position: 0px -44px; }
.steps.st3 ul li.l3 { background-position: 0px -89px; line-height: 15px; padding-top: 10px; }
.steps.st3 ul li.l4 { background-position: 0px -147px; }
.steps.st3 ul li.l5 { background-position: 0px -199px; }
.steps.st3 .warn { width: 180px; height: 107px; position: absolute; left: 682px; top: 142px; text-align: center; background: url('warn.png') no-repeat scroll center center transparent; font-size: 16px; color: rgb(255, 255, 255); padding: 85px 40px 0px; }
.steps.st3 .warn span { text-transform: uppercase; display: inline-block; width: 100%; margin-top: 10px; }
.steps.st4 p.txt { color: rgb(0, 0, 0); font-size: 15px; padding: 10px 15px; background: none repeat scroll 0% 0% rgb(255, 252, 204); margin: 20px 133px; display: inline-block; border-radius: 15px; line-height: 19px; }
.steps.st4 p.txt span.bl { color: rgb(28, 88, 186); }
.steps.st4 ul { display: block; list-style-type: none; width: 755px; margin: 0px auto; padding-top: 195px; background: url('instruct_bg.jpg') no-repeat scroll center top transparent; }
.steps.st4 ul li { display: inline-block; font-size: 16px; color: rgb(0, 0, 0); float: left; padding-left: 50px; background-position: 0px 5px; background-repeat: no-repeat; height: 75px; }
.steps.st4 ul li.l1 { background-image: url('l1.jpg'); width: 200px; }
.steps.st4 ul li.l2 { background-image: url('l2.jpg'); width: 185px; }
.steps.st4 ul li.l3 { background-image: url('l3.jpg'); width: 215px; }
.steps.st4 span.tx { background: url('ic_good.jpg') no-repeat scroll left center transparent; display: inline-block; text-transform: uppercase; padding-left: 40px; font-size: 20px; margin: 20px 0px 20px 170px; }
.main_line { height: 50px; background: url('line.jpg') repeat-x scroll center center transparent; }
.steps.st5 { height: 575px; }
.steps.st5 span.tit, .steps.st6 span.tit, .steps.st7 span.tit, .steps.st8 span.tit, .steps.st9 span.titl { color: rgb(0, 0, 0); font-size: 30px; display: inline-block; width: 100%; text-align: center; }
.steps.st5 .doc { color: rgb(137, 137, 137); font-size: 13px; width: 292px; padding-top: 365px; background: url('doc.jpg') no-repeat scroll center top transparent; margin: 60px 0px 0px 40px; float: left; }
.steps.st5 .doc span { color: rgb(0, 0, 0); }
.steps.st5 .txt { color: rgb(0, 0, 0); padding: 0px 40px 0px 410px; margin-top: 60px; font-size: 15px; line-height: 18px; }
.steps.st5 .txt p { margin-bottom: 30px; }
.steps.st5 .txt p span { color: rgb(28, 88, 186); }
.steps.st6 { height: 440px; }
.steps.st6 span.tit { margin-top: 30px; }
.steps.st6 .smoke { float: right; background: url('smoke.jpg') no-repeat scroll 0px 0px transparent; width: 226px; height: 221px; margin-top: 50px; }
.steps.st6 p.tx { background: url('ear.jpg') no-repeat scroll left top transparent; min-height: 220px; padding: 20px 240px 0px 260px; font-size: 16px; line-height: 19px; color: rgb(0, 0, 0); margin-top: 60px; }
.steps.st6 p.tx span.accent { color: rgb(0, 0, 0); font-size: 14px; padding: 10px; background: none repeat scroll 0% 0% rgb(255, 252, 204); margin: 20px 0px; display: inline-block; border-radius: 15px; line-height: 19px; }
.steps.st7 { min-height: 550px; position: relative; }
.steps.st7 span.tit { margin-top: 30px; }
.steps.st7 .background_block { width: 100%; max-width: 1400px; height: 550px; position: relative; margin: 0px auto; }
.steps.st7 .background_block .bl { height: 100%; width: 550px; background-position: center bottom; background-repeat: no-repeat; position: absolute; top: 0px; }
.steps.st7 .background_block .bl.wom { right: 0px; background-image: url('bl_wom.jpg'); background-position: right top; }
.steps.st7 .background_block .bl.man { left: 0px; background-image: url('bl_man.jpg'); width: 400px; }
.steps.st7 .cntx_block { position: absolute; top: 0px; width: 100%; height: 100%; }
.steps.st7 .cntx span.tx { background: url('ic_mark.png') no-repeat scroll left center transparent; display: inline-block; padding-left: 40px; font-size: 20px; color: rgb(0, 0, 0); line-height: 35px; margin: 20px 0px 0px 250px; }
.steps.st7 .graf { width: 681px; height: 293px; background: url('graf.png') no-repeat scroll 0px 0px transparent; margin: 0px auto; position: relative; }
.steps.st7 .graf span.lil_tx { font-size: 15px; position: absolute; }
.steps.st7 .graf span.lil_tx.t1 { text-align: right; left: -45px; top: 29px; }
.steps.st7 .graf span.lil_tx.t2 { left: -45px; top: 155px; }
.steps.st7 .graf span.lil_tx.t3 { left: 0px; top: 300px; }
.steps.st7 .graf span.lil_tx.t4 { left: 150px; top: 300px; }
.steps.st7 .graf span.lil_tx.t5 { left: 300px; top: 300px; }
.steps.st7 .graf span.lil_tx.t6 { left: 460px; top: 300px; }
.steps.st7 .graf span.lil_tx.t7 { left: 620px; top: 300px; width: 120px; }
.steps.st7 .graf span.point { display: inline-block; width: 12px; height: 12px; border-radius: 50%; position: absolute; background: none repeat scroll 0% 0% rgb(28, 88, 186); cursor: pointer; }
.steps.st7 .graf span.point:active { background: none repeat scroll 0% 0% rgb(62, 121, 218); }
.steps.st7 .graf span.point.p1 { left: 148px; top: 246px; }
.steps.st7 .graf span.point.p2 { left: 298px; top: 209px; }
.steps.st7 .graf span.point.p3 { left: 458px; top: 127px; }
.steps.st7 .graf span.point.p4 { left: 615px; top: 44px; }
.steps.st7 .graf span.hov { padding: 15px; background: none repeat scroll 0% 0% rgb(255, 252, 204); position: absolute; z-index: 2; width: 135px; border-radius: 15px; height: 38px; display: none; }
.steps.st7 .graf span.hov span.ic { display: inline-block; width: 9px; height: 19px; position: absolute; left: -9px; top: 25px; }
#h3 { left: 175px; top: 218px; }
#h4 { left: 324px; top: 179px; }
#h5 { left: 484px; top: 98px; }
#h6 { left: 641px; top: 14px; display: block; }
.steps.st7 .cntx span.tx2 { display: inline-block; font-size: 20px; color: rgb(0, 0, 0); line-height: 35px; margin: 40px 0px 0px 199px; }
.steps.st8 {  }
.steps.st8 span.tit { margin: 30px 0px; }
.slider_box { padding: 20px 67px; position: relative; overflow: hidden; }
.slider_box .slide { padding: 10px 20px; background: none repeat scroll 0% 0% rgb(236, 236, 204); border-radius: 15px; box-shadow: -1px -1px 3px -1px rgb(192, 198, 219); margin: 0px 3px; width: 780px; height: 179px; float: left; }
.slider_box span.ic { width: 100%; height: 44px; position: absolute; bottom: -42px; left: 0px; }
.slider_box .slide .photo { float: left; }
.slider_box .slide .photo img { border: 0px none; }
.slider_box .slide .content_sl { min-height: 150px; padding: 0px 0px 0px 170px; font-size: 16px; color: rgb(0, 0, 0); line-height: 20px; }
.slider_box .slide .content_sl span.name { display: inline-block; width: 100%; font-family: MuseoBold,opensans-bold,Tahoma; font-weight: bold; margin: 6px 0px 10px; text-transform: uppercase; }
.slider_box .slider_invisible_block { width: 826px; height: 100%; }
.slider_box .slider_visible_block { top: 0px; overflow: hidden; height: auto; }
.steps.st9 { height: 600px; }
.skidkazakaz { display: block; line-height: 40px; height: 40px; overflow: hidden; background: url('send_but_bg.png') repeat-x scroll 0px 0px transparent; border-radius: 15px; color: rgb(0, 0, 0); font-size: 18px; text-align: center; box-shadow: -2px 7px 10px -6px rgb(70, 70, 70); cursor: pointer; text-transform: none; width: 127px; text-decoration: none; margin: 13px 0px 0px 13px; float: right; }
.skidkazakaz:hover { background-position: 0px -41px; }
.steps.st7 { height: 200px; }
.modal_opt { width: 100%; height: 100%; background: url('dark_px.png') repeat scroll 0% 0% transparent; position: fixed; top: 0px; left: 0px; z-index: 999; display: none; }
.modal_opt span.close { position: absolute; top: 20px; right: 20px; color: gray; font-size: 30px; cursor: pointer; }
.modal_opt span.close:hover { color: white; }
.order-wrap { border-radius: 10px; padding: 34px; margin: 32px auto 0px; background: url('form-bg.jpg') repeat-x scroll 0px 0px transparent; max-width: 890px; }
.order-form h3 { text-align: center; font: bold 28px/28px 'Tahoma',arial,sans-serif; margin: 24px 0px 0px; padding: 0px; color: rgb(74, 73, 72); }
#order_all { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-radius: 6px; padding: 3px 40px; }
.order_form { background: none repeat scroll 0% 0% transparent ! important; border: medium none ! important; }
.example { top: 30px ! important; font-size: 12px ! important; }
.btn-submit { background: url('send-button.png') no-repeat scroll 0% 0% transparent; width: 295px; height: 62px; overflow: hidden; margin: 10px auto 37px; display: block; border: medium none; cursor: pointer; }
.btn-submit:hover { background-position: 0px 100%; }
input:focus { outline: medium none; }
.foot_text { max-width: 840px; padding: 0px 20px; margin: 0px auto; font: 12px/13px 'Tahoma',arial; color: rgb(204, 204, 204); text-align: center; }
.st2 .block p { color: rgb(245, 233, 11); font-size: 20px; padding: 8px 30px 0px; text-align: center; width: 490px; }
.st2 .block .ggg { text-decoration: line-through; font-size: 16px; }
.st2 .block .hhh { font-size: 22px; font-weight: bold; color: rgb(255, 255, 255); }
.st2 .skidka { font-weight: bold; }
.foot_text a { color: rgb(204, 204, 204); }
/* ::::: http://zerosmoke4.proml.net/style-1.css ::::: */

.order_form { background: none repeat scroll 0% 0% rgb(238, 238, 238); border: 1px solid rgb(221, 221, 221); padding: 31px; border-radius: 5px; font-family: Arial ! important; }
.block_form { margin: 0px 0px 11px; position: relative; }
.block_form label { width: 150px; font-size: 13px; color: rgb(51, 51, 51); text-align: right; display: block; float: left; margin: 8px 20px 0px 0px; }
.block_form input { display: block; width: 95.5%; padding: 5px 10px; border: 1px solid rgb(136, 136, 136); font-size: 16px; border-radius: 5px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.block_form p { font-size: 13px; padding-top: 8px; color: rgb(29, 29, 29); }
.form_hr { border-top: 1px solid rgb(187, 187, 187); border-bottom: 1px solid rgb(255, 255, 255); margin: 0px auto; }
.block_form div { margin-left: 170px; }
.block_form_prices { margin: 10px 0px 0px ! important; }
.block_form_prices_total {  }
.block_form_prices_total label { text-transform: uppercase; }
.block_form_prices_total p { font-size: 18px; padding-top: 5px; }
.order_form .clear { clear: both; }
.example { padding: 3px 10px 2px; position: absolute; background: none repeat scroll 0% 0% rgba(167, 159, 159, 0.62); color: rgb(0, 0, 0); display: none; border-radius: 2px; z-index: 100; left: 170px; top: -22px; }
.example_error { background: none repeat scroll 0% 0% rgba(241, 46, 42, 0.7); color: rgb(255, 255, 255); }