.clear { clear:both; font-size:1px; height:0 }
@font-face { font-family:'ruble'; src:url('../fonts/ruble.eot'); src:local('вШЇ'), url('../fonts/ruble.woff') format('woff'), url('../fonts/ruble.ttf') format('truetype'), url('../fonts/ruble.svg') format('svg'); font-weight:400; font-style:normal }
* { margin:0; outline:none; border:none; padding:0; vertical-align:baseline; font-size:100% }
*, *:after, *:before { box-sizing:border-box !important }
main, article, section, footer, header, aside, canvas { display:block }
strong, b { font-weight:700 }
i, em { font-style:italic }
table { border-collapse:collapse }
button, input { -webkit-appearance:none; -moz-appearance:none; border-radius:0 }
::-moz-focus-inner { padding:0; border:none }
:focus { outline:none }
section, header, footer { position:relative }
a { color:inherit }
button, input[type=submit] { cursor:pointer }
.sep { margin:0 0.25em }
.inner { position:relative; width:1152px; height:100%; margin-left:auto; margin-right:auto }
.inner:after { content:''; display:table; clear:both }
.inner.inner-main { width:95% }
.inner.inner-sm { width:1050px }
html { overflow-y:scroll; min-height:100% }
body { width:100%; min-height:100%; line-height:22px; color:#383838; background:#fff; font-weight:400; font-size:18px; cursor:default; font-family:'Open Sans', sans-serif }
#wrap { min-height:100%; background-color:#FFFFFF;/*background:transparent url("../images/bg-1.jpg") repeat scroll 0px 0px;*/ }
#classbg { background-color:#FFFFFF; width:100%; margin:auto; box-shadow:0px 3px 3px rgba(0, 0, 0, 0.2) }
.ruble { display:inline-block; position:relative; top:0; vertical-align:baseline; width:.8em; line-height:1em; margin-left:-0.2em; font-size:1em; font-weight:400; text-align:left; text-transform:lowercase; overflow:hidden; text-indent:-9999px; overflow:visible }
.ruble:before { content:''; display:block; position:absolute; top:0; left:0; content:"p"; width:100%; height:100%; text-indent:0; font-family:'ruble' }
.blue-color { color:#20a4ff }
.bth-blue { background-color:#27a3f9; border-radius:30px; color:#fff; display:block; text-align:center; text-decoration:none; width:340px; height:52px; font-weight:600; text-transform:uppercase; font-size:16px }
.bth-blue:hover { background:rgba(39, 163, 248, 0.8); box-shadow:0 1px 2px rgba(0, 0, 0, 0.56) }
.bth-blue.small { width:230px; height:40px; font-size:16px; font-weight:400; line-height:37px; text-transform:none }
/*–§–Њ—А–Љ–∞ –Ј–∞–Ї–∞–Ј–∞*/
input { font-family:'Open Sans', sans-serif }
.forma { margin-top:55px; margin-bottom:55px; height:439px; background:url('../img/forma-bg.png') top center no-repeat }
.forma h2.small { font-size:36px; line-height:48px; text-align:center; padding:55px 0 70px }
.forma input.name, .forma input.phone { width:338px; height:54px; border-radius:30px; border:1px solid #cdcdcd; color:#000000; font-size:22px; padding-left:30px; background-color:#fff; margin-bottom:60px; border-radius:30px; font-size:18px; font-weight:300 }
.forma input.name { margin-left:160px }
.forma input.phone { margin-right:160px; float:right }
.forma .bth-blue { margin:auto }
h2 { font-size:48px; font-weight:300; padding:80px 0 40px; text-align:center; line-height:1.2 }
h3 { font-size:30px; line-height:48px; font-weight:300; text-align:center; padding-bottom:20px }
/*–°–µ–Ї—Ж–Є—П вДЦ1 - –≥–ї–∞–≤–љ—Л–є —Н–Ї—А–∞–љ*/
#welcome { height:845px; background:url('../img/welcome-bg.png') top center no-repeat }
/*–≤–µ—А—Е–љ—П—П –ї–Є–љ–Є—П*/
#welcome .topline { min-width:930px; padding:35px 0 0; display:block; font-weight:300 }
#welcome .topline .top-left, #welcome .topline .top-right, #welcome .middleline .middle-left, #welcome .middleline .middle-right { display:inline-block }
#welcome .topline .top-left { float:left; font-size:28px }
#welcome .topline .top-left span { font-size:36px; display:inline-block; padding-bottom:20px }
#welcome .topline img { display:inline-block; margin-top:43px; padding-left:20px }
#welcome .topline .top-right { float:right }
#welcome .topline .top-right .phone-numb { font-size:22px; display:inline-block; padding-right:25px; vertical-align:top }
#welcome .topline .top-right .phone-numb span { font-size:30px }
#welcome .topline .top-right .adress { font-size:18px; line-height:28px; display:inline-block; text-align:right; margin-top:-7px }
/*––µ–љ—В—А–∞–ї—М–љ–∞—П –ї–Є–љ–Є—П*/
#welcome .middleline { min-width:1225px; padding:95px 0 0; display:block; font-weight:300; overflow:hidden }
#welcome .middleline .middle-left { float:left; padding-left:95px }
#welcome .middleline .middle-righ { float:right; padding-top:20px }
#welcome .middleline .line { display:block; overflow:hidden }
#welcome .middleline .middle-left .left1 { display:inline-block; float:left; font-size:48px; line-height:1.2 }
#welcome .middleline .middle-left .left1 strong { font-weight:400 }
#welcome .middleline .middle-left .right1 { display:inline-block; float:right; text-align:center; width:330px; font-size:22px; padding-top:25px; margin-right:20px }
#welcome .middleline .middle-left .right1 span { display:inline-block; padding:25px 7px 0; font-weight:400; font-size:28px; vertical-align:top }
#welcome .middleline img.avto-main { padding:7px 0px 0px 40px }
/*–Э–Є–ґ–љ—П—П –ї–Є–љ–Є—П - —Б–њ–Є—Б–Њ–Ї —А–∞–±–Њ—В*/
#welcome .spisok-rabot { min-width:1020px; width:95%; margin-left:90px; display:table; padding-top:15px }
#welcome .spisok-rabot .element { width:25%; display:table-cell; font-size:16px; font-weight:600 }
#welcome .spisok-rabot .element img { padding-right:30px; display:inline-block; vertical-align:top; padding-top:7px }
#welcome .spisok-rabot .element p { display:inline-block }
/*–°–µ–Ї—Ж–Є—П вДЦ2 - –±–µ—Б–њ–ї–∞—В–љ–∞—П –Ї–Њ–љ—Б—Г–ї—М—В–∞—Ж–Є—П*/
#consult { height:70px; background-color:#f8f8f8; position:relative }
#consult.sticky { position:fixed; top:0; z-index:1000; transition:none; width:100%; border-bottom:1px solid rgba(204,204, 204, 0.3) }
#consult .cons-tab { display:inline-table; width:100%; padding-top:15px }
#consult .cons-tab >div { display:table-cell; vertical-align:middle }
#consult .cons-tab p { font-size:22px; font-weight:300; text-align:center }
#consult a.blue-color { text-decoration:none }
#consult a.blue-color:hover { text-decoration:underline }
/*–°–µ–Ї—Ж–Є—П вДЦ3 */
#promo { height:auto; background:url('../img/bg-promo.jpg') top center no-repeat; overflow:hidden }
#promo .comfort { height:570px }
#promo .text { float:right }
#promo p { font-size:30px; line-height:36px; font-weight:300; margin-left:200px }
.comfort h2 { text-align:left; margin-top:35px }
/*–°–µ–Ї—Ж–Є—П вДЦ4 */
#free-day { height:774px; background:url('../img/3-day-bg.png') top center no-repeat }
#free-day h2 { padding-top:165px; padding-bottom:20px }
#free-day .max-comfort { display:table; width:100%; margin-top:50px }
#free-day .max-comfort .row { display:table-row }
#free-day .max-comfort .row >div { display:table-cell; width:25%; text-align:center; vertical-align:middle }
#free-day .max-comfort .row.row1 >div { vertical-align:middle; height:135px }
#free-day .max-comfort .row.row2 >div { vertical-align:top }
#free-day .max-comfort .row p { font-size:20px; font-weight:300; line-height:24px }
#free-day .max-comfort .row p strong { font-weight:400 }
/*–°–µ–Ї—Ж–Є—П вДЦ5 - –Ъ–≤–∞—А—Ж */
#kachestvo-and-kvarz { background:url('../img/volvo-kvarz.png') top center no-repeat; height:779px; overflow:hidden; margin-top:-130px }
#kachestvo-and-kvarz .kvarz { }
#kachestvo-and-kvarz .kvarz .kvarz-right { padding-left:238px }
#kachestvo-and-kvarz .kvarz h2 { text-align:left; padding-left:100px; padding-top:170px }
#kachestvo-and-kvarz .kvarz .kravz-tab { width:100%; display:table; margin-left:20px; margin-bottom:55px }
#kachestvo-and-kvarz .kvarz .kravz-tab .row { display:table-row }
#kachestvo-and-kvarz .kvarz .kravz-tab .row >div { width:25%; display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; line-height:1.2 }
#kachestvo-and-kvarz .kvarz .kravz-tab .row img { padding:35px 0 13px }
#kachestvo-and-kvarz .kvarz p { font-size:20px; line-height:30px; font-weight:300 }
#kachestvo-and-kvarz .kvarz p span { font-size:24px; font-weight:400; color:#20a4ff; padding-left:13px }
/*–°–µ–Ї—Ж–Є—П вДЦ7*/
#plenka { height:774px; margin-top:-97px; background:url('../img/plenka-bg-2.png') top center no-repeat; padding-top:90px }
#plenka h2, #plenka h3 { text-align:left }
#plenka h2 { padding:50px 0 15px }
#plenka .plenka-right { padding-left:289px }
#plenka .plenka-tab { width:100%; display:table; margin-top:40px; padding-bottom:45px }
#plenka .plenka-tab >div { display:table-cell; width:33.333333% }
#plenka .plenka-tab p.zagolovok { font-size:24px; font-weight:400; color:#20a4ff; padding-bottom:20px }
#plenka .plenka-tab .texts { border-left:2px solid #c2c2c2; padding-left:18px; font-size:18px; line-height:22px; font-weight:300; margin-left:3px }
#plenka .plenka-tab .price { font-size:22px; font-weight:400; padding-top:20px; vertical-align:top }
#plenka p.price-fary { font-size:20px; line-height:30px; font-weight:300 }
#plenka p.price-fary span { font-weight:400; padding-left:13px }
/*–°–µ–Ї—Ж–Є—П вДЦ8 - –љ–∞—И–Є —А–∞–±–Њ—В—Л*/
.lSPager, .lSpg { display:none }
#our-work ul, #our-work li { list-style:none; list-style-type:none; list-style-image:none }
#our-work { /*background:url('../img/our-work-bg.png') top center no-repeat;  */ height:900px; margin-top:-100px }
#our-work h2 { padding-top:155px }
#our-work .work-plus { position:relative; width:60%; display:table; margin:10px auto 50px auto }
#our-work .work-plus >div { display:table-cell; width:50% }
#our-work .work-plus p.plus { padding-left:60px }
#our-work .work-plus p.plus:before { content:''; display:inline; position:absolute; margin-left:-60px; margin-top:0px; width:40px; height:40px; background:url('../img/work-icon.png') no-repeat scroll 0px 0px transparent }
/*–°–ї–∞–є–і–µ—А*/
#our-work .slider-work { position:relative }
#our-work .slider-work .slider-prev, #our-work .slider-work .slider-next { display:block; position:absolute; top:150px; left:0; width:33px; height:58px }
#our-work .slider-work .slider-prev:hover, #our-work .slider-work .slider-next:hover { filter:alpha(opacity=50); opacity:.5 }
#our-work .slider-work .slider-prev { background-image:url('../img/slide-icon-prev.png') }
#our-work .slider-work .slider-next { background-image:url('../img/slide-icon-next.png'); right:0px; left:auto }
#our-work .slider-work .slide { width:942px; margin:auto; display:table }
#our-work .slider-work .slide .element { width:942px; display:table-cell; text-align:center }
#our-work .slider-work .slide .element img { width:942px }
#our-work .slider-work .slide .element:before, #our-work .slider-work .slide .element:after { content:''; display:inline; position:absolute; top:32px; left:120px; height:34px }
#our-work .slider-work .slide .element:before { width:80px; background:url('../img/slide-work-before.png') no-repeat scroll 0px 0px transparent }
#our-work .slider-work .slide .element:after { width:108px; background:url('../img/slide-work-after.png') no-repeat scroll 0px 0px transparent; right:120px; left:auto }
#our-work .slider-work .slide .element p.podpis { padding-top:10px; font-size:18px; line-height:24px; font-weight:400; text-align:left }
#our-work .slider-work .slide .element p.podpis span { font-weight:300; color:#20a4ff }
/*–°–µ–Ї—Ж–Є—П вДЦ9 - –У–∞—А–∞–љ—В–Є–Є (+ —Д–Њ—А–Љ–∞)*/
#garantii { background:url('../img/garantii-bg.png') top center no-repeat; height:1310px; overflow:hidden }
#garantii .garant { overflow:hidden }
#garantii .garant h2 { padding-top:130px }
#garantii .garant .garant-tab { width:50%; margin-left:50%; display:table; padding-top:20px }
#garantii .garant .garant-tab .row { display:table-row; width:50%; font-size:21px; line-height:1.2; font-weight:300 }
#garantii .garant .garant-tab .row .el { display:table-cell; padding-left:40px; padding-bottom:60px }
#garantii .garant .garant-tab .row .el:before { content:''; display:inline; position:absolute; margin-left:-40px; margin-top:5px; height:13px; width:13px; background:url('../img/list-garant.png') no-repeat scroll 0px 0px transparent }
/*–°–µ–Ї—Ж–Є—П вДЦ10 - –љ–∞—И–Є –Љ–∞—Б—В—А–∞*/
#masters { }
#masters h2 { line-height:1.4; padding-top:55px }
#masters .master-tab { width:100%; display:table; padding-top:10px }
#masters .master-tab .info-about, #masters .master-tab .slider { display:table-cell; vertical-align:top }
#masters .master-tab .info-about { width:365px; padding-top:45px }
#masters .master-tab .info-about p.images { text-align:center; padding-bottom:50px }
#masters .master-tab .info-about p.info { padding-bottom:40px; padding-left:40px; font-size:18px; line-height:26px; font-weight:300 }
#masters .master-tab .info-about p.info:before { content:''; display:inline; position:absolute; margin-left:-40px; margin-top:6px; height:13px; width:13px; background:url('../img/list-garant.png') no-repeat scroll 0px 0px transparent }
/*–°–ї–∞–є–і–µ—А - –Љ–∞—Б—В–µ—А–∞*/
#masters .slider-master { width:100%; position:relative; height:550px }
#masters .slider-master .slider-prev, #masters .slider-master .slider-next { display:block; position:absolute; bottom:130px; width:13px; height:22px }
#masters .slider-master .slider-prev:hover, #masters .slider-master .slider-next:hover { filter:alpha(opacity=50); opacity:.5 }
#masters .slider-master .slider-prev { background-image:url('../img/slide-mast-prev.png'); right:211px; left:auto }
#masters .slider-master .slider-next { background-image:url('../img/slide-mast-next.png'); right:143px; left:auto }
#masters .slider-master .slide .element { width:100%; display:table }
#masters .slider-master .slide .element img { display:table-cell; max-width:487px }
#masters .slider-master .slide .element .podpis { display:table-cell; width:300px; vertical-align:top; padding-top:97px }
#masters .slider-master .slide .element .podpis h3 { line-height:36px; padding-bottom:75px; text-align:left }
#masters .slider-master .slide .element .podpis p { font-size:18px; line-height:24px; font-weight:300 }
#masters .slider-master .slide .element .podpis p strong { font-weight:400 }
/*–°–µ–Ї—Ж–Є—П вДЦ11 - –†–µ–Љ–Њ–љ—В–љ–∞—П –Ј–Њ–љ–∞ (—Б–ї–∞–є–і–µ—А)*/
#remomt-zone { height:850px; overflow:hidden; background:url('../img/remot-zone-bg.png') top center no-repeat; margin-top:-110px }
#remomt-zone h2 { padding-top:130px }
/*–°–ї–∞–є–і–µ—А*/
#remomt-zone .slider-remont { position:relative; margin-top:20px }
#remomt-zone .slider-remont .slider-prev, #remomt-zone .slider-remont .slider-next { display:block; position:absolute; top:185px; left:0; width:33px; height:58px }
#remomt-zone .slider-remont .slider-prev:hover, #remomt-zone .slider-remont .slider-next:hover { filter:alpha(opacity=50); opacity:.5 }
#remomt-zone .slider-remont .slider-prev { background-image:url('../img/slide2-icon-prev.png') }
#remomt-zone .slider-remont .slider-next { background-image:url('../img/slide2-icon-next.png'); right:0px; left:auto }
#remomt-zone .slider-remont .slide { width:994px; margin:auto; position:relative }
#remomt-zone .slider-remont .slide .element p.podpis { display:none }
/*–Р–Ї—В–Є–≤–љ—Л–є —Б–ї–∞–є–і*/
#remomt-zone .slider-remont .element.active { display:block; margin:auto; z-index:3; position:absolute; top:0px; text-align:center; width:100% }
#remomt-zone .slider-remont .element.active img { width:554px }
#remomt-zone .slider-remont .slide .element.active p.podpis { padding-top:20px; font-size:18px; line-height:24px; font-weight:300; text-align:center; display:block }
/*–°–ї–∞–є–і —Б–ї–µ–≤–∞ –Є —Б–њ—А–∞–≤–∞ –Њ—В –∞–Ї—В–Є–≤–љ–Њ–≥–Њ*/
#remomt-zone .slider-remont .element.pre-active, #remomt-zone .slider-remont .element.next-active { width:395px; display:block; z-index:1; position:absolute; top:70px; filter:alpha(opacity=50); opacity:.5 }
#remomt-zone .slider-remont .element.pre-active img, #remomt-zone .slider-remont .element.next-active img { width:395px }
#remomt-zone .slider-remont .element.pre-active { left:0px }
#remomt-zone .slider-remont .element.next-active { right:0px; left:auto }
/*–°–µ–Ї—Ж–Є—П вДЦ12 - –≥–і–µ –Њ–і–љ–∞ —Д–Њ—А–Љ–∞*/
#only-form { background:url('../img/form3-bg.png') 0px 130px no-repeat }
#only-form h2 { padding:50px 0 180px }
#only-form .forma { margin-top:55px; margin-bottom:55px; height:492px; background:url('../img/forma-bg-3.png') top center no-repeat }
/*–Ъ–∞—А—В–∞ + —Д—Г—В–µ—А*/
#footer-map { height:612px; background:url('../img/karta-bg-2.png') top center no-repeat; overflow:hidden }
#footer-map .map-address { display:block; width:380px; height:104px; position:absolute; background:url('../img/map-points.png') top center no-repeat; left:730px; top:175px; font-size:16px; line-height:24px; font-weight:300; padding:15px 15px 15px 30px }
#footer-map .map-address span { font-weight:400 }
#footer-map .copyright { position:absolute; right:38px; bottom:77px; font-size:14px; line-height:22px; font-weight:300; text-align:right }
/*–Ф–Њ–њ–Њ–ї–љ–Є—В–µ–ї—М–љ—Л–є —Н–Ї—А–∞–љ*/
#welcome .avto-img { position:relative }
a.choise { display:block; position:absolute; width:22px; height:22px; background:url('../img/choise-detal.png') top center no-repeat }
a.choise:hover, a.choise:active, a.choise.active { width:74px; height:74px; background:url('../img/choise-detal-active.png') top center no-repeat }
/*1*/
a.choise.choise1 { left:173px; bottom:170px }
a.choise.choise1:hover, a.choise.choise1:active, a.choise.choise1.active { left:147px; /*-26*/ bottom:144px; /*-26*/ }
.choise-forma.choise1 { left:227px; /*+80*/ bottom:70px; /*-74*/ }
.choise-forma.choise1 p.price { padding-bottom:7px }
/*2*/
a.choise.choise2 { left:465px; bottom:200px }
a.choise.choise2:hover, a.choise.choise2:active, a.choise.choise2.active { left:439px; bottom:174px }
.choise-forma.choise2 { left:519px; /*+80*/ bottom:100px; /*-74*/ }
/*3*/
a.choise.choise3 { left:485px; bottom:283px }
a.choise.choise3:hover, a.choise.choise3:active, a.choise.choise3.active { left:459px; bottom:257px }
.choise-forma.choise3 { left:539px; /*+80*/ bottom:183px; /*-74*/ }
/*4*/
a.choise.choise4 { right:375px; bottom:320px }
a.choise.choise4:hover, a.choise.choise4:active, a.choise.choise4.active { right:349px; bottom:294px }
.choise-forma.choise4 { right:90px; /*-259*/ bottom:220px; /*-74*/ }
/*5*/
a.choise.choise5 { right:235px; bottom:175px }
a.choise.choise5:hover, a.choise.choise5:active, a.choise.choise5.active { right:209px; bottom:149px }
.choise-forma.choise5 { right:289px; /*+80*/ bottom:75px; /*-74*/ }
/*6*/
a.choise.choise6 { right:210px; bottom:305px }
a.choise.choise6:hover, a.choise.choise6:active, a.choise.choise6.active { right:184px; bottom:279px }
.choise-forma.choise6 { right:264px; /*+80*/ bottom:205px; /*-74*/ }
/*7*/
a.choise.choise7 { right:80px; bottom:175px }
a.choise.choise7:hover, a.choise.choise7:active, a.choise.choise7.active { right:54px; bottom:149px }
.choise-forma.choise7 { right:134px; /*+80*/ bottom:75px; /*-74*/ }
.choise-forma.choise7 p.price { padding-bottom:7px }
/*8*/
a.choise.choise8 { right:55px; bottom:257px }
a.choise.choise8:hover, a.choise.choise8:active, a.choise.choise8.active { right:29px; bottom:231px }
.choise-forma.choise8 { right:109px; /*+80*/ bottom:157px; /*-74*/ }
/**/
.choise-forma { display:none; background:url('../img/choise-active-bg.png') top center no-repeat; width:251px; height:171px; position:absolute; padding:25px; z-index:2 }
.choise-forma p { font-size:18px; font-weight:300; padding-bottom:10px }
.choise-forma p.price { font-size:30px; padding-bottom:20px }
.choise-forma .bth-blue.small { width:155px; height:40px; font-size:16px; font-weight:400 }
.choise-forma a.close { display:block; width:12px; height:12px; background:url('../img/detal-close.png') top center no-repeat; top:20px; right:20px; position:absolute }
@media screen and (max-width:1200px) {
body { 1200px }
#classbg { 1200px }
.inner { width:1095px }
.inner.inner-main { 1095px }
#welcome .middleline { min-width:1120px }
#welcome .middleline .middle-left { padding-left:0 !important }
#welcome .middleline .middle-left .right1 { margin-right:55px }
#welcome .middleline img.avto-main { padding-right:0; padding-left:0 }
#welcome .spisok-rabot { 1095px }
#welcome .spisok-rabot .element img { padding-right:15px }
#consult { position:inherit }
#consult .cons-tab p { font-size:21px }
#promo { background:url('../img/bg-promo.png'); background-repeat:no-repeat }
#promo p { margin-left:275px }
#our-work { height:850px; background-size:cover }
#our-work h2 { padding-top:125px }
#garantii { background-position:top left }
#garantii .garant h2 { padding:120px 0 50px }
#garantii .garant .garant-tab { width:37%; margin-left:63% }
#garantii .garant .garant-tab .row { width:100%; font-size:22px }
#garantii .garant .garant-tab .row .el { padding-left:50px; padding-bottom:40px }
#masters .master-tab .info-about { width:310px }
#footer-map .map-address { left:530px }
a.choise.choise1 { left:31px }
a.choise.choise1:hover, a.choise.choise1:active, a.choise.choise1.active { left:5px }
.choise-forma.choise1 { left:85px }
a.choise.choise2 { 323px }
a.choise.choise2:hover, a.choise.choise2:active, a.choise.choise2.active { left:297px }
.choise-forma.choise2 { left:377px }
a.choise.choise3 { left:343px }
a.choise.choise3:hover, a.choise.choise3:active, a.choise.choise3.active { left:317px }
.choise-forma.choise3 { left:397px }
}