/* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Anton Lukashov | cassador.ru */ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Main Styles */ /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Modal Forms */ .modal { background:#fff; border:solid 3px #d03630; display:none; line-height:22px; padding:30px 40px; position:relative; text-align:center; } #question.modal { width:600px; } #question.modal form { text-align:left; } .modal a { background:url(../i/close.png) 0 0 no-repeat; border-radius:50%; display:block; height:40px; text-decoration:none; width:40px; } .modal a { position:absolute; right:-35px; top:-35px; } .modal .modal-title { color:#d23c36; font-family:'pf_dindisplay_promedium'; font-size:38px; padding-bottom:20px; text-transform:uppercase; } .modal p { padding-bottom:20px; } .modal form label { border:solid 1px #ddd; height:40px; text-align:left; width:258px; } .modal form label { background:url(../i/label.png) 0 0 repeat; border-radius:4px; } .modal form label.question { height:152px; position:absolute; left:330px; top:114px; width:308px; } #callback.modal form { margin:0 -10px; } #callback.modal form label { margin:0 10px 10px; } .modal form label.red { border:solid 1px #f00; } .modal form label input { background:none; border:none; font-family:'pf_dindisplay_proregular'; font-size:16px; position:absolute; } .modal form label input { background:url(../i/icon.png) no-repeat; color:#333; left:10px; padding-left:25px; top:10px; width:205px; } .modal form label textarea { background:none; border:none; font-family:'pf_dindisplay_proregular'; font-size:16px; } .modal form label textarea { color:#333; height:129px; overflow:auto; padding:10px; width:288px; } .modal form label.name input { background-position:0 2px; } .modal form label.email input { background-position:1px -88px; } .modal form label.phone input { background-position:0 -46px; } .slide-pd { margin:auto; padding:0 20px; position:relative; width:960px; } .orb { background:#d03630; border-radius:50%; color:#fff; display:block; font-family:'pf_dindisplay_promedium'; font-size:17px; height:29px; line-height:29px; text-align:center; width:29px; } .promo-block { height:317px; position:relative; } .promo-left { color:#484847; float:left; font-size:18px; line-height:20px; padding:30px 0 0 214px; position:relative; text-align:center; width:286px; } .promo-left p { padding-bottom:10px; } .promo-left p.timer-bottom { color:#828080; margin:0 -20px; } .promo-left p span { color:#d33333; font-size:25px; } .promo-left p strong { color:#000; } .promo-left p span span { font-size:20px; line-height:20px; } .promo-left .timer { background:url(../i/timer.jpg) 0 0 no-repeat; height:80px; padding:18px 0 0 17px; width:269px; } .promo-left .timer div { float:left; font-size:43px; line-height:57px; height:57px; margin-right:8px; width:57px; } .promo-left span.promo { background:url(../i/badge.png) 0 0 no-repeat; display:block; height:190px; left:39px; position:absolute; top:46px; width:190px; } .promo-left span.arrow { background:url(../i/arrow.png) 0 0 no-repeat; display:block; height:36px; left:420px; position:absolute; top:267px; width:144px; z-index:4; } .promo-form { background:url(../i/bg_form.png) 0 0 no-repeat; bottom:30px; color:#fff; height:430px; position:absolute; right:66px; z-index:3; } .promo-form { font-size:18px; padding:0 28px; text-align:center; width:294px; } .promo-form .promo-title { font-size:34px; line-height:36px; text-transform:uppercase; padding:30px 0 10px; } .promo-form p { line-height:20px; margin:0 -10px; padding-bottom:20px; } .promo-form p.small { font-size:15px; line-height:15px; padding:5px 0 0; } #slide2 .promo-form .promo-title, .promo-form .promo-title.small { font-size:24px; padding:25px 0 10px; } .promo-form label { border-bottom:solid 1px #aaa; border-left:solid 1px transparent; border-right:solid 1px transparent; border-top:solid 1px #666; } .promo-form label { border-radius:8px; height:34px; padding-bottom:1px; width:292px; } .promo-form label input { background:url(../i/icon.png) no-repeat #fff; border:none; border-bottom:solid 1px #7b7675; border-radius:7px; height:34px; width:258px; } .promo-form label input { color:#767778; font-family:'pf_dindisplay_proregular'; font-size:17px; padding-left:33px; } .promo-form label.name input { background-position:9px 9px; } .promo-form label.phone input { background-position:9px -39px; } .promo-form label.email input { background-position:9px -81px; } .promo-slide { background:#f6f2f2; height:410px; } .promo-slide .promo-block { height:380px; } .promo-slide .promo-block .promo-left { padding:93px 0 0 214px; } .promo-slide .promo-block .promo-left span.promo { top:109px; } .promo-slide .promo-block .promo-left span.arrow { top:330px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Slides */ #box { min-height:100%; } #box-pd { padding-bottom:116px; } #header { background:url(../i/patern.gif) 0 0 repeat; height:65px; } #header .logo-block { background:#fff; height:99px; margin:auto; width:510px; z-index:1; } #header .logo-angle { border-left:solid 255px transparent; border-right:solid 255px transparent; border-top:solid 110px #fff; height:0; margin:auto; width:0; z-index:1; } #header #logo { background:url(../i/logo.png) 50% 0 no-repeat; left:0; margin:auto; padding-top:75px; position:absolute; text-align:center; top:20px; } #header #logo { font-size:17px; line-height:18px; width:100%; z-index:2; } #header #header-phone { color:#fff; font-size:23px; line-height:20px; position:absolute; right:20px; text-align:right; top:10px; } #header #header-phone a { border-bottom:dashed 1px #19c6ff; color:#19c6ff; font-size:15px; position:relative; text-decoration:none; z-index:3; } #header #header-phone a:hover { border-bottom:none; } #slide1 { background:url(../i/bg_header.jpg) 50% 0 no-repeat; height:771px; padding-top:81px; } body.completed #slide1 { background:#fff; height:auto; } #slide1 .title { color:#fff; line-height:24px; text-align:center; } #slide1 .title span { display:inline-block; } #slide1 .title span { background:url(../i/bg_title.gif) 0 0 repeat; font-family:'pf_dindisplay_promedium'; font-size:35px; padding:5px 30px 20px; } #slide1 .title span.first { padding:20px 30px 10px; } #slide1 .title span:last-child { font-family:'pf_dindisplay_proregular'; font-size:23px; padding:0 20px 10px; } #slide1 .comp { color:#8e7373; font-family:'pf_dindisplay_prolight'; font-size:21px; padding-top:60px; text-align:center; } #slide1 .comp span { color:#d23c36; display:block; font-family:'pf_dindisplay_proregular'; font-size:29px; padding-bottom:10px; text-transform:uppercase; } #slide1 .comp p { padding-bottom:40px; } #slide2 { height:317px; } #slide3 { background:url(../i/patern.gif) 0 0 repeat; color:#fff; padding:70px 0 40px; } #slide3 .fours { text-align:center; } #slide3 .fours div { display:inline-block; font-size:17px; line-height:22px; vertical-align:top; width:200px; } #slide3 .fours div p.red { color:#d23c36; height:70px; text-transform:uppercase; } #slide3 .fours div strong { display:block; font-size:36px; line-height:24px; } #slide3 .fours div.f1 strong { font-size:60px; line-height:53px; } #slide3 .fours div.f4 strong { font-size:48px; line-height:43px; } #slide3 .fours div em { font-style:normal; } #slide3 .fours div .text { height:80px; } #slide3 .fours div .line { background:#d23c36; height:6px; font-size:0; line-height:0; margin:auto; width:160px; } #slide3 .fours div .line span { border-bottom:solid 6px #d23c36; border-left:solid 6px transparent; border-right:solid 6px transparent; height:0; margin:auto; width:0; } #slide3 .fours div .line span { position:relative; top:-6px; } #slide4 { background:#fff; padding-bottom:60px; } #slide4 .title-box { background:#886c6c; height:91px; margin:auto; width:590px; } #slide4 .title-box div { background:#fff; height:88px; margin:auto; width:580px; z-index:1; } #slide4 .title-box div p { color:#6f5959; font-family:'pf_dindisplay_prolight'; font-size:35px; line-height:60px; text-align:center; position:relative; z-index:2; } #slide4 .title-box div p span { font-size:72px; position:relative; top:-10px; text-transform:uppercase; } #slide4 .title-dome { border-left:solid 295px transparent; border-right:solid 295px transparent; border-top:solid 112px #886c6c; height:0; margin:0 auto 60px; position:relative; width:0; } #slide4 .title-dome div { border-left:solid 290px transparent; border-right:solid 290px transparent; border-top:solid 109px #fff; height:0; margin:auto; position:absolute; width:0; } #slide4 .title-dome div { left:-290px; top:-115px; } #slide4 #flag { background:url(../i/flag.png) 0 0 no-repeat; height:82px; position:absolute; right:70px; top:30px; width:188px; } #slide4 #flag { color:#a7a3a3; font-size:14px; line-height:17px; padding:117px 0 0 80px; } #slide4 .collection-title { color:#6f5959; font-size:24px; padding-bottom:40px; text-align:center; } #slide4 .collection-title span { background:url(../i/ttb.gif) 50% 50% no-repeat; display:block; } #slide4 .collection-title div { color:#d23c36; font-size:51px; text-transform:uppercase; } #slide4 .collection-title p { color:#8e7373; font-family:'pf_dindisplay_prolight'; } #slide4 .collection-title p strong { color:#6f5959; text-transform:uppercase; } #slide4 .collection { color:#46322e; font-family:'pf_dindisplay_promedium'; font-size:24px; line-height:24px; padding-bottom:60px; text-align:center; } #slide4 .collection del { color:#8e7373; font-size:18px; } #slide4 .collection p { padding-bottom:10px; } #slide4 .collection .coll-block { border:solid 3px #e9e4e4; display:inline-block; height:119px; margin:0 15px; padding-top:465px; width:256px; } #slide4 .collection .coll-block.m1 { background:url(../i/m01.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.m2 { background:url(../i/m02.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.m3 { background:url(../i/m03.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.k1 { background:url(../i/k01.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.k2 { background:url(../i/k02.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.k3 { background:url(../i/k03.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.d1 { background:url(../i/d01.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.d2 { background:url(../i/d02.jpg) 0 0 no-repeat; } #slide4 .collection .coll-block.d3 { background:url(../i/d03.jpg) 0 0 no-repeat; } #slide5 { padding-bottom:150px; } #slide5 #dop-collection { border:solid 3px #e9e4e4; margin:0 51px 0 50px; padding:40px 0 0; } #slide5 #dop-collection .collection-title { color:#6f5959; font-size:24px; padding-bottom:40px; text-align:center; } #slide5 #dop-collection .collection-title span { background:url(../i/ttb.gif) 50% 50% no-repeat; display:block; } #slide5 #dop-collection .collection-title div { color:#d23c36; font-size:51px; text-transform:uppercase; } #slide5 #dop-collection .dop-coll { padding-bottom:40px; text-align:center; } #slide5 #dop-collection .dop-coll .dop { display:inline-block; line-height:24px; vertical-align:top; width:24%; } #slide5 #dop-collection .dop-coll .dop div { height:160px; margin:auto; width:160px; } #slide5 #dop-collection .dop-coll .dop div.d1 { background:url(../i/icon1.png) 50% 8px no-repeat; } #slide5 #dop-collection .dop-coll .dop div.d2 { background:url(../i/icon2.png) 50% 15px no-repeat; } #slide5 #dop-collection .dop-coll .dop div.d3 { background:url(../i/icon3.png) 50% 15px no-repeat; } #slide5 #dop-collection .dop-coll .dop div.d4 { background:url(../i/icon4.png) 0 0 no-repeat; width:100%; } #slide5 #dop-collection .dop-coll .dop span { color:#a56c3d; display:block; font-family:'pf_dindisplay_promedium'; font-size:24px; padding-bottom:20px; } #slide5 #dop-collection .dop-coll .dop ul { font-size:15px; text-align:left; } #slide5 #dop-collection .dop-coll .dop ul li { line-height:16px; padding:0 0 5px 25px; position:relative; } #slide5 #dop-collection .dop-coll .dop ul li:before { background:#d03630; border-radius:50%; content:''; display:block; height:4px; left:13px; position:absolute; top:7px; width:4px; } #slide5 #dop-collection .dark { background:#f6f2f2; padding:40px 0 30px; } #slide6 { padding:60px 0; } #slide6 .title { color:#d23c36; font-size:52px; padding-bottom:50px; text-align:center; text-transform:uppercase; } #slide6 .cl .spawn { color:#545454; float:left; font-size:17px; line-height:22px; padding-bottom:60px; width:460px; } #slide6 .cl .spawn:last-child { float:right; } #slide6 .cl .spawn div { padding:10px 0 30px 90px; } #slide6 .cl .spawn div.s1 { background:url(../i/i1.png) 10px 0 no-repeat; } #slide6 .cl .spawn div.s2 { background:url(../i/i2.png) 15px 10px no-repeat; } #slide6 .cl .spawn div.s3 { background:url(../i/i3.png) 10px 10px no-repeat; } #slide6 .cl .spawn div.s4 { background:url(../i/i4.png) 10px 0 no-repeat; } #slide6 .cl .spawn div.s5 { background:url(../i/i5.png) 10px 0 no-repeat; } #slide6 .cl .spawn div.s6 { background:url(../i/i6.png) 15px 10px no-repeat; } #slide6 .cl .spawn div.s7 { background:url(../i/i7.png) 10px 0 no-repeat; } #slide6 .cl .spawn span { color:#d23c36; display:block; font-size:25px; line-height:26px; padding-bottom:10px; } #slide7 { background:#f6f2f2; padding:60px 0 80px; } #slide7 .title { color:#d23c36; font-size:52px; padding-bottom:50px; text-align:center; text-transform:uppercase; } #slide7 #outlock { background:url(../i/cut.jpg) 50% 0 no-repeat; height:810px; position:relative; } #slide7 #outlock .lines { background:url(../i/lines.png) 0 0 no-repeat; height:394px; left:269px; position:absolute; top:43px; width:395px; } #slide7 #outlock .orb { position:absolute; } #slide7 #outlock .orb.o1 { left:335px; top:392px; } #slide7 #outlock .orb.o2 { left:407px; top:270px; } #slide7 #outlock .orb.o3 { left:444px; top:314px; } #slide7 #outlock .orb.o4 { left:519px; top:28px; } #slide7 #outlock .orb.o5 { left:543px; top:248px; } #slide7 #outlock .orb.o6 { left:519px; top:121px; } #slide7 #outlock .orb.o7 { left:592px; top:92px; } #slide7 #outlock .orb.o8 { left:75px; top:576px; } #slide7 #outlock .orb.o9 { left:535px; top:580px; } #slide7 #outlock .ore { font-size:15px; line-height:20px; position:absolute; } #slide7 #outlock .ore.o1 { left:13px; text-align:right; top:420px; width:239px; } #slide7 #outlock .ore.o2 { left:81px; text-align:right; top:236px; width:230px; } #slide7 #outlock .ore.o3 { left:569px; top:368px; width:261px; } #slide7 #outlock .ore.o4 { left:140px; text-align:right; top:46px; width:267px; } #slide7 #outlock .ore.o5 { left:675px; top:267px; width:254px; } #slide7 #outlock .ore.o6 { left:675px; top:161px; width:254px; } #slide7 #outlock .ore.o7 { left:675px; top:53px; width:221px; } #slide7 #outlock .ore.o8 { background:url(../i/img1.png) 0 0 no-repeat; height:175px; left:30px; top:530px; padding:50px 0 0 100px; width:300px; } #slide7 #outlock .ore.o9 { background:url(../i/img2.png) 0 0 no-repeat; left:497px; top:530px; padding:85px 0 0 73px; width:300px; } #slide7 #outlock .ore span { color:#a56c3d; display:block; font-size:21px; padding-bottom:5px; } #slide8 { padding:80px 0 120px; } #slide8 .title { color:#d23c36; float:left; font-family:'pf_dindisplay_prolight'; font-size:71px; line-height:56px; padding-left:80px; text-transform:uppercase; } #slide8 .title small { font-family:'pf_dindisplay_proregular'; font-size:35px; line-height:40px; position:relative; top:-10px; } #slide8 .title span { color:#4b4a4a; font-family:'pf_dindisplay_promedium'; font-size:59px; position:relative; top:-10px; } #slide8 #steps { border-left:solid 3px #f6f2f2; float:right; padding-left:70px; width:410px; } #slide8 #steps .step { color:#2b2a2a; font-size:17px; line-height:20px; padding-bottom:35px; position:relative; width:269px; } #slide8 #steps .step:first-child { font-size:19px; } #slide8 #steps .step span { color:#a56c3d; font-family:'pf_dindisplay_prolight'; font-size:47px; } #slide8 #steps .step span { left:-76px; position:absolute; top:10px; } #slide9 { background:url(../i/patern.gif) 0 0 repeat; color:#fff; padding:60px 0; } #slide9 .title { color:#f1332c; font-size:52px; line-height:50px; padding-bottom:50px; text-align:center; text-transform:uppercase; } #slide9 #icons { font-size:17px; line-height:22px; text-align:center; } #slide9 #icons span { color:#b46530; font-size:24px; line-height:40px; } #slide9 #icons .icon { display:inline-block; vertical-align:top; width:230px; } #slide9 #icons .icon div { border-radius:50%; height:160px; margin:0 auto 10px; width:160px; } #slide9 #icons .icon div.i1 { background:url(../i/white1.png) 50% 50% no-repeat #f1332c; } #slide9 #icons .icon div.i2 { background:url(../i/white2.png) 50% 50% no-repeat #f1332c; } #slide9 #icons .icon div.i3 { background:url(../i/white3.png) 50% 50% no-repeat #f1332c; } #slide9 #icons .icon div.i4 { background:url(../i/white4.png) 50% 50% no-repeat #f1332c; } #slide9 #icons .icon div.i5 { background:url(../i/white5.png) 50% 50% no-repeat #f1332c; } #slide9 #icons .icon div.i6 { background:url(../i/white6.png) 50% 50% no-repeat #f1332c; } #slide10 { padding:80px 0; } #slide10 .title { color:#d23c36; font-size:45px; line-height:50px; padding-bottom:40px; text-align:center; text-transform:uppercase; } #slide10 .no-stand { padding:0 100px 80px; } #slide10 .no-stand .stand { float:left; width:340px; } #slide10 .no-stand .stand:last-child { float:right; } #slide10 .no-stand .stand .stand-image { padding:14px; height:240px; } #slide10 .no-stand .stand.s1 .stand-image { background:url(../i/img1.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s2 .stand-image { background:url(../i/img2.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s3 .stand-image { background:url(../i/img3.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s4 .stand-image { background:url(../i/img4.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s5 .stand-image { background:url(../i/img5.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s6 .stand-image { background:url(../i/img6.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s7 .stand-image { background:url(../i/img7.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand.s8 .stand-image { background:url(../i/img8.jpg) 0 0 no-repeat; } #slide10 .no-stand .stand .stand-image span { border:solid 3px #fff; display:block; height:234px; } #slide10 .no-stand .stand .stand-text { border:solid 3px #f6f2f2; display:table; font-size:15px; line-height:22px; height:240px; padding:30px; text-align:center; } #slide10 .no-stand .stand .stand-text div { display:table-cell; vertical-align:middle; height:240px; } #slide10 .no-stand .stand .stand-text div span { color:#a56c3d; display:block; font-size:23px; padding-bottom:10px; } #slide10 .no-stand.x2 .stand .stand-text { height:140px; } #slide10 .no-stand.x2 .stand .stand-text div { height:140px; } #slide11 { background:url(../i/patern.gif) 0 0 repeat; color:#fff; line-height:22px; padding:80px 0 150px; } #slide11 .title { color:#f1332c; font-size:52px; line-height:50px; padding-bottom:80px; text-align:center; text-transform:uppercase; } #slide11 .review { font-size:17px; padding:0 70px 100px 30px; } #slide11 .review p { padding-bottom:10px; } #slide11 .rev-left { float:left; border:solid 3px #d03630; padding:35px; width:343px; } #slide11 .rev-left span { color:#d23c36; font-family:'pf_dindisplay_promedium'; } #slide11 .rev-right { float:right; width:400px; } #slide11 .rev-right strong { color:#cd3c36; } #slide11 .rev-right span { color:#a56c3d; display:block; font-size:27px; line-height:28px; padding-bottom:40px; position:relative; } #slide11 .rev-right span:before { content:'«'; left:-15px; position:absolute; top:0; } #slide11 .rev-right span:after { content:'»'; } #slide11 .rev-right .face { height:70px; padding:40px 0 0 120px; } #slide11 .rev-right .face.f1 { background:url(../i/face1.png) 0 100% no-repeat; } #slide11 .rev-right .face.f2 { background:url(../i/face2.png) 0 100% no-repeat; } #slide11 .rev-right .face.f3 { background:url(../i/face3.png) 0 100% no-repeat; } #slide11 .rev-right .face.f4 { background:url(../i/face4.png) 0 100% no-repeat; } #slide12 { padding:80px 0; } #slide12 .title { color:#d23c36; font-size:52px; line-height:50px; padding:0 0 60px 70px; text-transform:uppercase; } #slide12 #map { height:410px; margin:0 auto 30px; position:relative; width:100%; } #slide12 #map div { background:url(../i/location.png) 0 0 no-repeat; color:#432e2a; font-family:'pf_dindisplay_prolight'; font-size:15px; } #slide12 #map div { height:112px; line-height:20px; left:342px; position:absolute; top:79px; padding:15px 20px 0; width:235px; } #slide12 #map div strong { font-family:'pf_dindisplay_promedium'; } /* #slide12 #map { background:url(../i/map.jpg) 0 0 no-repeat; height:579px; margin:auto; position:relative; width:428px; } #slide12 #map span { background:#d03630; border-radius:50%; display:block; position:absolute; } #slide12 #map span.point1 { height:8px; left:69px; top:15px; width:8px; } #slide12 #map span.point2 { height:8px; left:192px; top:114px; width:8px; } #slide12 #map span.point3 { height:4px; left:52px; top:121px; width:4px; } #slide12 #map span.point4 { height:11px; left:119px; top:124px; width:11px; } #slide12 #map span.point5 { height:5px; left:96px; top:151px; width:5px; } #slide12 #map span.point6 { height:5px; left:217px; top:165px; width:5px; } #slide12 #map span.point7 { height:8px; left:282px; top:167px; width:8px; } #slide12 #map span.point8 { height:6px; left:29px; top:172px; width:6px; } #slide12 #map span.point9 { height:6px; left:167px; top:194px; width:6px; } #slide12 #map span.point10 { height:6px; left:216px; top:212px; width:6px; } #slide12 #map span.point11 { height:8px; left:288px; top:223px; width:8px; } #slide12 #map span.point12 { height:6px; left:64px; top:234px; width:6px; } #slide12 #map span.point13 { height:8px; left:225px; top:252px; width:8px; } #slide12 #map span.point14 { height:6px; left:320px; top:260px; width:6px; } #slide12 #map span.point15 { height:4px; left:186px; top:263px; width:4px; } #slide12 #map span.point16 { height:6px; left:243px; top:270px; width:6px; } #slide12 #map span.point17 { height:6px; left:201px; top:273px; width:6px; } #slide12 #map span.point18 { height:4px; left:92px; top:282px; width:4px; } #slide12 #map span.point19 { height:4px; left:213px; top:285px; width:4px; } #slide12 #map span.point20 { height:8px; left:160px; top:288px; width:8px; } #slide12 #map span.point21 { height:11px; left:110px; top:311px; width:11px; } #slide12 #map span.point22 { height:6px; left:273px; top:309px; width:6px; } #slide12 #map span.point23 { height:6px; left:359px; top:314px; width:6px; } #slide12 #map span.point24 { height:4px; left:345px; top:325px; width:4px; } #slide12 #map span.point25 { height:6px; left:23px; top:385px; width:6px; } #slide12 #map span.point26 { height:8px; left:100px; top:378px; width:8px; } #slide12 #map span.point27 { height:6px; left:247px; top:373px; width:6px; } #slide12 #map span.point28 { height:8px; left:158px; top:404px; width:8px; } #slide12 #map span.point29 { height:8px; left:270px; top:434px; width:8px; } #slide12 #map span.point30 { height:11px; left:161px; top:505px; width:11px; } */ #slide12 #quest { color:#d23c36; font-size:72px; padding:40px 0 0 70px; text-transform:uppercase; } #slide12 #quest span { color:#39404a; } #footer { background:url(../i/patern.gif) 0 0 repeat; height:116px; position:relative; } body.completed #footer { margin-top:-116px; } #footer .foot-left { color:#fff; float:left; font-size:32px; line-height:20px; padding-top:30px; text-align:right; } #footer .foot-left a { border-bottom:dashed 1px #19c6ff; color:#19c6ff; font-size:17px; position:relative; text-decoration:none; } #footer .foot-left a:hover { border-bottom:none; } #footer a.mokselle { color:#fff; display:block; float:right; font-size:15px; height:26px; line-height:26px; padding-right:110px; } #footer a.mokselle { background:url(../i/creator.png) 100% 100% no-repeat; padding-top:40px; text-decoration:none; } /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* Buttons */ .promo-form .button { background:url(../i/buttons.png) 0 0 no-repeat; border:none; display:block; height:47px; margin:0 -4px; width:303px; } .promo-form .button { color:#fff; cursor:pointer; font-family:'pf_dindisplay_promedium'; font-size:14px; text-transform:uppercase; } .promo-form .button { text-shadow:0 1px 1px #611313; } .promo-form .button:hover { background-position:-303px 0; } .promo-form .button:active { background-position:-606px 0; } .promo-slide .promo-block .promo-form .button { font-size:17px; } #slide4 .collection a { background:url(../i/buttons.png) -682px -221px no-repeat; display:block; margin:auto; height:37px; padding-top:10px; width:167px; } #slide4 .collection a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-decoration:none; text-transform:uppercase; } #slide4 .collection a { text-shadow:0 1px 1px #611313; } #slide4 .collection a:hover { background-position:-682px -268px; } #slide4 .collection a:active { background-position:-682px -315px; } a.catalog { background:url(../i/buttons.png) 0 -47px no-repeat; display:block; margin:-20px auto 0; height:34px; padding-top:12px; width:303px; } a.catalog { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } a.catalog { text-shadow:0 1px 1px #611313; } a.catalog:hover { background-position:-303px -47px; } a.catalog:active { background-position:-606px -47px; } #slide5 #dop-collection .dark a { background:url(../i/buttons.png) 0 -94px no-repeat; display:block; margin:auto; height:34px; padding-top:12px; width:303px; } #slide5 #dop-collection .dark a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide5 #dop-collection .dark a { text-shadow:0 1px 1px #611313; } #slide5 #dop-collection .dark a:hover { background-position:-303px -94px; } #slide5 #dop-collection .dark a:active { background-position:-606px -94px; } #slide6 a { background:url(../i/buttons.png) 0 -141px no-repeat; display:block; margin:auto; height:50px; padding-top:28px; width:350px; } #slide6 a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide6 a { text-shadow:0 1px 1px #611313; } #slide6 a:hover { background-position:-350px -141px; } #slide6 a:active { background-position:-700px -141px; } #slide7 a { background:url(../i/buttons.png) 0 -221px no-repeat; display:block; margin:auto; height:34px; padding-top:12px; width:451px; } #slide7 a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide7 a { text-shadow:0 1px 1px #611313; } #slide7 a:hover { background-position:0 -268px; } #slide7 a:active { background-position:0 -315px; } #slide8 a { background:url(../i/buttons.png) -451px -221px no-repeat; display:block; margin:10px 0 0 -15px; height:34px; padding-top:12px; width:231px; } #slide8 a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide8 a { text-shadow:0 1px 1px #611313; } #slide8 a:hover { background-position:-451px -268px; } #slide8 a:active { background-position:-451px -315px; } #slide11 a { background:url(../i/buttons.png) 0 -362px no-repeat; display:block; margin:auto; height:34px; padding-top:12px; width:451px; } #slide11 a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide11 a { text-shadow:0 1px 1px #611313; } #slide11 a:hover { background-position:0 -409px; } #slide11 a:active { background-position:0 -456px; } #slide12 a { background:url(../i/buttons.png) -451px -362px no-repeat; display:block; margin:0 0 0 480px; height:34px; padding-top:12px; width:271px; } #slide12 a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } #slide12 a { text-shadow:0 1px 1px #611313; } #slide12 a:hover { background-position:-451px -409px; } #slide12 a:active { background-position:-451px -456px; } .modal form .button { background:url(../i/buttons.png) -451px -221px no-repeat; border:none; display:block; margin:10px auto 0; height:47px; width:231px; } .modal form .button { color:#fff; cursor:pointer; font-family:'pf_dindisplay_promedium'; font-size:17px; text-transform:uppercase; } .modal form .button { text-shadow:0 1px 1px #611313; } .modal form .button:hover { background-position:-451px -268px; } .modal form .button:active { background-position:-451px -315px; } .comp a { background:url(../i/buttons.png) -451px -221px no-repeat; display:block; margin:auto; height:34px; padding-top:12px; width:231px; } .comp a { color:#fff; font-family:'pf_dindisplay_promedium'; font-size:17px; text-align:center; text-decoration:none; text-transform:uppercase; } .comp a { text-shadow:0 1px 1px #611313; } .comp a:hover { background-position:-451px -268px; } .comp a:active { background-position:-451px -315px; } /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ /* cassador.ru */