@charset "utf-8";.ia1,.ia2,.ia3,.ic,.ic1,.ic2,.ic3,.ic4,.ih1,.ih2,.ih3,.ih4,.il1,.il2,.im,.im1,.im2,.im3,.im4,.im5,.ip1,.ip2,.ipb,.ipl,.ipn,.ipp,.ipt,.ipz,.iq1,.iq2,.iq3,.iq4,.iq5,.ir1,.ir2,.ir3,.is,.is1,.is2,.isa,.isb,.isl,.isr,.it,.iv1,.iv2,.iv3,.iv4,.iv5,.slider,.slider .slides,.slider .slides 
.slide{position:relative}
.button span,
.button: before,
.hidden{pointer-events:none}
@font-face{font-family:lato;src:url(fonts/lato-100-normal.eot);src:url(fonts/lato-100-normal.eot-#iefix) format("embedded-opentype"),url(fonts/lato-100-normal.woff) format("woff"),url(fonts/lato-100-normal.ttf) format("truetype");font-style:normal;font-weight:100}@font-face{font-family:lato;src:url(fonts/lato-300-normal.eot);src:url(fonts/lato-300-normal.eot-#iefix) format("embedded-opentype"),url(fonts/lato-300-normal.woff) format("woff"),url(fonts/lato-300-normal.ttf) format("truetype");font-style:normal;font-weight:300}@font-face{font-family:lato;src:url(fonts/lato-400-normal.eot);src:url(fonts/lato-400-normal.eot-#iefix) format("embedded-opentype"),url(fonts/lato-400-normal.woff) format("woff"),url(fonts/lato-400-normal.ttf) format("truetype");font-style:normal;font-weight:400}@font-face{font-family:lato;src:url(fonts/lato-500-normal.eot);src:url(fonts/lato-500-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/lato/lato-500-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/lato-500-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/lato/lato-500-normal.woff*/ format("woff"),url(fonts/lato-500-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/lato/lato-500-normal.ttf*/ format("truetype");font-style:normal;font-weight:500}@font-face{font-family:lato;src:url(fonts/lato-700-normal.eot);src:url(fonts/lato-700-normal.eot-#iefix) format("embedded-opentype"),url(fonts/lato-700-normal.woff) format("woff"),url(fonts/lato-700-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/lato/lato-700-normal.ttf*/ format("truetype");font-style:normal;font-weight:700}
/* Замена на вес 300 */
@font-face {
    font-family: 'muller';
    src: local('Open Sans Light'), local('OpenSans-Light');
    font-style: normal;
    font-weight: 300;
}

/* Замена на вес 400 */
@font-face {
    font-family: 'muller';
    src: local('Open Sans Regular'), local('OpenSans-Regular');
    font-style: normal;
    font-weight: 400;
}

/* Замена на вес 700 */
@font-face {
    font-family: 'muller';
    src: local('Open Sans Bold'), local('OpenSans-Bold');
    font-style: normal;
    font-weight: 700;
}

/* Замена на вес 800 */
@font-face {
    font-family: 'muller';
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold');
    font-style: normal;
    font-weight: 800;
}

@font-face{font-family:museo;src:url(fonts/museo-100-normal.eot)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-100-normal.eot*/;src:url(fonts/museo-100-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-100-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/museo-100-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-100-normal.woff*/ format("woff"),url(fonts/museo-100-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-100-normal.ttf*/ format("truetype");font-style:normal;font-weight:100}@font-face{font-family:museo;src:url(fonts/museo-300-normal.eot)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-300-normal.eot*/;src:url(fonts/museo-300-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-300-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/museo-300-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-300-normal.woff*/ format("woff"),url(fonts/museo-300-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-300-normal.ttf*/ format("truetype");font-style:normal;font-weight:300}@font-face{font-family:museo;src:url(fonts/museo-500-normal.eot)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-500-normal.eot*/;src:url(fonts/museo-500-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-500-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/museo-500-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-500-normal.woff*/ format("woff"),url(fonts/museo-500-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-500-normal.ttf*/ format("truetype");font-style:normal;font-weight:500}@font-face{font-family:museo;src:url(fonts/museo-700-normal.eot)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-700-normal.eot*/;src:url(fonts/museo-700-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-700-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/museo-700-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-700-normal.woff*/ format("woff"),url(fonts/museo-700-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-700-normal.ttf*/ format("truetype");font-style:normal;font-weight:700}@font-face{font-family:museo;src:url(fonts/museo-900-normal.eot)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-900-normal.eot*/;src:url(fonts/museo-900-normal.eot-#iefix)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-900-normal.eot?#iefix*/ format("embedded-opentype"),url(fonts/museo-900-normal.woff)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-900-normal.woff*/ format("woff"),url(fonts/museo-900-normal.ttf)/*tpa=http://224921.selcdn.ru/kuhni/fonts/museo/museo-900-normal.ttf*/ format("truetype");font-style:normal;font-weight:900}.h1,.h2{font-family:museo;display:block}.h1 span,.h2 span{padding-bottom:15px;display:block}.h1{font-size:47px;font-weight:700}.h1.on-top>span,.h1.on-top~span{margin-left:38px}.h1.on-top.p0>span{padding-bottom:0}.h1.on-bottom>span{margin-left:38px;margin-bottom:-2px;padding-bottom:0}.h1.on-bottom+.h2:before{bottom:0}.h1.on-bottom+.h2>span{margin-left:38px;padding-bottom:30px}.h2{font-size:26px;font-weight:300}.h2 .bold{display:inline}.button,.center>span{display:inline-block}.h3{font-size:24px;font-weight:400}.center{text-align:center}.center>span{text-align:left}
.strong{font-weight:900;text-transform:uppercase}
.bold{font-weight:700}
.white{-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.66);text-shadow:1px 1px 1px rgba(0,0,0,.66);color:#fff}
.button,.menu .main .left .slogan{text-shadow:1px 1px 1px rgba(0,0,0,.33);-webkit-text-shadow:1px 1px 1px rgba(0,0,0,.33)}
.button{-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.33);box-shadow:1px 1px 1px rgba(0,0,0,.33);-webkit-transition:background-color .1s ease;transition:background-color .1s ease;margin-top:10px;padding-left:34px;padding-right:34px;font-size:19px;font-family:muller;line-height:76px;font-weight:400;white-space:nowrap;color:#fff;background:#f0295f;border:none!important;outline:0!important;border-radius:38px;cursor:pointer}
.button:hover{background-color:#e6003f}
.button.red{background-color:#f8315b;-webkit-animation:2.5s ease-in-out 0s normal none infinite running trambling-animation;-moz-animation:2.5s ease-in-out 0s normal none infinite running trambling-animation;-o-animation:2.5s ease-in-out 0s normal none infinite running trambling-animation;animation:2.5s ease-in-out 0s normal none infinite running trambling-animation}
.button.red:hover{background-color:#ee0839}@keyframes trambling-animation{0%,100%,20%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}12%,4%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);transform:rotate(-1deg)}16%,8%{-webkit-transform:rotate(1deg);-moz-transform:rotate(1deg);transform:rotate(1deg)}}
.slider .slides .strip{display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:nowrap}
.slider .slides .slide{width:100%;height:100%}.slider .slides .slide~.slide{margin-left:-100%}
.slider .slides .slide:not(.visible) .slide{-webkit-transition:visibility 0s linear .25s,opacity .25s linear;-moz-transition:visibility 0s linear .25s,opacity .25s linear;transition:visibility 0s linear .25s,opacity .25s linear;pointer-events:none;visibility:hidden;opacity:0}
.slider .arrow,.slider .control{user-select:none}
.w360{max-width:360px}.w640{max-width:640px}
.w720{max-width:720px}.space20{height:20px}
.space30{height:30px}.space50{height:50px}
.space60{height:60px}.space75{height:75px}
.space100{height:100px}
.space120{height:120px}
.space160{height:60px}
.space210{height:210px}
.space300{height:300px}
.space350{height:350px}
.clearfix{display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between}@media (max-width:760px){.desktop{display:none!important}}@media (min-width:761px){.mobile{display:none!important}}
.hidden{-webkit-transition:visibility 0s linear .25s,opacity .25s linear;-moz-transition:visibility 0s linear .25s,opacity .25s linear;transition:visibility 0s linear .25s,opacity .25s linear;visibility:hidden;opacity:0}
.visible{-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;pointer-events:all;visibility:visible;opacity:1}
.bg1{background-image:url(images/bg1.jpg)}
.bg2{background-image:url(images/bg2.jpg)}
.bg3{background-image:url(images/bg3.jpg)}
.bg4{background-image:url(images/bg4.jpg)}
.bg5{background-image:url(images/bg5.jpg)}
.bg6{background-image:url(images/bg6.jpg)}
.bg7{background-image:url(images/bg7.jpg)}
.bg8{background-image:url(images/bg8.jpg)}
.bg9{background-image:url(images/bg9.jpg)}
.bg10{background-image:url(images/bg10.jpg)}
.bgp{background-image:url(images/bgp.png)}
.ia1:before,
.ia2:before,
.ia3:before,
.ic1:before,
.ic2:after,
.ic3:before,
.ic4:after,
.ic:before,
.ih1:before,
.ih2:before,
.ih3:before,
.ih4:before,
.il1:before,
.il2:before,
.im1:before,
.im2:before,
.im3:before,
.im4:before,
.im5:before,
.im:before,
.ip1:before,
.ip2:before,
.ipb:before,
.ipl:before,
.ipn:before,
.ipp:before,
.ipt:before,
.ipz:after,
.iq1:before,
.iq2:before,
.iq3:before,
.iq4:before,
.iq5:before,
.ir1:before,
.ir2:before,
.ir3:before,
.is1:before,
.is2:after,
.is:before,
.isa:before,
.isb:before,
.isl:before,
.isr:before,
.it:before,
.iv1:before,
.iv2:before,
.iv3:before,
.iv4:before,
.iv5:before{background-image:url(images/icn-desktop.png);position:relative;display:inline-block;content:''}
.ih1:before,
.ih2:before,
.ih3:before,
.ih4:before{position:absolute}
.im1:before{width:17px;height:13px;background-position:-10px -66px}
.im2:before{width:26px;height:12px;background-position:-37px -66px}
.im3:before{width:41px;height:41px;background-position:-380px -20px}
.im4:before{width:62px;height:40px;background-position:-431px -18px}
.im5:before{width:28px;height:48px;background-position:-503px -10px}
.il1:before,
.il2:before{width:130px;height:18px}
.il1:before{background-position:-10px -38px}
.il2:before{background-position:-10px -10px}
.im:before{width:17px;height:13px;background-position:-465px -103px}
.ih1:before{width:81px;height:81px;background-position:-150px -10px}
.ih2:before{width:87px;height:87px;background-position:-241px -10px}
.ih3:before{width:32px;height:50px;background-position:-339px -10px}
.ih4:before{width:56px;height:1px;background-position:-380px -10px}
.isl:before{width:36px;height:22px;background-position:-384px -70px}
.isr:before{width:36px;height:22px;background-position:-338px -70px}
.isb:before{width:23px;height:23px;background-position:-430px -70px}
.isa:before{width:23px;height:23px;background-position:-463px -70px}
.is1:before,
.is2:after{width:48px;height:35px}
.is1:before{background-position:-288px -150px}
.is2:after{background-position:-348px -150px}
.ir1:before{width:19px;height:18px;background-position:-492px -103px}
.ir2:before{width:16px;height:16px;background-position:-490px -131px}
.ir3:before{width:13px;height:13px;background-position:-521px -103px}
.ia1:before,
.ia2:before,
.ia3:before{width:269px;height:79px}
.ia1:before{background-position:-10px -150px}
.ia2:before{background-position:-10px -239px}
.ia3:before{background-position:-10px -328px}
.ic1:before,
.ic2:after{width:20px;height:22px}
.ic1:before{background-position:-496px -70px}
.ic2:after{background-position:-517px -70px}
.ic3:before,.
ic4:after{width:15px;height:15px}
.ic3:before{background-position:-99px -66px}
.ic4:after{background-position:-74px -66px}
.iq1:before{width:42px;height:42px;background-position:-10px -89px}
.iq2:before{width:51px;height:39px;background-position:-123px -101px}
.iq3:before{width:51px;height:47px;background-position:-62px -91px}
.iq4:before{width:51px;height:39px;background-position:-184px -101px}
.iq5:before{width:41px;height:39px;background-position:-245px -101px}
.iv1:before{width:23px;height:23px;background-position:-398px -107px}
.iv2:before{width:26px;height:24px;background-position:-363px -107px}
.iv3:before{width:24px;height:26px;background-position:-328px -107px}
.iv4:before{width:22px;height:26px;background-position:-296px -107px}
.iv5:before{width:24px;height:26px;background-position:-431px -107px}
.ip1:before{width:37px;height:35px;background-position:-447px -151px}
.ip2:before{width:31px;height:32px;background-position:-494px -151px}
.ipt:before{width:54px;height:54px;background-position:-289px -195px}
.ipb:before{width:62px;height:62px;background-position:-353px -195px}
.ipl:before{width:16px;height:22px;background-position:-516px -126px}
.ipz:after{width:39px;height:37px;background-position:-425px -196px}
.ipp:before{width:32px;height:45px;background-position:-476px -196px}
.ipn:before{width:32px;height:45px;background-position:-508px -196px}
.sp11,.sp12,.sp13,.sp14,.sp15,.sp16,.sp21,.sp22,.sp23,.sp24,.sp25,.sp26,.sp31,.sp32,.sp33,.sp34,.sp35,.sp36,.sq1,.sq2,.sq3,.sq4,.sq5,.sr1,.sr2,.sr3,.sr4,
.sr5{background-image:url(images/img-desktop.jpg);background-size:initial!important}
.sq1{background-position:0 -1560px}
.sq2{background-position:0 -1943px}
.sq3{background-position:0 -2326px}
.sq4{background-position:0 -2709px}
.sq5{background-position:0 -3092px}
.sp11{background-position:0 0}
.sp12{background-position:-310px 0}
.sp13{background-position:-620px 0}
.sp14{background-position:0 -260px}
.sp15{background-position:-310px -260px}
.sp16{background-position:-620px -260px}
.sp21{background-position:0 -520px}
.sp22{background-position:-310px -520px}
.sp23{background-position:-620px -520px}
.sp24{background-position:0 -780px}
.sp25{background-position:-310px -780px}
.sp26{background-position:-620px -780px}
.sp31{background-position:0 -1040px}
.sp32{background-position:-310px -1040px}
.sp33{background-position:-620px -1040px}
.sp34{background-position:0 -1300px}
.sp35{background-position:-310px -1300px}
.sp36{background-position:-620px -1300px}
.sr1{background-position:-536px -1560px}
.sr2{background-position:-536px -1908px}
.sr3{background-position:-536px -2256px}
.sr4{background-position:-536px -2604px}
.sr5{background-position:-536px -2952px}@media (max-width:991px){.ia1:before,.ia2:before,.ia3:before,.ic1:before,.ic2:after,.ic3:before,.ic4:after,.ic:before,.ih1:before,.ih2:before,.ih3:before,.ih4:before,.il:before,.im1:before,.im2:before,.im3:before,.im4:before,.im5:before,.im:before,.ip1:before,.ip2:before,.ipb:before,.ipl:before,.ipn:before,.ipp:before,.ipt:before,.ipz:after,.iq1:before,.iq2:before,.iq3:before,.iq4:before,.iq5:before,.ir1:before,.ir2:before,.ir3:before,.is1:before,.is2:after,.isa:before,.isb:before,.isl:before,.isr:before,.it:before,.iv1:before,.iv2:before,.iv3:before,.iv4:before,
.iv5:before{background-image:url(images/icn-mobile.png)}
.im1:before{width:17px;height:13px;background-position:-10px -66px}
.im2:before{width:26px;height:12px;background-position:-37px -66px}
.im3:before{width:32px;height:32px;background-position:-332px -21px}
.im4:before{width:48px;height:30px;background-position:-375px -21px}
.im5:before{width:22px;height:37px;background-position:-433px -10px}
.il1:before,
.il2:before{width:130px;height:18px}
.il1:before{background-position:-10px -38px}
.il2:before{background-position:-10px -10px}
.im:before{width:13px;height:11px;background-position:-334px -119px}
.ih1:before{width:62px;height:62px;background-position:-150px -10px}
.ih2:before{width:67px;height:67px;background-position:-221px -10px}
.ih3:before{width:25px;height:38px;background-position:-298px -10px}
.ih4:before{width:30px;height:1px;background-position:-332px -10px}
.isl:before{width:28px;height:17px;background-position:-298px -64px}
.isr:before{width:28px;height:17px;background-position:-336px -64px}
.isb:before{width:18px;height:18px;background-position:-374px -64px}
.isa:before{width:18px;height:18px;background-position:-401px -64px}
.is1:before,
.is2:after{width:37px;height:27px}
.is1:before{background-position:-242px -119px}
.is2:after{background-position:-288px -119px}
.ir1:before{width:15px;height:14px;background-position:-381px -87px}
.ir2:before{width:12px;height:12px;background-position:-401px -87px}
.ir3:before{width:10px;height:10px;background-position:-401px -111px}
.ia1:before,.ia2:before,.ia3:before{width:207px;height:61px}
.ia1:before{background-position:-10px -136px}.ia2:before{background-position:-10px -207px}.ia3:before{background-position:-226px -207px}
.ic1:before,.ic2:after{width:15.4px;height:16.9px}.ic1:before{background-position:-423px -64px}.ic2:after{background-position:-444px -64px}
.ic3:before,.ic4:after{width:15px;height:15px}.ic3:before{background-position:-98px -66px}.ic4:after{background-position:-73px -66px}
.iq1:before{width:32px;height:32px;background-position:-10px -89px}.iq2:before{width:40px;height:30px;background-position:-52px -89px}
.iq3:before{width:40px;height:36px;background-position:-101px -89px}.iq4:before{width:40px;height:30px;background-position:-150px -89px}
.iq5:before{width:32px;height:30px;background-position:-199px -89px}.iv1:before{width:18px;height:18px;background-position:-242px -87px}
.iv3:before{width:19px;height:20px;background-position:-299px -87px}.iv2:before{width:20px;height:19px;background-position:-269px -87px}
.iv4:before{width:17px;height:20px;background-position:-327px -89px}.iv5:before{width:19px;height:20px;background-position:-353px -87px}
.ip1:before{width:29px;height:27px;background-position:-242px -156px}.ip2:before{width:23px;height:24px;background-position:-281px -156px}
.ipt:before{width:40px;height:40px;background-position:-465px -10px}.ipb:before{width:46px;height:46px;background-position:-465px -60px}
.ipl:before{width:12px;height:16px;background-position:-357px -117px}.ipz:after{width:29px;height:27px;background-position:-314px -156px}
.ipp:before{width:32px;height:45px;background-position:-353px -138px}.ipn:before{width:32px;height:45px;background-position:-395px -138px}
.sp11,.sp12,.sp13,.sp14,.sp15,.sp16,.sp21,.sp22,.sp23,.sp24,.sp25,.sp26,.sp31,.sp32,.sp33,.sp34,.sp35,.sp36,.sq1,.sq2,.sq3,.sq4,.sq5,.sr1,.sr2,.sr3,.sr4,
.sr5{background-image:url(images/img-mobile.jpg);background-size:initial!important}
.sq1{background-position:0 -1188px}.sq2{background-position:0 -1485px}.sq3{background-position:0 -1782px}.sq4{background-position:0 -2080px}
.sq5{background-position:0 -2376px}.sp11{background-position:0 0}.sp12{background-position:-235px 0}.sp13{background-position:-470px 0}
.sp14{background-position:0 -198px}.sp15{background-position:-235px -198px}.sp16{background-position:-470px -198px}.sp21{background-position:0 -396px}
.sp22{background-position:-235px -396px}.sp23{background-position:-470px -396px}.sp24{background-position:0 -594px}.sp25{background-position:-235px -594px}
.sp26{background-position:-470px -594px}.sp31{background-position:0 -792px}.sp32{background-position:-235px -792px}.sp33{background-position:-470px -792px}
.sp34{background-position:0 -990px}.sp35{background-position:-235px -990px}.sp36{background-position:-470px -990px}.sr1{background-position:-414px -1188px}
.sr2{background-position:-414px -1458px}.sr3{background-position:-414px -1728px}.sr4{background-position:-414px -1998px}
.sr5{background-position:-414px -2268px}}@media (max-width:760px){.sp10,.sp11,.sp12,.sp13,.sp14,.sp15,.sp16,.sp17,.sp18,.sp19,.sp20,.sp21,.sp22,.sp23,.sp24,.sp25,.sp26,.sp27,.sp28,.sp29,.sp30,.sp31,.sp32,.sp33,.sp34,.sp35,.sp36,.sp37,.sp38,.sp39,.sq1,.sq2,.sq3,.sq4,.sq5,.sr1,.sr2,.sr3,.sr4,.sr5{background-position:0!important;background-size:cover!important}
.sp11{background-image:url(images/spm11.jpg)}
.sp12{background-image:url(images/spm12.jpg)}
.sp13{background-image:url(images/spm13.jpg)}
.sp14{background-image:url(images/spm14.jpg)}
.sp15{background-image:url(images/spm15.jpg)}
.sp16{background-image:url(images/spm16.jpg)}
.sp17{background-image:url(images/spm17.jpg)}
.sp18{background-image:url(images/spm18.jpg)}
.sp19{background-image:url(images/spm19.jpg)}
.sp10{background-image:url(images/spm10.jpg)}
.sp21{background-image:url(images/spm21.jpg)}
.sp22{background-image:url(images/spm22.jpg)}
.sp23{background-image:url(images/spm23.jpg)}
.sp24{background-image:url(images/spm24.jpg)}
.sp25{background-image:url(images/spm25.jpg)}
.sp26{background-image:url(images/spm26.jpg)}
.sp27{background-image:url(images/spm27.jpg)}
.sp28{background-image:url(images/spm28.jpg)}
.sp29{background-image:url(images/spm29.jpg)}
.sp20{background-image:url(images/spm20.jpg)}
.sp31{background-image:url(images/spm31.jpg)}
.sp32{background-image:url(images/spm32.jpg)}
.sp33{background-image:url(images/spm33.jpg)}
.sp34{background-image:url(images/spm34.jpg)}
.sp35{background-image:url(images/spm35.jpg)}
.sp36{background-image:url(images/spm36.jpg)}
.sp37{background-image:url(images/spm37.jpg)}
.sp38{background-image:url(images/spm38.jpg)}
.sp39{background-image:url(images/spm39.jpg)}
.sp30{background-image:url(images/spm30.jpg)}
.sq1{background-image:url(images/sq1.jpg)}
.sq2{background-image:url(images/sq2.jpg)}
.sq3{background-image:url(images/sq3.jpg)}
.sq4{background-image:url(images/sq4.jpg)}
.sq5{background-image:url(images/sq5.jpg)}
.sr1{background-image:url(images/sr1.jpg)}
.sr2{background-image:url(images/sr2.jpg)}
.sr3{background-image:url(images/sr3.jpg)}
.sr4{background-image:url(images/sr4.jpg)}
.sr5{background-image:url(images/sr5.jpg)}}
.ppd11,.ppd12,.ppd13,.ppd14,.ppd15,.ppd16,.ppd21,.ppd22,.ppd23,.ppd24,.ppd25,.ppd26,.ppd31,.ppd32,.ppd33,.ppd34,.ppd35,
.ppd36{background-image:url(images/img-popup.jpg);background-size:initial!important}
.ppd11{background-position:0 0}.ppd12{background-position:-480px 0}.ppd13{background-position:0 -260px}.ppd14{background-position:-480px -260px}
.ppd15{background-position:0 -520px}.ppd16{background-position:-480px -520px}.ppd21{background-position:0 -780px}.ppd22{background-position:-480px -780px}
.ppd23{background-position:0 -1040px}.ppd24{background-position:-480px -1040px}.ppd25{background-position:0 -1300px}.ppd26{background-position:-480px -1300px}.ppd31{background-position:0 -1560px}.ppd32{background-position:-480px -1560px}.ppd33{background-position:0 -1820px}.ppd34{background-position:-480px -1820px}.ppd35{background-position:0 -2080px}.ppd36{background-position:-480px -2080px}body{margin:0;padding:0}body a{text-decoration:none}body .block{background-repeat:no-repeat;background-size:cover;max-width:100%;font-family:lato;background-position:center;overflow:hidden;background-color: #3f99b1;}
body .block .container{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:0 15px;width:970px;position:relative}
.menu{top:0;left:0;width:100%;background-color:rgba(255,255,255,.9);position:fixed;z-index:10}.menu .main{display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:nowrap;-webkit-justify-content:space-between;justify-content:space-between;line-height:16px}
.menu .main .left{padding-right:30px;position:relative}.menu .main .left .logo{margin-bottom:5px;display:inline-block}.menu .main .left .logo:after{top:10px;margin:0 20px;width:1px;height:40px;content:'';background-color:#f89432;position:relative;display:inline-block}.menu .main .left .slogan{top:2px;font-size:13px;font-weight:500;color:#FFCC55;position:relative;display:inline-block}.home .bottom .card-descr,.popular .slider .card-name{-webkit-text-shadow:2px 2px 0 rgba(0,0,0,.2);text-shadow:2px 2px 0 rgba(0,0,0,.2)}.menu .main .links{padding:5px 0}.menu .main .links .text{padding:5px 0;font-size:12px;font-weight:700;color:#333;display:block}.menu .main .links .link{-webkit-transition:color .3s ease;transition:color .3s ease;padding:5px 0 5px 40px;font-size:12px;font-weight:700;color:#FFCC55;position:relative;display:block;cursor:pointer}.menu .main .links .link:before{top:7px;left:0;margin-right:15px;position:absolute}.menu .main .links .link.im1:before{left:5px}.menu .main .links .link span{position:relative}.menu .main .links .link span:before{-webkit-transition:border-color .3s ease;transition:border-color .3s ease;bottom:-2px;width:100%;content:'';border-bottom:1px dotted #FFCC55;position:absolute}.menu .main .links .link:hover{color:#faada5}.menu .main .links .link:hover span:before{border-bottom-color:#faada5}.menu .main .right{text-align:right}.menu .main .right .phone{padding-top:5px;font-size:22px;font-weight:700;line-height:32px;white-space:nowrap;color:#FFAEA2;display:block;cursor:pointer}.menu .main .right .time{font-size:12.25px;font-weight:300;color:#FFAEA2}.menu .main .right .time:before{top:4px;margin-right:8px}.menu .main .right .email{font-size:14px;font-weight:500;color:#FFAEA2}.menu .main .right .email:before{top:2px;margin-right:5px}.home{margin-top:62px}
.home .main .right{margin-left:30px;padding:95px 0}.home .main .right .title{margin-left:-20px;margin-bottom:-12px;font-size:32px;font-family:muller;font-weight:800;text-transform:uppercase;display:block}.home .main .right .percent,.home .main .right .subtitle{font-weight:700;display:block;font-family:museo}.home .main .right .percent{font-size:78px;color:#faada5}.home .main .right .percent:before{top:calc(50% - 5px);left:-30px}.home .main .right .percent span:before{top:calc(50% - 5px);left:calc(100% + 5px)}.home .main .right .subtitle{top:-16px;margin-left:10px;font-size:26px;position:relative}.download .content,.home .bottom{flex-wrap:nowrap}.home .bottom{display:flex;-webkit-justify-content:space-between;justify-content:space-between}.home .bottom .card{font-family:museo}.home .bottom .card.im3{padding-left:60px}.home .bottom .card.im4{padding-left:82px}.home .bottom .card.im5{padding-left:48px}.home .bottom .card:before{left:0;position:absolute}.home .bottom .card-title{font-size:20px;display:block}.home .bottom .card-descr{color:rgba(255,255,255,.8);font-size:18px;font-weight:100;display:block}.quality .header{color:#1a1717}.quality .slider .slides{margin:0 45px}.quality .slider .slides .slide{-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:110px;background-color:#fff;z-index:1}.quality .slider .slides .slide .image{top:0;width:526px;height:373px;position:absolute;z-index:1}.quality .slider .slides .slide .card{-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:calc(100% - 412px);padding:68px 40px 72px 115px;width:412px;height:308px;border:1px solid #faada5;position:relative}.quality .slider .slides .slide .card .title{margin-bottom:35px;padding-left:75px;font-size:25px;font-family:museo;font-weight:900;line-height:21px;display:block}
.assembly .slider .controls .control:before,.assembly .slider .slides .slide .card>span,.gifts .list label,.popular .slider .card:after,.popular .slider .controls .control span,.quality .slider .slides .slide .number .all{font-family:muller}.quality .slider .slides .slide .card .title:before{top:0;left:0;position:absolute}.quality .slider .slides .slide .card .descr{font-size:18px;font-weight:400}.quality .slider .slides .slide .number{top:335px;left:30px;position:absolute;display:inline-block;z-index:1}.quality .slider .slides .slide .number .current{font-size:56px;font-family:muller;font-weight:900;color:#faada5}.quality .slider .slides .slide .number .all{font-size:18px;font-weight:900}.quality .slider .slides .slide .number .all:before{content:'/'}.quality .slider .controls{top:calc(50% - 120px);width:15px;position:absolute}.quality .slider .controls .control{width:9px;height:9px;margin-bottom:8px;border:3px solid #ddd;cursor:pointer;display:block}.quality .slider .controls .control.active{border-color:#faada5}.quality .slider .buttons{margin-top:60px;text-align:center}.quality .slider .buttons>span{-webkit-transition:color .3s ease;transition:color .3s ease;font-size:16px;font-weight:500;line-height:22px;text-transform:uppercase;letter-spacing:4px;display:inline-block;cursor:pointer}.quality .slider .buttons>span:before{top:-1px;position:absolute}.quality .slider .buttons>span.btn-divide{top:2px;margin-left:13px;margin-right:13px;width:2px;height:15px;content:'';background-color:#333;position:relative;display:inline-block;cursor:default}.assembly,.popular{background-color:#8BC7D8 !important;}.quality .slider .buttons>span:first-of-type::before{left:-50px}.quality .slider .buttons>span:last-of-type::before{right:-50px}


.quality .slider .buttons>span:hover {
    color: #faada5
}

.popular .header {
    color: #513f3b
}

.popular .header .title>span {
    margin-bottom: -18px
}

.popular .slider .controls {
    text-align: center
}

.popular .slider .controls .control span {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    margin: 0 12px;
    padding: 0 56px 0 18px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #b7b7b7;
    border: 1px solid #b7b7b7;
    display: inline-block;
    cursor: pointer
}

.popular .slider .controls .control span:after,
.popular .slider .controls .control span:before {
    top: 13px;
    right: 18px;
    position: absolute
}

.popular .slider .controls .control span:after {
    -webkit-transition: visibility 0s linear .25s, opacity .25s linear;
    -moz-transition: visibility 0s linear .25s, opacity .25s linear;
    transition: visibility 0s linear .25s, opacity .25s linear;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.popular .slider .controls .control span:hover {
    color: #333
}

.popular .slider .controls .control.active span {
    color: #333;
    border-color: #faada5
}

.popular .slider .controls .control.active span:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.popular .slider .card {
    margin: 5px;
    width: 300px;
    height: 250px;
    position: relative;
    display: inline-block;
    cursor: pointer
}

.popular .slider .card-image {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block
}

.popular .slider .card-name {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    bottom: 15px;
    padding: 4px 18px;
    font-size: 22px;
    font-family: museo;
    color: #fff;
    border-bottom: 3px solid #faada5;
    position: absolute;
    display: inline-block;
    z-index: 1
}

.popular .slider .card-descr,
.popular .slider .card-price {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible;
    opacity: 1;
    pointer-events: none
}

.popular .slider .card-price {
    right: 35px;
    bottom: 26px;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    position: absolute
}

.popular .slider .card-price:before {
    top: 3px;
    right: -22px;
    position: absolute
}

.popular .slider .card-descr {
    right: 15px;
    bottom: 15px;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: .75px;
    text-transform: lowercase;
    color: #fff;
    position: absolute
}

.popular .slider .card:after,
.popular .slider .card:before {
    -webkit-transition: visibility 0s linear .25s, opacity .25s linear;
    -moz-transition: visibility 0s linear .25s, opacity .25s linear;
    transition: visibility 0s linear .25s, opacity .25s linear;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    z-index: 1
}

.popular .slider .card:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: rgba(253, 196, 33, .92);
    display: block
}

.popular .slider .card:after {
    top: calc(50% - 31px);
    left: calc(50% - 117px);
    padding-left: 34px;
    padding-right: 34px;
    font-size: 19px;
    line-height: 62px;
    font-weight: 400;
    white-space: nowrap;
    content: 'Узнать подробнее';
    color: #fdc421;
    background: #fff;
    border-radius: 38px;
    display: inline-block
}

.popular .slider .card:hover .card-name {
    -webkit-text-shadow: none;
    text-shadow: none;
    border-color: #fff
}

.popular .slider .card:hover:after,
.popular .slider .card:hover:before {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.popular .slider .card:hover .card-descr,
.popular .slider .card:hover .card-price {
    -webkit-transition: visibility 0s linear .25s, opacity .25s linear;
    -moz-transition: visibility 0s linear .25s, opacity .25s linear;
    transition: visibility 0s linear .25s, opacity .25s linear;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.gifts .list label {
    margin-left: 30px;
    padding: 15px 50px;
    font-size: 25px;
    font-weight: 400;
    line-height: 27px;
    color: #353535;
    display: block;
    cursor: pointer
}

.gifts .list label span.ic1:after,
.gifts .list label span.ic1:before {
    top: calc(50% - 11px);
    left: -50px;
    position: absolute
}

.gifts .list label span.ic2:after {
    -webkit-transition: visibility 0s linear .25s, opacity .25s linear;
    -moz-transition: visibility 0s linear .25s, opacity .25s linear;
    transition: visibility 0s linear .25s, opacity .25s linear;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    content: '';
    display: inline-block
}

.gifts .list label span.ir1:before {
    top: 6px;
    right: -25px;
    position: absolute
}

.gifts .list input:checked~span.ic2:after {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.assembly {
    position: relative
}

.assembly .container {
    position: static!important
}

.assembly .controls,
.assembly .header {
    position: relative;
    z-index: 1
}

.assembly .slider {
    position: static
}

.assembly .slider .controls .control {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin: 15px 0;
    padding: 20px 20px 15px;
    width: 152px;
    height: 152px;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    border: 1px solid #faada5;
    box-sizing: border-box;
    position: relative;
    display: block;
    cursor: pointer
}

.assembly .slider .slides .slide,
.assembly .slider .slides .slide .bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none
}

.assembly .slider .controls .control:before {
    margin-bottom: 40px;
    content: '+';
    font-size: 45px;
    font-weight: 500;
    line-height: 20px;
    display: block
}

.assembly .slider .controls .control.active,
.assembly .slider .controls .control:hover {
    color: #fff;
    background-color: #faada5
}

.assembly .slider .slides {
    position: static
}

.assembly .slider .slides .slide {
    position: absolute
}

.assembly .slider .slides .slide~.slide {
    margin: 0
}

.assembly .slider .slides .slide .bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute
}

.assembly .slider .slides .slide .bg.bg5 {
    background-position: center 40%
}

.assembly .slider .slides .slide .bg.bg6 {
    background-position: center 20%
}

.assembly .slider .slides .slide .bg.bg7 {
    background-position: center 40%
}

.assembly .slider .slides .slide:nth-of-type(1) .card {
    top: 480px;
    left: calc(50% + 175px)
}

.assembly .slider .slides .slide:nth-of-type(1) .card-title {
    margin: -44px 0 35px 60px
}

.assembly .slider .slides .slide:nth-of-type(1) .card-descr {
    margin: 0 -35px 0 60px
}

.assembly .slider .slides .slide:nth-of-type(2) .card {
    top: 300px;
    left: calc(50% - 45px)
}

.assembly .slider .slides .slide:nth-of-type(2) .card-title {
    margin: -42px 0 35px
}

.assembly .slider .slides .slide:nth-of-type(2) .card-descr {
    margin-right: 45px
}

.assembly .slider .slides .slide:nth-of-type(3) .card {
    top: 560px;
    left: calc(50% + 190px)
}

.assembly .slider .slides .slide:nth-of-type(3) .card-title {
    margin: 3px 0 35px 75px
}

.assembly .slider .slides .slide:nth-of-type(3) .card-descr {
    margin-left: 75px
}

.assembly .slider .slides .slide .card {
    position: absolute;
    width: 270px
}

.assembly .slider .slides .slide .card>span {
    line-height: 120%;
    color: #333;
    position: relative;
    display: block
}

.assembly .slider .slides .slide .card-image {
    position: absolute!important
}

.credit .card,
.credit .card-title {
    position: relative;
    display: inline-block
}

.assembly .slider .slides .slide .card-title {
    font-size: 25px;
    font-weight: 900
}

.assembly .slider .slides .slide .card-descr {
    font-size: 18px;
    font-weight: 300
}

.credit .header {
    float: left;
    width: calc(100% - 370px)
}

.credit .card {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
    padding: 40px 45px 60px;
    width: 370px;
    color: #fff;
    background-color: rgba(47, 41, 32, .6);
    border: 2px solid #faada5
}

.credit .card-title {
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 250px;
    font-size: 48px;
    font-family: museo;
    font-weight: 700;
    line-height: 43px;
    border-bottom: 1px solid #fff
}

.credit .card-item {
    margin-bottom: 20px;
    padding-left: 45px;
    font-size: 18px;
    font-family: muller;
    font-weight: 300;
    line-height: 120%;
    color: #fff;
    display: block
}

.credit .card-item:before {
    top: calc(50% - 16px);
    left: 0;
    position: absolute
}

.credit .card-item .ir3:before {
    top: 5px;
    right: -18px;
    position: absolute
}

.reviews {
    background-color: #fff
}

.reviews .slider .slides {
    margin: 0 45px
}

.reviews .slider .slides:after {
    right: 75px;
    bottom: -55px;
    position: absolute;
    opacity: .1;
    z-index: 2
}

.reviews .slider .slides:before {
    left: 375px;
    top: -15px;
    position: absolute;
    opacity: .1;
    z-index: 2
}

.reviews .slider .slides .slide {
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.reviews .slider .slides .slide .card {
    background-color: #f8f6f2
}

.reviews .slider .slides .slide .card-image {
    width: 332px;
    height: 338px;
    position: absolute
}

.reviews .slider .slides .slide .card-image span {
    bottom: 0;
    padding: 0 25px;
    font-size: 16px;
    font-family: muller;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 3px;
    line-height: 52px;
    color: #333;
    background: #faada5;
    position: absolute
}

.reviews .slider .slides .slide .card-descr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 332px;
    padding: 50px;
    height: 338px;
    font-size: 18px;
    font-family: muller;
    font-weight: 300;
    line-height: 120%;
    color: #333;
    vertical-align: middle;
    display: inline-block
}

.reviews .slider .slides .slide .card-descr .strong {
    text-transform: none
}

.reviews .slider .buttons {
    margin-top: 75px;
    text-align: center
}

.reviews .slider .buttons>span {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 4px;
    display: inline-block;
    cursor: pointer
}

.reviews .slider .buttons>span:before {
    top: -1px;
    position: absolute
}

.reviews .slider .buttons>span.btn-divide {
    top: 2px;
    margin-left: 13px;
    margin-right: 13px;
    width: 1px;
    height: 15px;
    content: '';
    background-color: rgba(51, 51, 51, .1);
    position: relative;
    display: inline-block;
    cursor: default
}

.reviews .slider .buttons>span:first-of-type {
    padding-left: 40px
}

.reviews .slider .buttons>span:first-of-type:before {
    left: 0
}

.reviews .slider .buttons>span:last-of-type {
    padding-right: 40px
}

.reviews .slider .buttons>span:last-of-type:before {
    right: 0
}

.reviews .slider .buttons>span:hover {
    color: #faada5
}

.discount {
    margin-bottom: 87px
}

.discount .button {
    font-size: 18px
}

.discount .button:before {
    top: 2px;
    margin-right: 5px
}

.discount .made {
    left: 0;
    bottom: 5px;
    width: 100%;
    font-size: 10px;
    font-family: lato;
    font-weight: 400;
    text-align: center;
    color: #c5c5c5;
    position: absolute;
    display: block
}

.download,
.mbtns {
    position: fixed;
    z-index: 10;
    bottom: 0
}

.download {
    width: 100%;
    background-color: #faada5
}

.download .content {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0
}

.download .content .descr {
    padding-right: 30px;
    white-space: nowrap
}

.download .content .button {
    margin-top: 0;
    line-height: 67px
}

.mbtns {
    left: 0;
    padding: 0 15px;
    width: calc(100% - 30px)
}

.mbtns .buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center
}

.mbtns .button {
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    margin: 20px 0;
    padding: 0 15px;
    width: 10em;
    text-align: center
}

.popup,
.popup .close {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0
}

.mbtns .fst {
    margin-right: 2.5%
}

.mbtns .lst {
    margin-left: 2.5%
}

#popups {
    display: block!important
}

.popup {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    z-index: 199
}

.popup .close {
    background-color: rgba(0, 0, 0, .5)
}

.popup .wrapper:not(.popular-popup) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 28px;
    width: 470px;
    height: 640px;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    color: #000;
    background-color: #fff;
    border-radius: 6px;
    position: relative
}

.popup .wrapper:not(.popular-popup).inside .closeBtn {
    top: 5px;
    margin-right: 7px
}

.popup .wrapper:not(.popular-popup).inside .closeBtn:before {
    color: #fff
}

.popup .wrapper:not(.popular-popup) .closeBtn {
    top: -30px;
    right: 0;
    position: absolute;
    display: block;
    cursor: pointer
}

.popup .wrapper:not(.popular-popup) .closeBtn:after,
.popup .wrapper:not(.popular-popup) .closeBtn:before {
    position: relative;
    display: inline-block
}

.popup .wrapper:not(.popular-popup) .closeBtn:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 2px;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    content: '';
    background: url('data:image/svg+xml, %3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2041.756%2041.756%22%20style%3D%22enable-background%3Anew%200%200%2041.756%2041.756%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M27.948%2C20.878L40.291%2C8.536c1.953-1.953%2C1.953-5.119%2C0-7.071c-1.951-1.952-5.119-1.952-7.07%2C0L20.878%2C13.809L8.535%2C1.465%0A%09%09%09c-1.951-1.952-5.119-1.952-7.07%2C0c-1.953%2C1.953-1.953%2C5.119%2C0%2C7.071l12.342%2C12.342L1.465%2C33.22c-1.953%2C1.953-1.953%2C5.119%2C0%2C7.071%0A%09%09%09C2.44%2C41.268%2C3.721%2C41.755%2C5%2C41.755c1.278%2C0%2C2.56-0.487%2C3.535-1.464l12.343-12.342l12.343%2C12.343%0A%09%09%09c0.976%2C0.977%2C2.256%2C1.464%2C3.535%2C1.464s2.56-0.487%2C3.535-1.464c1.953-1.953%2C1.953-5.119%2C0-7.071L27.948%2C20.878z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A') 4px 4px no-repeat #bababa;
    color: #000;
    background-size: 6px;
    border-radius: 5px
}

.popup .wrapper:not(.popular-popup) .closeBtn:after {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    content: 'Закрыть';
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #bababa
}

.popup .wrapper:not(.popular-popup) .closeBtn:hover::after {
    color: #faada5
}

.popup .wrapper:not(.popular-popup) .title {
    font-family: museo;
    font-weight: 700
}

.popup .wrapper:not(.popular-popup) .subtitle {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 284px;
    font-weight: 400;
    color: rgba(0, 0, 0, .75);
    display: block
}

.popup .wrapper:not(.popular-popup) .content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   
    border: 13px solid #faada5;
    text-align: center
}

.popup .wrapper:not(.popular-popup) .inputs {
    position: relative
}

.popup .wrapper:not(.popular-popup) .inputs label {
    padding: 5px 25px;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    display: block
}

.popup .wrapper:not(.popular-popup) .inputs .select {
    margin: 0 auto 10px;
    width: calc(100% - 30px);
    background-color: #e2eaed;
    border-radius: 6px;
    pointer-events: none;
    cursor: pointer
}

.popup .wrapper:not(.popular-popup) .inputs .select:before {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    position: absolute
}

.popup .wrapper:not(.popular-popup) .inputs select {
    padding: 8px 12px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, .625);
    background-color: transparent;
    border-radius: 6px;
    border: none;
    outline: 0;
    -webkit-box-shadow: inset .5px 1px 8px rgba(0, 0, 0, .2);
    box-shadow: inset .5px 1px 8px rgba(0, 0, 0, .2);
    pointer-events: all;
    cursor: pointer
}

.popup .wrapper:not(.popular-popup) .inputs .file,
.popup .wrapper:not(.popular-popup) .inputs input[type=text],
.popup .wrapper:not(.popular-popup) .inputs textarea {
    margin-bottom: 15px;
    padding: 17.5px 15px;
    width: 230px;
    max-width: calc(100% - 30px);
    color: rgba(0, 0, 0, .75);
    -webkit-appearance: none;
    -webkit-box-shadow: inset .5px 1px 8px rgba(0, 0, 0, .2);
    box-shadow: inset .5px 1px 8px rgba(0, 0, 0, .2);
    border-radius: 6px;
    border: none;
    outline: 0
}

.popup .wrapper:not(.popular-popup) .inputs .file::-webkit-input-placeholder,
.popup .wrapper:not(.popular-popup) .inputs input[type=text]::-webkit-input-placeholder,
.popup .wrapper:not(.popular-popup) .inputs textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.popup .wrapper:not(.popular-popup) .inputs .file::-moz-placeholder,
.popup .wrapper:not(.popular-popup) .inputs input[type=text]::-moz-placeholder,
.popup .wrapper:not(.popular-popup) .inputs textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.popup .wrapper:not(.popular-popup) .inputs .file:-moz-placeholder,
.popup .wrapper:not(.popular-popup) .inputs input[type=text]:-moz-placeholder,
.popup .wrapper:not(.popular-popup) .inputs textarea:-moz-placeholder {
    color: rgba(0, 0, 0, .5)
}

.popup .wrapper:not(.popular-popup) .inputs .file:-ms-input-placeholder,
.popup .wrapper:not(.popular-popup) .inputs input[type=text]:-ms-input-placeholder,
.popup .wrapper:not(.popular-popup) .inputs textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .5)
}

.popup .wrapper:not(.popular-popup) .inputs .file {
    margin: 20px auto 30px;
    padding: 5px 15px;
    height: 30px;
    position: relative
}

.popup .wrapper:not(.popular-popup) .inputs .file span.txt {
    top: 10px;
    width: 90px;
    font-size: 13px;
    font-weight: 400;
    line-height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    overflow: hidden;
    display: block
}

.popup .wrapper:not(.popular-popup) .inputs .file span.btn {
    top: 0;
    right: 0;
    padding: 15px 20px 11px;
    font-size: 13px;
    font-weight: 900;
    border-radius: 6px;
    line-height: 14px;
    background: linear-gradient(180deg, #eee9e0, #e0d8c4);
    position: absolute;
    cursor: pointer
}

.popup .wrapper:not(.popular-popup) .inputs .file input {
    display: none
}

.popup .wrapper:not(.popular-popup) .inputs textarea {
    margin: 0;
    height: 135px;
    resize: none
}

.popup .wrapper:not(.popular-popup) .inputs span.button {
    margin-top: 15px;
    padding: 0 15px;
    width: 230px;
    max-width: calc(100% - 30px);
    font-weight: 700;
    border-radius: 33px;
    line-height: 64px
}

.popup .wrapper:not(.popular-popup) .inputs span.button.red {
    font-size: 20px;
    font-weight: 400;
    animation: none;
    color: #000
}

.popup .wrapper:not(.popular-popup) .extra {
    margin: 10px 30px 0 60px;
    padding-left: 35px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(0, 0, 0, .75);
    text-align: left;
    position: relative
}

.popup .wrapper:not(.popular-popup) .extra:before {
    top: 1px;
    left: 0;
    width: 22.5px;
    height: 25px;
    content: '';
    background: url('data:image/svg+xml, %3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C%21DOCTYPE%20svg%20PUBLIC%20%22-//W3C//DTD%20SVG%201.1//EN%22%20%22http%3A//www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20344.492%20344.492%22%20style%3D%22enable-background%3Anew%200%200%20344.492%20344.492%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M289.708%2C117.492h-24.539V66.659C265.169%2C29.903%2C235.266%2C0%2C198.51%2C0h-52.527c-36.756%2C0-66.659%2C29.903-66.659%2C66.659%0A%09%09v50.833H54.785c-6.904%2C0-12.5%2C5.596-12.5%2C12.5v122.095c0%2C50.953%2C41.453%2C92.405%2C92.406%2C92.405h75.11%0A%09%09c50.953%2C0%2C92.406-41.453%2C92.406-92.405V129.992C302.208%2C123.088%2C296.612%2C117.492%2C289.708%2C117.492z%20M104.325%2C66.659%0A%09%09c0-22.971%2C18.688-41.659%2C41.659-41.659h52.528c22.971%2C0%2C41.658%2C18.688%2C41.658%2C41.659v50.833H104.325V66.659z%20M277.208%2C252.087%0A%09%09c0%2C37.167-30.238%2C67.405-67.405%2C67.405h-75.111c-37.167%2C0-67.406-30.238-67.406-67.405V142.492h209.922V252.087z%22%20fill%3D%22%23000000%22/%3E%0A%09%3Cpath%20d%3D%22M159.747%2C277.992c0%2C6.904%2C5.596%2C12.5%2C12.5%2C12.5c6.903%2C0%2C12.5-5.596%2C12.5-12.5v-35.689%0A%09%09c1.487-2.058%2C2.375-4.578%2C2.375-7.311c0-6.903-5.597-12.5-12.5-12.5h-4.75c-6.903%2C0-12.5%2C5.597-12.5%2C12.5%0A%09%09c0%2C2.732%2C0.887%2C5.253%2C2.375%2C7.311V277.992z%22%20fill%3D%22%23000000%22/%3E%0A%3C/g%3E%0A%3C/svg%3E') no-repeat;
    position: absolute;
    display: block;
    opacity: .25
}

.popup .wrapper.popup1 .content,
.popup .wrapper.popup2 .content,
.popup .wrapper.popup4 .content {
    padding: 0px 0px
}

.popup .wrapper.popup1 .title,
.popup .wrapper.popup2 .title,
.popup .wrapper.popup4 .title {
    font-size: 32px
}

.popup .wrapper.popup1 .title.tm1,
.popup .wrapper.popup2 .title.tm1,
.popup .wrapper.popup4 .title.tm1 {
    margin-top: 0em
}

.popup .wrapper.popup1 .border,
.popup .wrapper.popup2 .border,
.popup .wrapper.popup4 .border {
    margin: 10px auto;
    width: 45px;
    height: 1px;
    background-color: #faada5
}

.popup .wrapper.popup1 .subtitle,
.popup .wrapper.popup2 .subtitle,
.popup .wrapper.popup4 .subtitle {
    font-size: 14px
}

.popup .wrapper.popup1 .inputs,
.popup .wrapper.popup2 .inputs,
.popup .wrapper.popup4 .inputs {
    padding: 0 0 10px
}

.popup .wrapper.popup1 .border {
    margin-top: 20px;
    margin-bottom: 20px
}

.popup .wrapper.popup1 .extra,
.popup .wrapper.popup1 .inputs {
    margin-top: 5px;
/*    margin-top: 20px
*/}

.popup .wrapper.popup3 .content {
    display: block
}

.popup .wrapper.popup3 .title {
    padding: 10px 0 30px;
    font-size: 26px;
    background-color: #faada5
}

.popup .wrapper.popup3 .subtitle {
    padding: 15px 0;
    font-size: 13px
}

.popup .wrapper.popup3 .inputs {
    padding: 25px 40px 10px
}

.popup .wrapper.popup3 .button {
    margin-top: 0!important
}

.popup .wrapper.popup4 .title {
    font-size: 28px
}

.popup .wrapper.popup4 .border {
    margin-top: 20px;
    margin-bottom: 20px
}

.popup .wrapper.popup4 .loading {
    margin-bottom: 30px
}

.popup .wrapper.popup4 .loading-line {
    margin: 0 auto 10px;
    width: 250px;
    max-width: calc(100% - 30px);
    height: 8px;
    background: url(icn-loading.png)/*tpa=http://224921.selcdn.ru/kuhni/img/icn-loading.png*/
    center center no-repeat;
    display: block
}

.popup .wrapper.popup4 .loading-label {
    margin-bottom: 35px;
    font-size: 12px;
    line-height: 12px;
    font-family: muller;
    font-weight: 300;
    text-align: center;
    color: #a0a0a0
}

#popular-popups {
    display: none
}

#popular-popups.visible {
    display: block!important
}

#popular-popups .visible .popup {
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.popular-popup.wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 0;
    width: 940px;
    height: 720px;
    max-width: calc(100% - 30px);
    max-height: calc(100% - 30px);
    color: #000;
    background-color: #fff;
    border-radius: 6px 8px 8px 6px;
    position: relative
}

.popular-popup.wrapper .closeBtn {
    top: -30px;
    right: 0;
    position: absolute;
    display: block;
    cursor: pointer
}

.popular-popup.wrapper .closeBtn:after,
.popular-popup.wrapper .closeBtn:before {
    position: relative;
    display: inline-block
}

.popular-popup.wrapper .closeBtn:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 2px;
    margin-right: 10px;
    width: 14px;
    height: 14px;
    content: '';
    background: url('data:image/svg+xml, %3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2041.756%2041.756%22%20style%3D%22enable-background%3Anew%200%200%2041.756%2041.756%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M27.948%2C20.878L40.291%2C8.536c1.953-1.953%2C1.953-5.119%2C0-7.071c-1.951-1.952-5.119-1.952-7.07%2C0L20.878%2C13.809L8.535%2C1.465%0A%09%09%09c-1.951-1.952-5.119-1.952-7.07%2C0c-1.953%2C1.953-1.953%2C5.119%2C0%2C7.071l12.342%2C12.342L1.465%2C33.22c-1.953%2C1.953-1.953%2C5.119%2C0%2C7.071%0A%09%09%09C2.44%2C41.268%2C3.721%2C41.755%2C5%2C41.755c1.278%2C0%2C2.56-0.487%2C3.535-1.464l12.343-12.342l12.343%2C12.343%0A%09%09%09c0.976%2C0.977%2C2.256%2C1.464%2C3.535%2C1.464s2.56-0.487%2C3.535-1.464c1.953-1.953%2C1.953-5.119%2C0-7.071L27.948%2C20.878z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A') 4px 4px no-repeat #bababa;
    color: #000;
    background-size: 6px;
    border-radius: 5px
}

.popular-popup.wrapper .closeBtn:after {
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    content: 'Закрыть';
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #bababa
}

.popular-popup.wrapper .closeBtn:hover::after {
    color: #faada5
}

.popular-popup .popular-content-main {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 54px 40px 0 36px;
    width: 58%
}

.popular-popup .popular-content-main-title .h1:before {
    position: absolute
}

.popular-popup .popular-content-main-title .h1 span {
    margin-left: 26px;
    padding-top: 21px;
    font-size: 40px;
    line-height: 40px;
    color: #513f3b
}

.popular-popup .popular-content-main-photos {
    margin: 20px 0 20px;
    width: 470px;
    pointer-events: none;
    cursor: pointer
}

.popular-popup .popular-content-main-photos>span {
    height: 250px;
    pointer-events: all;
    display: block
}

.popular-popup .popular-content-main-photos:after,
.popular-popup .popular-content-main-photos:before {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    opacity: 0
}

.popular-popup .popular-content-main-photos:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 178, 28, .7)
}

.popular-popup .popular-content-main-photos:after {
    top: calc(50% - 18px);
    left: calc(50% - 20px)
}

.popular-popup .popular-content-main-photos:hover:after,
.popular-popup .popular-content-main-photos:hover:before {
    opacity: 1
}

.popular-popup .popular-content-main-photos div:not(.visible) .wrapper .slides .slide {
    visibility: hidden
}

.popular-popup .popular-content-main-photos div .close {
    background-color: rgba(0, 0, 0, .9)
}

.popular-popup .popular-content-main-photos div .wrapper {
    padding: 0!important;
    width: 940px!important;
    height: 600px!important;
    background-color: transparent!important;
    border-radius: 6px!important;
    position: relative!important
}

.popular-popup .popular-content-main-photos div .wrapper .closeBtn:after {
    content: ''!important
}

.popular-popup .popular-content-main-photos div .wrapper .slides .slide .caption {
    top: -30px;
    height: auto;
    font-size: 12px;
    font-family: lato;
    font-weight: 500;
    color: #999;
    position: absolute;
    display: block
}

.popular-popup .popular-content-main-photos div .wrapper .slides .slide .image {
    margin: 0 auto;
    height: 600px;
    background-position: center;
    background-repeat: no-repeat;
    display: block
}

.popular-popup .popular-content-main-photos div .wrapper .buttons {
    top: 0;
    left: 0;
    width: 940px;
    height: 600px;
    white-space: nowrap;
    position: absolute
}

.popular-popup .popular-content-main-photos div .wrapper .buttons>span {
    width: 50%;
    height: 100%;
    display: inline-block
}

.popular-popup .popular-content-main-photos div .wrapper .buttons>span:before {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    top: calc(50% - 24px);
    position: absolute;
    opacity: 0
}

.popular-popup .popular-content-main-photos div .wrapper .buttons>span[data-dir=left]::before {
    left: 30px
}

.popular-popup .popular-content-main-photos div .wrapper .buttons>span[data-dir=right]::before {
    right: 30px
}

.popular-popup .popular-content-main-photos div .wrapper .buttons>span:hover::before {
    opacity: 1
}

.popular-popup .popular-content-main-benefits {
    margin-bottom: 20px;
    text-align: left;
    white-space: nowrap
}

.popular-popup .popular-content-main-benefits>span {
    width: 120px;
    font-size: 17px;
    font-family: museo;
    font-weight: 700;
    line-height: 120%;
    color: #513f3b;
    white-space: normal;
    position: relative;
    display: inline-block
}

.popular-popup .popular-content-main-benefits>span:first-of-type {
    margin-right: 30px;
    padding-left: 60px
}

.popular-popup .popular-content-main-benefits>span:last-of-type {
    padding-left: 50px
}

.popular-popup .popular-content-main-benefits>span:before {
    left: 0;
    position: absolute
}

.popular-popup .popular-content-main-descr {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 18px;
    font-size: 16px;
    font-family: muller;
    font-weight: 300;
    line-height: 120%;
    border-left: 8px solid #faada5;
    color: #2c2c2c
}

.popular-popup .popular-content-main-descr .strong {
    text-transform: none
}

.popular-popup .popular-content-extra {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    right: 0;
    padding: 54px 45px 0 55px;
    width: 42%;
    height: 100%;
    background-size: cover;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    position: absolute
}

.popular-popup .popular-content-extra-title {
    margin-bottom: 30px
}

.popular-popup .popular-content-extra-title .h1:before {
    bottom: 0;
    position: absolute
}

.popular-popup .popular-content-extra-title .h1>span {
    margin-left: 25px;
    padding-bottom: 25px;
    font-size: 40px;
    line-height: 33px;
    color: #fff;
    font-family: museo;
    text-align: left
}

.popular-popup .popular-content-extra-descr {
    margin-bottom: 5px;
    font-size: 16px;
    font-family: muller;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    color: #fff
}

.popular-popup .popular-content-extra-border {
    width: 90%;
    border-bottom: 1px solid #faada5
}

.popular-popup .popular-content-extra-form {
    padding: 0 10px;
    position: relative
}

.popular-popup .popular-content-extra-form .input {
    -webkit-box-shadow: inset 0 1px 0 #e9e9e9;
    box-shadow: inset 0 1px 0 #e9e9e9;
    margin-bottom: 15px;
    width: calc(100% - 15px);
    height: 50px;
    background-color: transparent;
    border-radius: 5px;
    vertical-align: middle;
    display: inline-block
}

.popular-popup .popular-content-extra-form .input input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    padding-left: 15px;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-family: muller;
    font-weight: 300;
    line-height: 100%;
    background: #f7f7f7;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    outline: 0
}

.popular-popup .popular-content-extra-form .input input:focus {
    border-color: #faada5
}

.popular-popup .popular-content-extra-form .button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    animation: none;
    margin-top: 1px;
    width: calc(100% - 15px);
    font-size: 17px;
    text-align: center;
    line-height: 65px;
    border-radius: 32px
}

.popular-popup .popular-content-extra-security {
    margin: 35px 30px 0;
    position: relative
}

.popular-popup .popular-content-extra-security .extra {
    padding-left: 30px;
    font-size: 11px;
    font-family: muller;
    font-weight: 300;
    line-height: 120%;
    text-align: left;
    color: #fff;
    display: block
}

.popular-popup .popular-content-extra-security .extra:before {
    top: 1px;
    left: 0;
    position: absolute
}

@media (max-width:991px) {
    body .h1.on-bottom>span,
    body .h1.on-top>span,
    body .h1.on-top~span {
        margin-left: 28px
    }
    body .block .container {
        width: 100%;
        max-width: 750px
    }
    body .h1 {
        font-size: 36px
    }
    body .h1.on-top>span {
        padding-top: 24px
    }
    body .h1.on-bottom+.h2>span {
        margin-left: 28px;
        padding-bottom: 24px
    }
    body .h2 {
        font-size: 20px
    }
    body .h3 {
        font-size: 18px
    }
    body .white {
        -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .33);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .33)
    }
    body .button {
        margin-top: 10px;
        padding-left: 24px;
        padding-right: 24px;
        font-size: 15px;
        line-height: 60px;
        border-radius: 30px
    }
    body .w360 {
        max-width: 278px
    }
    body .w580 {
        max-width: 446px
    }
    body .w640 {
        max-width: 492px
    }
    body .w720 {
        max-width: 554px
    }
    body .space20 {
        height: 16px
    }
    body .space30 {
        height: 24px
    }
    body .space50 {
        height: 6px
    }
    body .space60 {
        height: 45px
    }
    body .space75 {
        height: 60px
    }
    body .space100 {
        height: 75px
    }
    body .space120 {
        height: 90px
    }
    body .space160 {
        height: 120px
    }
    body .space210 {
        height: 160px
    }
    body .space350 {
        height: 270px
    }
    body .home {
        margin-top: 94px
    }
    body .home .main .right {
        margin-left: 24px;
        margin-right: 30px;
        padding: 75px 0
    }
    body .home .main .right .title {
        margin-left: -12px;
        margin-bottom: -8px;
        font-size: 24px
    }
    body .home .main .right .percent {
        font-size: 64px
    }
    body .home .main .right .percent:before {
        left: -23px
    }
    body .home .main .right .subtitle {
        top: -12px;
        margin-left: 8px;
        font-size: 19px;
        white-space: nowrap
    }
    body .home .bottom .card.im3 {
        padding-left: 45px
    }
    body .home .bottom .card.im5 {
        padding-left: 40px
    }
    body .home .bottom .card.im4 {
        top: 3px;
        padding-left: 62px
    }
    body .home .bottom .card-title {
        font-size: 15px
    }
    body .home .bottom .card-descr {
        font-size: 14px
    }
    body .quality .slider .slides {
        margin: 0 30px
    }
    body .quality .slider .slides .slide {
        padding-top: 85px
    }
    body .quality .slider .slides .slide .image {
        width: 404px;
        height: 286px
    }
    body .quality .slider .slides .slide .card {
        margin-left: calc(100% - 318px);
        padding: 52px 30px 55px 88px;
        width: 316px;
        height: 236px
    }
    body .quality .slider .slides .slide .card .title {
        margin-bottom: 26px;
        padding-left: 58px;
        font-size: 19px;
        line-height: 16px
    }
    body .quality .slider .slides .slide .card .descr {
        font-size: 14px
    }
    body .quality .slider .slides .slide .number {
        top: 260px;
        left: 23px
    }
    body .quality .slider .slides .slide .number .current {
        font-size: 43px
    }
    body .quality .slider .slides .slide .number .all {
        font-size: 14px
    }
    body .quality .slider .controls {
        top: calc(50% - 92px);
        width: 15px
    }
    body .quality .slider .controls .control {
        width: 9px;
        height: 9px;
        margin-bottom: 8px
    }
    body .quality .slider .buttons {
        margin-top: 45px
    }
    body .quality .slider .buttons>span {
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 3px
    }
    body .quality .slider .buttons>span:before {
        top: 3px
    }
    body .quality .slider .buttons>span.btn-divide {
        top: 2px;
        margin-left: 10px;
        margin-right: 10px;
        width: 2px;
        height: 12px
    }
    body .quality .slider .buttons>span:first-of-type::before {
        left: -35px
    }
    body .quality .slider .buttons>span:last-of-type::before {
        right: -35px
    }
    body .popular .header .title>span {
        margin-bottom: -14px
    }
    body .popular .slider .controls .control span {
        margin: 0 9px;
        padding: 4px 43px 0 14px;
        font-size: 14px;
        line-height: 32px;
        letter-spacing: 2.4px
    }
    body .popular .slider .controls .control span:after,
    body .popular .slider .controls .control span:before {
        top: 11px;
        right: 14px
    }
    body .popular .slider .cards .card {
        margin: 5px;
        width: 225px;
        height: 187.5px
    }
    body .popular .slider .cards .card-name {
        -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, .66);
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .66);
        top: 10px;
        bottom: auto;
        padding: 3px 14px;
        font-size: 22px
    }
    body .popular .slider .cards .card-price {
        right: 30px
    }
    body .popular .slider .cards .card-price:before {
        top: 7px;
        right: -15px
    }
    body .popular .slider .cards .card:after {
        top: calc(50% - 24px);
        left: calc(50% - 92px);
        padding-left: 25px;
        padding-right: 25px;
        font-size: 15px;
        line-height: 48px;
        border-radius: 24px
    }
    body .gifts .list label {
        margin-left: 24px;
        padding: 12px 32px;
        font-size: 20px;
        line-height: 22px
    }
    body .gifts .list label span.ic1:after,
    body .gifts .list label span.ic1:before {
        top: calc(50% - 8px);
        left: -32px
    }
    body .gifts .list label span.ir1:before {
        top: 5px;
        right: -18px
    }
    body .assembly .controls .control {
        margin: 12px 0;
        padding: 15px 15px 12px;
        width: 117px;
        height: 118px;
        font-size: 12px
    }
    body .assembly .controls .control:before {
        margin-bottom: 30px;
        font-size: 35px;
        line-height: 15px
    }
    body .assembly .slides .slide:nth-of-type(1) .bg .card {
        top: 370px;
        left: calc(50% + 60px)
    }
    body .assembly .slides .slide:nth-of-type(1) .bg .card .card-title {
        margin: -35px 0 15px 45px
    }
    body .assembly .slides .slide:nth-of-type(1) .bg .card .card-descr {
        margin: 0 -30px 0 45px
    }
    body .assembly .slides .slide:nth-of-type(2) .bg .card {
        top: 230px;
        left: calc(50% - 35px)
    }
    body .assembly .slides .slide:nth-of-type(2) .bg .card .card-title {
        margin: -35px 0 15px -45px
    }
    body .assembly .slides .slide:nth-of-type(2) .bg .card .card-descr {
        left: -45px;
        margin-right: 35px
    }
    body .assembly .slides .slide:nth-of-type(3) .bg .card {
        top: 430px;
        left: calc(50% + 45px)
    }
    body .assembly .slides .slide:nth-of-type(3) .bg .card .card-title {
        margin: 0 0 10px 45px
    }
    body .assembly .slides .slide:nth-of-type(3) .bg .card .card-descr {
        margin-left: 45px
    }
    body .assembly .slides .slide .card {
        width: 208px
    }
    body .assembly .slides .slide .card-title {
        font-size: 19px
    }
    body .assembly .slides .slide .card-descr {
        font-size: 14px;
        font-weight: 500
    }
    body .credit .header {
        width: calc(100% - 285px)
    }
    body .credit .card {
        padding: 30px 35px 40px;
        width: 285px
    }
    body .credit .card-title {
        margin-bottom: 23px;
        padding-bottom: 23px;
        width: 192px;
        font-size: 36px;
        line-height: 33px
    }
    body .credit .card-item {
        margin-bottom: 15px;
        padding-left: 35px;
        font-size: 14px;
        line-height: 1.35
    }
    body .credit .card-item:before {
        top: calc(50% - 12px)
    }
    body .credit .card-item .ir3:before {
        top: 4px;
        right: -14px
    }
    body .reviews .slider .slides {
        margin: 0 35px
    }
    body .reviews .slider .slides:after {
        right: 58px;
        bottom: -35px
    }
    body .reviews .slider .slides:before {
        left: 288px;
        top: -12px
    }
    body .reviews .slider .slides .slide .card-image {
        width: 255px;
        height: 260px
    }
    body .reviews .slider .slides .slide .card-image span {
        padding: 0 20px;
        font-size: 12px;
        letter-spacing: 2px;
        line-height: 40px
    }
    body .reviews .slider .slides .slide .card-descr {
        margin-left: 255px;
        padding: 46px;
        height: 260px;
        font-size: 14px;
        line-height: 1.35
    }
    body .reviews .slider .buttons {
        margin-top: 40px
    }
    body .reviews .slider .buttons>span {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: 3px
    }
    body .reviews .slider .buttons>span:before {
        top: .5px
    }
    body .reviews .slider .buttons>span.btn-divide {
        top: 2px;
        margin-left: 10px;
        margin-right: 10px;
        height: 12px
    }
    body .reviews .slider .buttons>span:first-of-type {
        padding-left: 30px
    }
    body .reviews .slider .buttons>span:last-of-type {
        padding-right: 30px
    }
    body .download .content .button {
        line-height: 54px
    }
    body .discount {
        margin-bottom: 74px
    }
    body .discount .button {
        font-size: 15px
    }
}

@media (max-width:760px) {
    body .block .h1>span {
        margin-bottom: 5px
    }
    body .quality .slider .slides {
        margin: 0
    }
    body .quality .slider .slides .slide {
        padding-top: 0;
        background: 0 0
    }
    body .quality .slider .slides .slide .image {
        width: 100%;
        height: calc((100vw - 48px) * .7);
        position: relative
    }
    body .quality .slider .slides .slide .card {
        margin-left: 0;
        padding: 30px 15px 15px;
        width: 100%;
        height: 160px;
        border: none
    }
    body .quality .slider .slides .slide .card .title {
        padding-right: 45px
    }
    body .quality .slider .slides .slide .card .title:before {
        top: -10px
    }
    body .quality .slider .slides .slide .number {
        top: calc((100vw - 48px) * .7 - 25px);
        right: 15px;
        left: auto
    }
    body .quality .slider .slides .slide .number .current {
        -webkit-text-shadow: 2px 2px 0 rgba(0, 0, 0, .2);
        text-shadow: 2px 2px 0 rgba(0, 0, 0, .2)
    }
    body .quality .slider .buttons {
        margin-top: 0
    }
    body .quality .slider .controls {
        display: none
    }
    body .popular .slider .controls {
        margin: -9px 0
    }
    body .popular .slider .controls .control span {
        margin: 9px
    }
    body .popular .slider .card {
        width: calc(100vw - 57px)!important;
        height: calc((100vw - 57px) * .833)!important;
        cursor: default
    }
    body .popular .slider .card:before {
        pointer-events: none!important
    }
    body .popular .slider .card:after {
        cursor: pointer
    }
    body .popular .slider .buttons .arrow {
        top: 5px;
        height: calc(100% - 15px);
        user-select: none;
        position: absolute;
        display: block;
        cursor: pointer
    }
    body .popular .slider .buttons .arrow:before {
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        top: calc(50% - 5vw);
        margin: 0 15px;
        width: 10vw;
        height: 10vw;
        font-size: 8vw;
        font-family: monospace;
        font-weight: 900;
        line-height: 1.2;
        text-align: center;
        color: #faada5;
        background-color: rgba(0, 0, 0, .5);
        border-radius: 50%;
        pointer-events: all;
        position: relative;
        display: block
    }
    body .popular .slider .buttons .arrow:hover::before {
        color: #f8315b
    }
    body .popular .slider .buttons .arrow[data-dir=left] {
        left: 5px
    }
    body .popular .slider .buttons .arrow[data-dir=left]:before {
        padding-right: .5vw;
        content: '<'
    }
    body .popular .slider .buttons .arrow[data-dir=right] {
        right: 5px
    }
    body .popular .slider .buttons .arrow[data-dir=right]:before {
        padding-left: .5vw;
        content: '>'
    }
    body .assembly .slider .controls {
        display: none
    }
    body .assembly .slider .slides .strip {
        display: block
    }
    body .assembly .slider .slides .slide .bg .card .card-image,
    body .reviews .space30 {
        display: none
    }
    body .assembly .slider .slides .slide {
        visibility: visible;
        position: relative;
        opacity: 1
    }
    body .assembly .slider .slides .slide .bg {
        position: relative;
        background: 0 0
    }
    body .assembly .slider .slides .slide .bg .card {
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        position: relative
    }
    body .assembly .slider .slides .slide .bg .card .card-title {
        margin: 0 0 15px;
        padding-bottom: 10px;
        border-bottom: 1px solid #faada5;
        font-size: 22px;
        font-weight: 700
    }
    body .assembly .slider .slides .slide .bg .card .card-descr {
        left: 0;
        margin: 0 0 20px;
        font-size: 16px
    }
    body .reviews .slider .slides {
        margin: 0
    }
    body .reviews .slider .slides:before {
        top: 250px
    }
    body .reviews .slider .slides:after {
        bottom: -20px
    }
    body .reviews .slider .slides .slide .card {
        background: 0 0
    }
    body .reviews .slider .slides .slide .card .card-image {
        position: relative
    }
    body .reviews .slider .slides .slide .card .card-descr {
        margin-left: 0;
        padding: 20px;
        height: auto
    }
    body .reviews .slider .buttons {
        margin-top: 25px
    }
    body .credit .container .card,
    body .credit .container .header {
        margin-bottom: 15px
    }
    body .reviews .space100,
    body .reviews .space120 {
        height: 60px
    }
    body .discount {
        margin-bottom: 0
    }
}

@media (max-width:991px) and (min-width:681px) {
    body .menu {
        padding-bottom: 36px
    }
    body .menu .main .links {
        left: 0;
        bottom: -36px;
        padding-right: 0;
        padding-left: 10px;
        width: 100%;
        position: absolute;
        z-index: 5
    }
    body .menu .main .links .link {
        padding-right: 10px;
        display: inline-block
    }
    body .popular-popup.wrapper {
        width: 720px;
        height: 560px;
        max-width: calc(100% - 30px);
        max-height: calc(100% - 30px)
    }
    body .popular-popup .popular-content-main-title .h1 span {
        margin-left: 20px;
        padding-top: 16px;
        font-size: 30px;
        line-height: 30px
    }
    body .popular-popup .popular-content-main-photos {
        margin: 10px 0 30px;
        width: 340px;
        height: 180px
    }
    body .popular-popup .popular-content-main-photos>span {
        -webkit-transform: scale(.72);
        transform: scale(.72);
        top: -35px;
        left: -65px;
        width: 470px;
        height: 250px;
        position: relative
    }
    body .popular-popup .popular-content-main-photos div .wrapper {
        width: 720px!important;
        height: 460px!important
    }
    body .popular-popup .popular-content-main-photos div .wrapper .slides .slide .image {
        height: 460px!important
    }
    body .popular-popup .popular-content-main-photos div .wrapper .buttons {
        width: 720px;
        height: 460px
    }
    body .popular-popup .popular-content-main-benefits {
        margin-bottom: 30px
    }
    body .popular-popup .popular-content-extra-border,
    body .popular-popup .popular-content-extra-title {
        margin-bottom: 25px
    }
    body .popular-popup .popular-content-main-benefits>span {
        width: 90px;
        font-size: 13px
    }
    body .popular-popup .popular-content-main-benefits>span:before {
        top: 2px
    }
    body .popular-popup .popular-content-main-benefits>span:first-of-type {
        padding-left: 45px;
        margin-right: 30px
    }
    body .popular-popup .popular-content-main-benefits>span:last-of-type {
        padding-left: 37.5px
    }
    body .popular-popup .popular-content-main-descr {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 14px;
        font-size: 13px;
        line-height: 1.3;
        border-left-width: 6px
    }
    body .popular-popup .popular-content-extra {
        padding: 40px 25px 40px 35px
    }
    body .popular-popup .popular-content-extra-title .h1>span {
        margin-left: 20px;
        padding-bottom: 16px;
        font-size: 22px;
        line-height: 25px
    }
    body .popular-popup .popular-content-extra-descr {
        margin-bottom: 25px;
        font-size: 13px;
        line-height: 14px
    }
    body .popular-popup .popular-content-extra-form .input {
        margin-bottom: 15px;
        height: 40px
    }
    body .popular-popup .popular-content-extra-form .input input {
        font-size: 12px
    }
    body .popular-popup .popular-content-extra-form .button {
        margin-top: 10px;
        font-size: 15px;
        line-height: 60px;
        border-radius: 30px
    }
    body .popular-popup .popular-content-extra-security {
        margin: 30px 5px 0
    }
    body .popular-popup .popular-content-extra-security .extra {
        padding-left: 25px;
        font-size: 11px
    }
}

@media (max-width:680px) {
    body .menu .main .left {
        padding-top: 12px
    }
    body .menu .main .left .logo:after {
        top: 0;
        margin: 0;
        width: auto;
        height: auto;
        content: 'изделия из сплавов, прокат';
        font-size: 12px;
        font-family: lato;
        font-weight: 700;
        color: rgba(51, 51, 51, .5);
        background-color: transparent;
        display: block
    }
    body .menu .main .left .slogan,
    body .menu .main .links {
        display: none
    }
    body .menu .main .right {
        text-align: left
    }
    body .home {
        margin-top: 62px
    }
}

.file .remove,
.thank .thank-title {
    font-weight: 400;
    text-align: center
}

@media (max-width:600px) {
    body .credit .card .card-item br,
    body .credit .space100,
    body .credit .space75 {
        display: none
    }
    body .credit .header {
        float: none;
        margin-bottom: 30px;
        max-width: 450px;
        width: auto
    }
    body .credit .card {
        padding-bottom: 20px;
        width: 100%
    }
    body .credit .card .card-title {
        width: 100%
    }
}

@media (max-width:520px) {
    body .home .main .right {
        display: none
    }
    body .discount .bottom,
    body .home .bottom,
    body .home .top {
        display: block
    }
    body .home .bottom .card {
        margin-left: 28px;
        padding: 20px 0 0 60px!important
    }
    body .reviews .slider .slides:before {
        top: 240px
    }
    body .reviews .slider .slides:after {
        bottom: -15px
    }
    body .discount .bottom .right,
    body .home .top .right {
        margin-top: 20px;
        text-align: left
    }
}

@media (max-width:420px) {
    body .popular .space75,
    body .reviews .slider .slides: after,
    body .reviews .slider .slides:before {
        display: none
    }
    body .h1 {
        font-size: 26px
    }
    body .h1.on-top>span {
        padding-bottom: 5px
    }
    body .h2 {
        font-size: 18px
    }
    body .space20 {
        height: 15px
    }
    body .space30 {
        height: 25px
    }
    body .space50 {
        height: 35px
    }
    body .space60 {
        height: 40px
    }
    body .space75 {
        height: 45px
    }
    body .space100 {
        height: 50px
    }
    body .space120 {
        height: 60px
    }
    body .space160 {
        height: 80px
    }
    body .space210 {
        height: 120px
    }
    body .space350 {
        height: 150px
    }
    body .reviews .slider .buttons {
        margin-top: 10px
    }
}

@media (max-width:380px) {
    body .menu .main .left {
        padding-right: 15px
    }
    body .menu .main .right .phone {
        font-size: 16px
    }
    body .menu .main .right .email {
        font-size: 14px
    }
    body .menu .main .right .email:before {
        display: none
    }
    body .home {
        margin-top: 62px
    }
}

@media (max-width:479px) {
    .popup .wrapper .content .inputs {
        padding-left: 15px;
        padding-right: 15px
    }
    .popup .wrapper .content .extra {
        display: none
    }
}

@media (max-width:419px) {
    .popup .wrapper .content .inputs label {
        padding: 5px 15px
    }
    .popup .wrapper .content .inputs .select {
        width: 100%
    }
    .popup .wrapper .content .inputs .button {
        line-height: 54px
    }
}

@media (max-width:359px) {
    .popup .wrapper.popup1 .border {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .popup .wrapper.popup1 .inputs {
        margin-top: 0
    }
    .popup .wrapper.popup2 .inputs textarea {
        height: 40px
    }
    .popup .wrapper.popup3 .title {
        padding: 5px 0 15px;
        font-size: 18px
    }
    .popup .wrapper.popup3 .inputs {
        padding-top: 10px
    }
    .popup .wrapper.popup3 .inputs .subtitle {
        padding: 5px 0
    }
    .popup .wrapper.popup4 .border {
        margin-top: 10px;
        margin-bottom: 10px
    }
    .popup .wrapper.popup4 .file {
        margin: 0 auto 60px
    }
    .popup .wrapper.popup4 .btn {
        margin-top: 50px;
        margin-left: -15px;
        width: calc(100% - 40px);
        position: relative;
        display: block
    }
    .popup .wrapper.popup4 .loading {
        margin-bottom: 10px
    }
}

@media (max-height:480px) {
    .popup .wrapper.popup1 .content .inputs span.button,
    .popup .wrapper.popup1 .content .title.tm1,
    .popup .wrapper.popup2 .content .inputs span.button,
    .popup .wrapper.popup2 .content .title.tm1,
    .popup .wrapper.popup4 .content .inputs span.button,
    .popup .wrapper.popup4 .content .title.tm1 {
        margin-top: 0
    }
    .home .space160 {
        height: 40px
    }
    .popup .wrapper.popup1 .content,
    .popup .wrapper.popup2 .content,
    .popup .wrapper.popup4 .content {
        padding: 15px 10px 10px!important
    }
    .popup .wrapper.popup1 .content .title,
    .popup .wrapper.popup2 .content .title,
    .popup .wrapper.popup4 .content .title {
        font-size: 24px
    }
    .popup .wrapper.popup1 .content .subtitle,
    .popup .wrapper.popup2 .content .subtitle,
    .popup .wrapper.popup4 .content .subtitle {
        padding: 0
    }
    .popup .wrapper.popup1 .content .inputs input[type=text],
    .popup .wrapper.popup1 .content .inputs textarea,
    .popup .wrapper.popup2 .content .inputs input[type=text],
    .popup .wrapper.popup2 .content .inputs textarea,
    .popup .wrapper.popup4 .content .inputs input[type=text],
    .popup .wrapper.popup4 .content .inputs textarea {
        margin-bottom: 15px;
        padding: 12.5px 15px
    }
    .popup .wrapper.popup1 .content .inputs textarea,
    .popup .wrapper.popup2 .content .inputs textarea,
    .popup .wrapper.popup4 .content .inputs textarea {
        height: 15px
    }
    .popup .wrapper.popup3 .title {
        padding: 0 0 10px
    }
    .popup .wrapper.popup3 .inputs input[type=text] {
        padding: 12.5px 15px
    }
    .popup .wrapper.popup3 .select {
        margin-bottom: 3px
    }
    .popup .wrapper.popup4 .content {
        padding-top: 50px!important
    }
}

@media (max-height:420px) {
    .popup .wrapper.popup1 .content .inputs .button,
    .popup .wrapper.popup2 .content .inputs .button,
    .popup .wrapper.popup3 .inputs .button,
    .popup .wrapper.popup4 .content .inputs .button {
        line-height: 48px;
        border-radius: 24px
    }
    .home .space160 {
        height: 10px
    }
    .home .main .title {
        padding-right: 0!important;
        font-size: 23px
    }
    .home .main .button {
        margin-bottom: 10px
    }
    .popup .wrapper.popup1 .content,
    .popup .wrapper.popup2 .content,
    .popup .wrapper.popup4 .content {
        padding: 15px 10px 10px!important
    }
    .popup .wrapper.popup1 .content .title,
    .popup .wrapper.popup2 .content .title,
    .popup .wrapper.popup4 .content .title {
        font-size: 17px
    }
    .popup .wrapper.popup1 .content .title.tm1,
    .popup .wrapper.popup2 .content .title.tm1,
    .popup .wrapper.popup4 .content .title.tm1 {
        margin-top: 0
    }
    .popup .wrapper.popup1 .content .border,
    .popup .wrapper.popup2 .content .border,
    .popup .wrapper.popup4 .content .border {
        margin-top: 5px;
        margin-bottom: 5px
    }
    .popup .wrapper.popup1 .content .subtitle,
    .popup .wrapper.popup2 .content .subtitle,
    .popup .wrapper.popup4 .content .subtitle {
        margin-bottom: -5px;
        font-size: 13px;
        padding: 0
    }
    .popup .wrapper.popup1 .content .inputs,
    .popup .wrapper.popup2 .content .inputs,
    .popup .wrapper.popup4 .content .inputs {
        padding-left: 7.5px;
        padding-right: 7.5px
    }
    .popup .wrapper.popup1 .content .inputs input[type=text],
    .popup .wrapper.popup1 .content .inputs textarea,
    .popup .wrapper.popup2 .content .inputs input[type=text],
    .popup .wrapper.popup2 .content .inputs textarea,
    .popup .wrapper.popup4 .content .inputs input[type=text],
    .popup .wrapper.popup4 .content .inputs textarea {
        margin-bottom: 10px;
        padding: 7.5px 15px
    }
    .popup .wrapper.popup1 .content .inputs textarea,
    .popup .wrapper.popup2 .content .inputs textarea,
    .popup .wrapper.popup4 .content .inputs textarea {
        height: 15px
    }
    .popup .wrapper.popup1 .content .inputs span.button,
    .popup .wrapper.popup2 .content .inputs span.button,
    .popup .wrapper.popup4 .content .inputs span.button {
        margin-top: 0
    }
    .popup .wrapper.popup3 .title {
        padding: 0 0 10px
    }
    .popup .wrapper.popup3 .subtitle {
        display: none
    }
    .popup .wrapper.popup3 .inputs {
        padding: 5px 10px
    }
    .popup .wrapper.popup3 .inputs label {
        font-size: 12px
    }
    .popup .wrapper.popup3 .inputs select {
        padding: 6px 12px
    }
    .popup .wrapper.popup3 .inputs input[type=text] {
        margin: 5px 0;
        padding: 7.5px 15px
    }
    .popup .wrapper.popup3 .select {
        margin-bottom: 3px
    }
    .popup .wrapper.popup4 .content {
        padding-top: 50px!important
    }
    .popup .wrapper.popup4 .content .title {
        margin-top: 20px;
        font-size: 15px
    }
    .popup .wrapper.popup4 .content .inputs .file {
        margin-bottom: 55px;
        height: 24px
    }
    .popup .wrapper.popup4 .content .inputs .file .txt {
        top: 6px
    }
    .popup .wrapper.popup4 .content .inputs .file .btn {
        margin-top: 40px
    }
    .popup .wrapper.popup4 .content .inputs .loading-line {
        margin-bottom: 5px
    }
}

input.error,
label.error {
    border: 2px solid red!important
}

.thank {
    font-size: 16px;
    padding-bottom: 40px;
    text-align: center
}

.thank b {
    font-size: 55px;
    display: block;
    color: #ff3700;
    padding: 50px 0 15px
}

.w580 {
    max-width: 800px
}

.home .main .right {
    margin-right: -14px
}

.popular-popup .popular-content-main-descr p {
    margin-top: 1px
}

@media (max-width:420px) {
    body .space160 {
        height: 36px
    }
}

@media (max-width:359px) {
    .popup .wrapper.popup4 .btn {
        margin-top: 0
    }
}

.h1.on-top>span {
    padding-top: 10px;
    margin-left: 26px
}

.home .main .left .title {
    padding-right: 0
}

.home .main .left .title span {
    position: relative;
    top: 29px;
    padding-left: 11px
}

.home .main .left .subtitle {
    margin-top: 32px;
    margin-left: 26px
}

.home .main .left .subtitle span {
    padding-left: 11px;
    padding-top: 5px
}

.home .main .left .dark {}

.thank {
    height: 100%
}

.thank .thank-border {
    height: 96%;
    border: 13px solid #ffb21c;
    background: #fff;
    position: relative
}

.thank .thank-title {
    margin: 0 0 20px;
    color: #000;
    font-size: 33px;
    line-height: 30px;
    padding-bottom: 22px;
    padding-top: 65px
}

.thank .thank-text {
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 45px;
    color: #a0a0a0;
    font-family: mullerlight
}

.file .remove {
    display: none;
    position: absolute;
    font-size: 11px;
    right: -11px;
    top: -11px;
    border: 3px solid #BBB;
    border-radius: 32px;
    background-color: #FFF;
    color: red;
    width: 23px;
    height: 23px;
    line-height: 15px
}

.file .remove img {
    width: 14px;
    margin-top: 5px;
    margin-left: 1px
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto
}


    .done {
    display: none;
    position: fixed;
    top: calc(50% - 25px);
    left: 0;
    right: 0;
    z-index: 50;
    background: #EBB00A;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
}

.done p {
    margin: auto;
    text-align: center;
    font-size: 30px;
    color: white;
}

.shadow_box{
background-color: #00000080;
padding: 20px;
border-radius: 50px;
}


.cards img{
width:190px;
height:144px;
border: 3px solid transparent;
}
.cards img:hover{
border: 3px solid #3f99b1;	
}

.metalls{
color:#3f99b1;
font-size:25px;
font-weight:800;	
}
.metalls a {
display:inline-block;
color:#3f99b1;
padding:5px 10px;
margin: 10px;
border:1px solid #3f99b1;
border-radius:10px;
}
.metalls a:hover{background-color:#d5e3e7;}


.slider_kar {
    background-image: url("/img/logo_tugmet.jpg");
	background-size: contain;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 150px;
    margin: auto;
    overflow: hidden;
    position: relative;    
}

.slider_kar::before,
.slider_kar::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 150px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider_kar::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider_kar::before {
    left: 0;
    top: 0;
}

.slider_kar .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(200px * 9);
}

.slider_kar .slide_kar {
    height: 150px;
    width: 200px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-200px * 9));
    }
}