.legacy-public{padding:30px 0 60px}.legacy-public .lyW{max-width:1440px;margin:0 auto;padding:0 30px}.legacy-public .oh{display:flow-root}.legacy-public .rel{position:relative}.legacy-public .fl{float:left}.legacy-public .fr{float:right}.legacy-public .page{margin:auto}.legacy-public .textFormat{font-size:14px;line-height:1.65}.legacy-public p{margin-bottom:18px}.legacy-public h1{font-size:32px;font-weight:300;margin-bottom:30px}.legacy-public h2{font-size:22px;font-weight:300;margin-bottom:20px}.legacy-public h3{font-size:17px;margin:20px 0 10px}.legacy-public ul{padding-left:20px;list-style:disc}.legacy-public .center{text-align:center}.legacy-public summary{cursor:pointer;color:#264f9e}.legacy-public a{color:#264f9e}
#about #contacts{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px}.public-menu{display:grid;gap:12px;font-size:13px}.public-menu h3{border-bottom:1px solid #ddd;padding-bottom:10px}#about .map-wrap{position:relative;border:1px solid #eee;border-radius:5px;overflow:hidden}#about iframe{display:block;width:100%;border:0}#about .map-wrap .inf{position:absolute;right:0;top:0;bottom:0;width:290px;box-sizing:border-box;background:rgba(255,255,255,.96);padding:15px;box-shadow:-7px 0 10px -5px #aaa;font-size:12px}#about .map-wrap .inf h2{font-size:18px;text-align:center;border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:10px}#about .map-wrap .inf h3{font-size:13px;margin:8px 0}#about .map-wrap .inf p{margin:0 0 8px}#about .map-wrap .inf ul{list-style:none;padding:0}#about .hint{font-size:11px}#about #details{margin-top:60px}#about #details .line{display:grid;grid-template-columns:minmax(130px,25%) minmax(0,1fr);gap:15px;padding:10px 0;border-top:1px solid #eee;font-size:13px;overflow-wrap:anywhere}
#cooperation.index-page{margin:82px auto}
#cooperation.index-page #main{width:80%;margin-top:40px}
#cooperation.index-page #main .cl{float:left;width:70%; box-sizing:border-box;padding:0 10% 0 10%}
#cooperation.index-page #main .cl .textFormat{}
#cooperation.index-page #main .cr{float:right;width:30%;box-sizing:border-box;padding-left:5%;border-left:1px solid #eee}
#cooperation.index-page #main .cr div{margin-top:30px}
#cooperation.index-page #main .cr div img{width:22.3%;padding:0 4%}
#cooperation.index-page #main .cr div img.pik{}
#cooperation.index-page #main .cr div img.yandex{}
#cooperation.index-page #main .cr div img.rt{}
#cooperation.index-page #main .cr div img.mts{margin-left:9%}
#cooperation.index-page #main .cr div img.binbank{}
#cooperation.index-page #main .cr div img.formulakino{}
#cooperation.index-page #main .cr div img.boes{}
#cooperation.index-page #main .cr div img.sber{}
#cooperation.index-page #main .cr div img.apex{}
#cooperation.index-page #main .cr div img.restore{margin-left:9%}
#cooperation.index-page #main .cr div img.mercedes{}
#cooperation.index-page #main .cr div img.mvideo{}
#cooperation.index-page #each{margin:40px auto 0;width:83%}
#cooperation.index-page #each h2{text-align:center;margin-bottom:50px}
#cooperation.index-page #each .cl{float:left;width:50%; box-sizing:border-box;padding:20px 3% 20px 2%}
#cooperation.index-page #each .cl .presents{margin:30px auto;padding:0 0.5%;box-sizing:border-box}
#cooperation.index-page #each .cl .presents div{float:left;width:50%;padding:0 2%;box-sizing:border-box}
#cooperation.index-page #each .cl .presents div .image{display:block;margin:0 auto 10px;width:48px;height:48px;background-image:url('/site-pages/cooperation.png');background-size:96px;background-repeat:no-repeat}
#cooperation.index-page #each .cl .presents div.i1 .image{background-position:0 0}
#cooperation.index-page #each .cl .presents div.i2 .image{background-position:0 -47px}
#cooperation.index-page #each .cl .presents div p, #cooperation.index-page #each .cl .presents div p *{font-size:11px;line-height:18px;text-align:center}
#cooperation.index-page #each .cr{float:right;width:50%;box-sizing:border-box;padding:20px 2% 20px 3%}


#cooperation.designers-page {margin:40px auto 100px}
#cooperation.designers-page .h1-wrap{width:80%;margin-top:100px}
#cooperation.designers-page #public {margin:10px auto}
#cooperation.designers-page #public .textFormat{margin-top:50px}
#cooperation.designers-page #steps .line{margin:0 auto;margin-top:70px}
#cooperation.designers-page #steps .line .box {width:50%;min-height:170px;margin:0 auto;padding:10px 20px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:10px}
#cooperation.designers-page #steps .line .box .text{float:right;width:80%}
#cooperation.designers-page #steps .line .box .image{float:left;width:15%}
#cooperation.designers-page #steps .line .box .image .icon{display:block;margin-top:30px;width:70px;height:70px;background-image:url('/site-pages/cooperation-icons.png');background-size:201px;background-repeat:no-repeat}
#cooperation.designers-page #steps .line.l1 .box .icon:after{content:"promo"; position:absolute; top:55px;left:18px;font-size:13px;color:#fff;transform:rotate(42deg)}
#cooperation.designers-page #steps .l2 {padding:10px 20px;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:10px}
#cooperation.designers-page #steps .line.l2 .box{float:left; width:50%;background:none;border:none;padding:10px 5%}
#cooperation.designers-page #steps .line.l2 .box:last-child{float:right; border-left: 1px solid #eee}
#cooperation.designers-page #steps .line.l2 .box .icon:after{content:"15%"; position:absolute; top:55px;left:16px;font-size:18px;color:#fff}
#cooperation.designers-page #steps .line.l2 .box:last-child .icon:after{content:"20%";left:18px}
#cooperation.designers-page #steps .l1 .image .icon{background-position:-65px}
#cooperation.designers-page #steps .l2 .image .icon{background-position:-133px}
#cooperation.designers-page #steps .l3 .image .icon{background-position:3px}
#cooperation.designers-page #steps .l4 .image .icon{background-position:3px}
#cooperation.designers-page #benefits{margin-top:40px}
#cooperation.designers-page #benefits .i{width:33%;float:left;padding:50px 3%;box-sizing:border-box}
#cooperation.designers-page #benefits .i p{font-size:16px;line-height:22px;font-weight:300}
#cooperation.designers-page .auth{display:block;margin:60px auto;height:80px;width:30%;font-size:30px;line-height:80px;text-align:center;text-transform:uppercase;font-weight:300;border-radius:5px;box-sizing:border-box;box-shadow: 0 2px 2px rgba(0,0,0,0.1);background-color: #e85538;background-image: linear-gradient(to bottom,#e85538 0,#e4023a 100%);border-top-color: #e85538;border-bottom-color: #e4023a;border-width: 1px 0;color:#fff}

#cooperation.b2b-page {margin:80px auto 50px}
#cooperation.b2b-page .h1-wrap{width:80%}
#cooperation.b2b-page .page{width:60%}




@media(max-width:900px){.legacy-public .lyW{padding:0 20px}#about #contacts{grid-template-columns:minmax(0,1fr);gap:25px}.public-menu{display:flex;flex-wrap:wrap;align-items:center;gap:15px}#cooperation.index-page #main,#cooperation.index-page #each,#cooperation.b2b-page .page{width:100%}#cooperation.index-page #main .cl,#cooperation.index-page #main .cr,#cooperation.index-page #each .cl,#cooperation.index-page #each .cr{float:none;width:100%;padding:20px 0;border:none}#cooperation.index-page #main .cr div img{width:18%;padding:12px 4%}#cooperation.designers-page #steps .line .box,#cooperation.designers-page #steps .line.l2 .box{width:100%;float:none}#cooperation.designers-page #benefits .i{width:100%;float:none}#cooperation.designers-page .auth{width:100%;font-size:20px}#cooperation.index-page,#cooperation.designers-page,#cooperation.b2b-page{margin:20px auto}}
@media(max-width:600px){#about .map-wrap .inf{position:static;width:100%;box-shadow:none}#about iframe{height:230px}#about #details .line{grid-template-columns:minmax(0,1fr);gap:4px}#cooperation.designers-page #steps .line .box .image{display:none}#cooperation.designers-page #steps .line .box .text{float:none;width:100%}}