#main-page{margin-top:0px}

#main-page .three_pictures_block {display: flex; gap:2%; max-width:100%; height:86vh; margin:150px auto 50px;padding:0 10px}
@media (orientation: portrait) {#main-page .three_pictures_block {height:50vh}}
#main-page .three_pictures_block .left-column,
#main-page .three_pictures_block .right-column {display: flex; flex-direction: column; width: 49%;}
#main-page .three_pictures_block .left-column {gap: 2%; }
#main-page .three_pictures_block .left-column .container {flex: 1; position: relative}
#main-page .three_pictures_block .right-column .container {height: 100%; position: relative}
#main-page .three_pictures_block .container {display: flex;justify-content: center;align-items: center;overflow: hidden;box-shadow: 2px 2px 5px #111}
#main-page .three_pictures_block .container .content {position:absolute;top:0;right:0;bottom:0;left:0}
#main-page .three_pictures_block img {width: 100%;height: 100%;object-fit: cover;}
#main-page .three_pictures_block .container .content:after{position:absolute;z-index:1;content:"";top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.3)}
#main-page .three_pictures_block .container:hover .content:after{display:none}
#main-page .three_pictures_block .title {display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;padding:10px 10px;box-sizing:border-box}
#main-page .three_pictures_block .title p{position:relative;font-size:14px;line-height:150%;color:#fff}
#main-page .three_pictures_block .title p:after{display: block;content: '';width: 75px;height:2px;margin:10px 0 5px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}

#main-page #benefits {margin-top:80px}
#main-page #benefits .oh{display:flex; flex-wrap:wrap; justify-content: space-between; gap:10px;padding:2px}
#main-page #benefits .oh .i {flex:1 1 calc(50% - 10px); background-color:#fafafa; text-align: center;padding:2%;box-sizing:border-box;box-shadow:0 0 2px #ccc}
#main-page #benefits .oh .i:hover {box-shadow:0 0 2px #666}
#main-page #benefits .oh .i img{width:30%}
#main-page #benefits .oh .i:hover img{transform: scale(1.2);}
#main-page #benefits .oh .i p{margin:15px 0 10px}

#main-page #sections {margin-top:100px}
#main-page #sections .oh{margin-top:70px;display:flex; flex-wrap:wrap; justify-content:space-between; gap:35px 20px}
#main-page #sections .oh .i {display:block;flex:1 1 calc(50% - 20px); text-align: center;box-sizing:border-box}
#main-page #sections .oh .i img{width:50%}
#main-page #sections .oh .i:hover img{transform: scale(1.2);}
#main-page #sections .oh .i p{margin:15px 10px 0}

#main-page .home-hero{position:relative;overflow:hidden;border-radius:12px;margin-top:100px}
#main-page .home-hero a{display:block;position:relative;text-decoration:none;color:inherit}
#main-page .home-hero picture,.home-hero img{display:block;width:100%;height:auto}
#main-page .home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.1) 100%);z-index:1;pointer-events:none}
#main-page .hero-caption{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:0 16px;max-width:94%}
#main-page .hero-caption,.hero-caption *{color:#fff!important}
#main-page .hero-title{margin:0;font-size:22px;text-shadow:0 3px 14px rgba(0,0,0,.9),0 0 16px rgba(0,0,0,.6);-webkit-text-stroke:.35px rgba(0,0,0,.25)}
/*#main-page .hero-caption::before{content:"";position:absolute;inset:-18px -20px;z-index:-1;background:radial-gradient(130% 130% at 50% 45%,rgba(0,0,0,.65) 0%,rgba(0,0,0,.45) 45%,rgba(0,0,0,0) 100%);filter:blur(2px);border-radius:16px}*/
#main-page .cta{display:inline-block;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.28);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff!important;transition:transform .2s ease,background .2s ease,opacity .2s ease}
#main-page .home-hero a:active .cta{transform:translateY(1px);background:rgba(0,0,0,.35)}

#main-page .pattern_slider_wrap .slider_wrap {margin:50px auto!important;}
#main-page .pattern_slider_wrap.items {margin-top:50px;background:#fafafa;padding:50px 0 20px;border:1px solid #eee}
#main-page .pattern_slider_wrap.items .i {background:#fff!important;}
#main-page .pattern_slider_wrap.portfolio {padding:50px 0 0}
#main-page .pattern_slider_wrap.blog {margin-top:50px;background:#fafafa;padding:50px 0 0;border:1px solid #eee}
#main-page .pattern_slider_wrap.blog .i::after {background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 1) 100%)!important;}
#main-page .pattern_slider_wrap.blog h3 {margin-top:15px}

#main-page #promo_pages {margin-top:30px}
#main-page #promo_pages .wrap{}
#main-page #promo_pages .wrap .i{display:block;width:31.3%;float:left;margin:30px 1% 0}
#main-page #promo_pages .wrap .i .img{display: block;width:100%;position:relative;overflow:hidden}
#main-page #promo_pages .wrap .i .img img{width:100%;margin:auto}
#main-page #promo_pages .wrap .i .title{display:block;font-size:11px;text-align:center;font-weight:700;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);z-index:2;padding:15px 0;box-sizing:border-box;color:#fff;text-transform:uppercase;text-shadow:5px 1px 10px #000}

#main-page .pattern_request_banner{margin-top:0; padding:120px 0;border-top:0;}

#main-page #about{margin-top:100px}
#main-page #about .cl{}
#main-page #about .cl .textFormat{padding:0 30px;text-align:center}
#main-page #about .cl .textFormat p,
#main-page #about .cl .textFormat a{font-size:16px}
#main-page #about .cl .textFormat strong{font-weight:600}
#main-page #about .cr{margin-top:50px}

#main-page #manufacture{width:100%;margin-top:70px;background:#000;padding-bottom:70px;overflow:hidden}
#main-page #manufacture .rel img{width:150%}
#main-page #manufacture .rel::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1));}
#main-page #manufacture h2{position:absolute;left:0;right:0;top:50%;margin-top:-20px;z-index:2;font-size:20px;font-weight:700;text-align:center;line-height:45px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#main-page #manufacture h2 span{font-size:12px;line-height:35px;font-weight:700;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase}
#main-page #manufacture .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:50px 20px 0}
#main-page #manufacture .grid .square{text-align:center;padding:20px;border: 1px solid #aaa;box-sizing:border-box;border-radius: 10px;}
#main-page #manufacture .grid .square *{color:#fff}
#main-page #manufacture .grid .square img{width:30%}
#main-page #manufacture .grid h3{font-size:14px;height:24px;font-weight:400;margin:10px 0;}
#main-page #manufacture .grid p{font-size:11px;}

#main-page #tools {margin:100px 0 50px}
#main-page #tools .h1-wrap{}
#main-page #tools .content {margin:0 auto 0;overflow:hidden}
#main-page #tools .content .tool-card {position:relative; border: 1px solid #ddd; margin:10px auto;border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
#main-page #tools .content .tool-card:last-child {margin-top:25px}
#main-page #tools .content .tool-card:hover { transform: translateY(-5px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
#main-page #tools .content .tool-card img {width: 100%}
#main-page #tools .content .tool-card .inf {position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px 15px 15px;box-sizing:border-box;background:rgba(0,0,0,.6);}
#main-page #tools .content .tool-card .inf *{color:#fff}
#main-page #tools .content .tool-card .inf h3 {position:relative;color: white; font-size:20px;margin-top:0}
#main-page #tools .content .tool-card .inf h3:after{display: block;content: '';width: 75px;height:2px;margin:10px 0 12px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}





#catalog{margin-top:124px}
#catalog .textFormat .hl{display:block; height:1px; border-bottom:3px solid #ddd; margin:20px 0}
#catalog .textFormat .quote{border-left:2px solid #d81515!important}
#catalog .textFormat .imgWrap{text-align:center}
#catalog .textFormat .imgWrap img{width:100%}

/*
   Стили для страницы категорий
*/
#catalog.sections-page {margin-top:122px}
#catalog.sections-page .section{margin-top:20px}
#catalog.sections-page .section:last-child{margin-bottom:50px}
#catalog.sections-page h2{text-align:center}
#catalog.sections-page .children{margin:20px 0 20px -1.5%}
#catalog.sections-page .children .block{float:left;margin:0 0 1.5% 1.5%;width:31.5%;min-height:167px;padding:10px 1% 5px;box-sizing:border-box}
#catalog.sections-page .children .block .img{display:block;margin:0 auto;width:90px;height:80px;overflow:hidden}
#catalog.sections-page .children .block .img img{width:90px}
#catalog.sections-page .children .block .title{display:block;text-align:center;margin:0 auto;width:80%;margin-top:5px;font-size:12px;line-height:15px}



.pattern_catalog_items_line .item{padding:40px 20px;position:relative;border-bottom:1px solid #eee}
.pattern_catalog_items_line .item .wrap{overflow:hidden;display:flex;flex-wrap:wrap;gap:5%}
.pattern_catalog_items_line .item .wrap .image{flex:1 1 30%;box-sizing:border-box;order:1}
.pattern_catalog_items_line .item .wrap .image img{width:100%}
.pattern_catalog_items_line .item .wrap .inf{flex:1 1 100%;order: 3;margin-top:20px}
.pattern_catalog_items_line .item .wrap .inf *{font-size:12px;color:#000}
.pattern_catalog_items_line .item .wrap .inf p.title{font-size:14px;margin-top:0!important;}
.pattern_catalog_items_line .item .wrap .inf .parameters{margin-top:15px}
.pattern_catalog_items_line .item .wrap .inf .parameters div{overflow:hidden; height:18px}
.pattern_catalog_items_line .item .wrap .inf .parameters div p:first-child{display:inline-block;color:#8e8e93}
.pattern_catalog_items_line .item .wrap .inf .parameters div p:last-child{display:inline-block; margin-left:5px}
.pattern_catalog_items_line .item .wrap .retail{flex:1 1 65%;order:2;overflow:hidden}
.pattern_catalog_items_line .item .wrap .retail .box1{float:right;width:45%;text-align:right}
.pattern_catalog_items_line .item .wrap .retail .box2{float:left;width:50%}
.pattern_catalog_items_line .item .wrap .retail .price{font-size:18px;font-weight:600}
.pattern_catalog_items_line .item .wrap .retail .cart{margin:15px 0 0;background-color:#e21235;border:none;color:#fff;font-size:12px;line-height:12px;font-weight:600;text-transform:uppercase;padding:8px 10px;border-radius:5px;display:inline-block;}
.pattern_catalog_items_line .item .wrap .retail .cart:hover{background-color:#bd0f2c}
.pattern_catalog_items_line .item .wrap .retail .stock,
.pattern_catalog_items_line .item .wrap .retail .unit,
.pattern_catalog_items_line .item .wrap .retail .type {font-size:10px;color:#8e8e93;line-height:20px}
.pattern_catalog_items_line .item .wrap .retail .stock span,
.pattern_catalog_items_line .item .wrap .retail .unit span,
.pattern_catalog_items_line .item .wrap .retail .type span {font-size:10px;color:#000;line-height:20px}

.pattern_catalog_items_grid{display:grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.pattern_catalog_items_grid .item{padding:10px 5px;box-sizing:border-box;border:1px solid #eee;word-wrap: break-word; overflow: hidden;}
.pattern_catalog_items_grid .item .image{display:block}
.pattern_catalog_items_grid .item .image img{width:100%}
.pattern_catalog_items_grid .item .image .avatar{display:block}
.pattern_catalog_items_grid .item .image .avatar_live{display:none}
.pattern_catalog_items_grid .item .image.s:hover .avatar{display:none}
.pattern_catalog_items_grid .item .image.s:hover .avatar_live{display:block}
.pattern_catalog_items_grid .item .retail {overflow:hidden; margin:10px 0 0;height:32px}
.pattern_catalog_items_grid .item .retail .fl{float:left; width:45%}
.pattern_catalog_items_grid .item .retail .fl .price{font-size:18px;font-weight:600;}
.pattern_catalog_items_grid .item .retail .fr{float:right; width:50%;text-align:right}
.pattern_catalog_items_grid .item .retail .fr .cart{background-color:#e21235;border:none;color:#fff;font-size:10px;line-height:10px;font-weight:600;text-transform:uppercase;padding:8px 8px;border-radius:5px;display:inline-block;opacity:0}
.pattern_catalog_items_grid .item:hover .retail .fr .cart{opacity:1}
.pattern_catalog_items_grid .item p.title{font-size:13px;margin:0;line-height:18px;height:54px;overflow:hidden}
.pattern_catalog_items_grid .item .article{font-size:10px;color:#8e8e93;margin-top:10px}
.pattern_catalog_items_grid .item .stock{font-size:10px;margin-top:5px}
.pattern_catalog_items_grid .item .stock span{font-size:12px}

.pattern_catalog_items_grid_light {}
.pattern_catalog_items_grid_light .wrap{margin-top:15px;display:grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.pattern_catalog_items_grid_light .wrap .item{background:#fafafa;padding:10px;box-sizing:border-box;border:1px solid #f1f1f1;word-wrap: break-word; overflow: hidden;}
.pattern_catalog_items_grid_light .wrap .item.s{display:flex; justify-content: center;align-items: center;text-align: center;}
.pattern_catalog_items_grid_light .wrap .item.s h2{font-weight:700;color:#333;font-size:18px;line-height:24px;text-transform:uppercase}
.pattern_catalog_items_grid_light .wrap .item .image{display:block}
.pattern_catalog_items_grid_light .wrap .item .image img{width:100%}
.pattern_catalog_items_grid_light .wrap .item .image .avatar{display:block}
.pattern_catalog_items_grid_light .wrap .item .image .avatar_live{display:none}
.pattern_catalog_items_grid_light .wrap .item .image.s:hover .avatar{display:none}
.pattern_catalog_items_grid_light .wrap .item .image.s:hover .avatar_live{display:block}
.pattern_catalog_items_grid_light .wrap .item .title{display:block;overflow:hidden;height:32px;font-size:10px;font-weight:400;line-height:16px;text-align:center;margin-top:15px;color:#333}
.pattern_catalog_items_grid_light .wrap .item .price{display:block;overflow:hidden;height:24px;font-size:9px;line-height:12px;text-align:center;margin:10px 0 0;color:#666}
.pattern_catalog_items_grid_light .wrap .item .btn_wrap {position: absolute; bottom: 0; left: 0; right: 0; background: rgba(250, 250, 250, 0.5); height: 40px; display: flex; align-items: center; justify-content: center; transform: translateY(calc(100% + 10px)); transition: transform 0.3s ease; z-index: 2;}
.pattern_catalog_items_grid_light .wrap .item:hover .btn_wrap {transform: translateY(0%);}
.pattern_catalog_items_grid_light .wrap .item .btn_wrap a {background: #333; color: #fff; border: none; margin-top:10px; padding:5px 10px; font-size: 11px; text-transform: uppercase; cursor: pointer; border-radius: 3px;  }



#catalog.index-page{margin-top:112px; padding:20px 0 50px}

#catalog.index-page .h1-wrap{margin:0!important;padding-bottom:50px}
#catalog.index-page #annotation{margin-bottom:50px;padding:0!important}
#catalog.index-page #annotation .cl{}
#catalog.index-page #annotation .cl video{width:100%}
#catalog.index-page #annotation .cr{margin-top:30px}

#catalog.index-page #tags_wrap{margin-bottom:20px}
#catalog.index-page #tags_wrap .tags_types{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;gap:15px;-ms-overflow-style:none;scrollbar-width:none}
#catalog.index-page #tags_wrap .tags_types::-webkit-scrollbar{display:none}
#catalog.index-page #tags_wrap .tags_types a{color:#333;font-size:12px;display:inline-block;text-transform:uppercase;margin:0;border-bottom:2px solid #fff;text-decoration:none;white-space:nowrap;transition:all 0.3s}
#catalog.index-page #tags_wrap .tags_types a.active{border-bottom:2px solid #000}
#catalog.index-page #tags_wrap .tags_types a:hover{border-bottom:2px solid #666}
#catalog.index-page #tags_wrap .tags{margin-top:10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;gap:10px;-ms-overflow-style:none;scrollbar-width:none}
#catalog.index-page #tags_wrap .tags::-webkit-scrollbar{display:none}
#catalog.index-page #tags_wrap .tags a{display:inline-block;padding:6px 14px;margin:0;border-radius:20px;background:#f6f6f6;color:#333;text-decoration:none;font-size:14px;white-space:nowrap;transition:all 0.3s}
#catalog.index-page #tags_wrap .tags a.active{background:#333;color:#fff}
#catalog.index-page #tags_wrap .tags a:hover{background:#666;color:#fff}

#catalog.index-page #filter{}
#catalog.index-page #filter.fixed{position:fixed;top:0;z-index:9;left:0;right:0;max-height:calc(100vh - 73px);overflow-y: auto;}
#catalog.index-page #filter .content{padding:0 10px; margin-bottom:5px;box-sizing:border-box;border-bottom:1px solid #f1f1f1;}
#catalog.index-page #filter.fixed .content{box-shadow:0 0 5px #aaa;background:#fafafa}
#catalog.index-page #filter .content .head{display:flex;flex-wrap:nowrap; gap:10px;align-items:center;overflow:hidden;position:sticky; top:0;z-index: 9; height:60px}
#catalog.index-page #filter.fixed .content .head{background:#fafafa}
#catalog.index-page #filter .content .head .clm{}
#catalog.index-page #filter .content .head .clm.more{flex:1 1 10%}
#catalog.index-page #filter .content .head .clm.more img{height:24px}
#catalog.index-page #filter .content .head .clm.results{flex:1 1 calc(90% - 165px);text-align:center}
#catalog.index-page #filter .content .head .clm.results a {background-color:#e21235;border:none;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;padding:5px;border-radius:5px;display:inline-block;}
#catalog.index-page #filter .content .head .clm.results a:hover{background-color:#bd0f2c}
#catalog.index-page #filter .content .head .clm.results p{}
#catalog.index-page #filter .content .head .clm.sort{flex:1 1 80px}
#catalog.index-page #filter .content .head .clm.sort select{border:1px solid #eee;padding:0 10px;box-sizing:border-box;height:30px;width:100%}
#catalog.index-page #filter .content .head .clm.visible_type{flex:0 0 55px;text-align:right;height:30px}
#catalog.index-page #filter .content .head .clm.visible_type span{width:25px;height:25px;display:inline-block;cursor:pointer;background:center center no-repeat; background-size:20px 20px}
#catalog.index-page #filter .content .head .clm.visible_type .line{background-image:url('/uploads/images/common/icons/catalog/line.svg')}
#catalog.index-page #filter .content .head .clm.visible_type .grid{background-image:url('/uploads/images/common/icons/catalog/grid.svg')}

#catalog.index-page #filter .content .ext{overflow:hidden; padding:20px 0 50px; border-top:1px solid #eee}
#catalog.index-page #filter .content .ext .cl_l{}
#catalog.index-page #filter .content .ext .cl_r{}
#catalog.index-page #filter .content .ext .filter_type .box{}

#catalog.index-page #filter .content .color.gray span{background: #999!important;}
#catalog.index-page #filter .content .color.white span,
#catalog.index-page #filter .content .color.ral9003 span,
#catalog.index-page #filter .content .color.ral9010 span{background: #ffffff!important; border-color: #e0e0e0!important;}
#catalog.index-page #filter .content .color.ral9005 span,
#catalog.index-page #filter .content .color.anodized-black span,
#catalog.index-page #filter .content .color.chernyy-i-grafit span,
#catalog.index-page #filter .content .color.anod-black span,
#catalog.index-page #filter .content .color.black span{background: #000!important; border-color: #2c2c2c!important;}
#catalog.index-page #filter .content .color.super-warm-white span{background: #ffeec0!important; border-color: #f8e3a0!important;}
#catalog.index-page #filter .content .color.warm-white span{background: #fff3cc!important; border-color: #f7e4a6!important;}
#catalog.index-page #filter .content .color.day-white span{background: #fefbe7!important; border-color: #f2ebc9!important;}
#catalog.index-page #filter .content .color.cool-white span{background: #cfe8ff!important;}
#catalog.index-page #filter .content .color.super-cool-white span{background: #c2e2ff!important;}
#catalog.index-page #filter .content .color.red span{background: #ff6666!important;}
#catalog.index-page #filter .content .color.blue span{background: #66b3ff!important;}
#catalog.index-page #filter .content .color.yellow span{background: #fff666!important;}
#catalog.index-page #filter .content .color.orange span{background: #ffb266!important;}
#catalog.index-page #filter .content .color.green span{background: #99e699!important;}
#catalog.index-page #filter .content .color.ir span{background: #c09994!important;}
#catalog.index-page #filter .content .color.uv span{background: #a699d9!important;}
#catalog.index-page #filter .content .color.pink span{background: #ffb3c9!important;}
#catalog.index-page #filter .content .color.anodized-silver span,
#catalog.index-page #filter .content .color.anod-silver span{background: #cccccc!important; border-color: #b3b3b3!important;}
#catalog.index-page #filter .content .color.belo-chernyy span{background: linear-gradient(to right, #ffffff, #000000)!important; border-color: #999!important;}
#catalog.index-page #filter .content .color.belyy-i-bronza-matovaya span{background: linear-gradient(to right, #ffffff, #c29160)!important; border-color: #b07a4c!important;}
#catalog.index-page #filter .content .color.belyy-i-grafit span{background: linear-gradient(to right, #ffffff, #444444)!important; border-color: #333!important;}
#catalog.index-page #filter .content .color.belyy-i-latun span{background: linear-gradient(to right, #ffffff, #d4af37)!important; border-color: #c39a29!important;}
#catalog.index-page #filter .content .color.belyy-i-matovoe-zoloto span{background: linear-gradient(to right, #ffffff, #efd28a)!important; border-color: #d6b365!important;}
#catalog.index-page #filter .content .color.belyy-i-med-matovaya span{background: linear-gradient(to right, #ffffff, #e69e67)!important; border-color: #cb7e4a!important;}
#catalog.index-page #filter .content .color.belyy-i-hrom span{background: linear-gradient(to right, #ffffff, #dddddd)!important; border-color: #bbbbbb!important;}
#catalog.index-page #filter .content .color.belyy-s-zolotom span{background: linear-gradient(to right, #ffffff, #ffe066)!important; border-color: #e6c94c!important;}
#catalog.index-page #filter .content .color.belyy-s-serebrom span{background: linear-gradient(to right, #ffffff, #dcdcdc)!important; border-color: #c0c0c0!important;}
#catalog.index-page #filter .content .color.gold span{background: #f7d560!important; border-color: #e4bb3c!important;}
#catalog.index-page #filter .content .color.light-gold span{background: #f9e5a6!important; border-color: #e8cb77!important;}
#catalog.index-page #filter .content .color.brass span{background: #caa952!important; border-color: #b6953d!important;}
#catalog.index-page #filter .content .color.matovoe-zoloto span{background: #e6c96a!important; border-color: #ccb45a!important;}
#catalog.index-page #filter .content .color.matovoe-serebro span{background: #d4d4d4!important; border-color: #bfbfbf!important;}
#catalog.index-page #filter .content .color.copper span{background: #d98c66!important; border-color: #bf6d4a!important;}
#catalog.index-page #filter .content .color.nickel span{background: #bfbfbf!important; border-color: #a5a5a5!important;}
#catalog.index-page #filter .content .color.silver span{background: #cccccc!important; border-color: #b3b3b3!important;}
#catalog.index-page #filter .content .color.chernyy-i-latun span{background: linear-gradient(to right, #000000, #d4af37)!important; border-color: #b99829!important;}
#catalog.index-page #filter .content .color.chernyy-i-matovoe-zoloto span{background: linear-gradient(to right, #000000, #efd28a)!important; border-color: #c2a75f!important;}
#catalog.index-page #filter .content .color.chernyy-i-med-matovaya span{background: linear-gradient(to right, #000000, #e69e67)!important; border-color: #b07347!important;}
#catalog.index-page #filter .content .color.chernyy-i-hrom span{background: linear-gradient(to right, #000000, #dddddd)!important; border-color: #999!important;}
#catalog.index-page #filter .content .color.chernyy-s-zolotom span{background: linear-gradient(to right, #000000, #ffe066)!important; border-color: #c4a834!important;}
#catalog.index-page #filter .content .color.chernyy-i-bronza span{background: linear-gradient(to right, #000000, #c08868)!important; border-color: #9e6a4c!important;}
#catalog.index-page #filter .content .color.chrome span{background: #d4d4d4!important; border-color: #bfbfbf!important;}
#catalog.index-page #filter .content .color.cherno-belyy span{background: linear-gradient(to right, #000000, #ffffff)!important; border-color: #999!important;}

#catalog.index-page #filter .content .boxes {}
#catalog.index-page #filter .content .boxes .box{position:relative}
#catalog.index-page #filter .content .boxes .box p.title{margin:20px 0 10px;text-align: center;border: 1px solid #cccccc; border-radius:5px;background: #ededed;}
#catalog.index-page #filter .content .boxes .box.act {}
#catalog.index-page #filter .content .boxes .box select,
#catalog.index-page #filter .content .boxes .box input{width:100%; margin:0; height:32px; line-height:32px;padding:0 2px; border:1px solid #eee;box-sizing:border-box}
#catalog.index-page #filter .content .boxes .box.act select{background:#ffe96a}
#catalog.index-page #filter .content .boxes .box.slw div.oh{margin:7px 0}
#catalog.index-page #filter .content .boxes .box.slw div.oh input{float:left; width:45%}
#catalog.index-page #filter .content .boxes .box.slw div.oh input:first-child{margin-right:10%}
#catalog.index-page #filter .content .boxes .box.slw .slr{margin:4px 8px 4px}
#catalog.index-page #filter .content .boxes .box.checkbox {}
#catalog.index-page #filter .content .boxes .box.checkbox .wrap {cursor:pointer; border:1px solid #ddd; background:#fafafa;padding:2px 4px; margin:3px; overflow:hidden; float:left; border-radius:3px}
#catalog.index-page #filter .content .boxes .box.checkbox .wrap.act {background:#ffd160!important}
#catalog.index-page #filter .content .boxes .box.checkbox .wrap p {font-size:12px;display:block;color:#000;text-shadow:0 0 1px #fff}
#catalog.index-page #filter .content .boxes .box.checkbox .wrap.act p {color:#000!important;text-decoration:none!important;text-shadow:none!important;}
#catalog.index-page #filter .content .boxes .box.checkbox .wrap span {display:block; height:3px}

#catalog.index-page #filter .content .btns {margin-top:20px}
#catalog.index-page #filter .content .btns .btn{float:left; width:45%}
#catalog.index-page #filter .content .btns .btn:last-child{margin-left:10%; display:none}
#catalog.index-page #filter .content .btns .btn.act{display:block; background:#ffe96a}
#catalog.index-page #filter .content .btns .btn.act:hover{color:#000}
#catalog.index-page #filter .content .slr.ui-slider-horizontal{border-radius:0!important; background:#fff!important; height:6px!important; border:1px solid #DDD}
#catalog.index-page #filter .content .slr.ui-slider-horizontal .ui-widget-header{background:#FCE454; height:6px!important}
#catalog.index-page #filter .content .slr.ui-slider-horizontal .ui-slider-handle{cursor:pointer; border-radius:0!important; border:1px solid #9D9D9D; background:#eee; height:10px; width:6px; top:-4px!important}
#catalog.index-page #filter .content .slr.ui-slider-horizontal .ui-slider-handle:first-child{margin-left:-6px!important}
#catalog.index-page #filter .content .slr.ui-slider-horizontal .ui-slider-handle:last-child{margin-left:1px!important}

#catalog.index-page #items_priority{margin-top:30px;background:none!important;border:none!important;overflow:hidden}
#catalog.index-page #items_priority .tape{clear:both; margin:20px 15px 0 2%;display:inline-block;background:#d09d51;position: relative;padding:0 30px 0 10px; font-size:14px;color: #fff;line-height:24px}
#catalog.index-page #items_priority .tape:after {position: absolute;content: '';right: -13px;top:0;border-color:#fff transparent transparent transparent;border-style: solid;border-width:24px 0 0 24px;height: 0;width: 0;z-index: 2;-webkit-transform: rotate(225deg)}

#catalog.index-page #items{margin-top:50px;background:none!important;border:none!important;overflow:hidden}

#catalog.index-page #sub_sections {margin:50px auto 0}
#catalog.index-page #sub_sections .content{display:flex; gap:5%; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
#catalog.index-page #sub_sections .content .i{flex:0 0 calc(33.3% - 5%);text-align:center;margin-bottom:10px}
#catalog.index-page #sub_sections .content .i img{width:80%;background:#fafafa;padding:5px;border-radius:50%;-webkit-border-radius:50%;box-sizing:border-box}
#catalog.index-page #sub_sections .content .i p{margin-top:10px}

#catalog.index-page #load_more {font-size:24px;cursor:pointer;align-items: center;justify-content: center;background: #fafafa;margin:70px auto 0;font-weight: bold;display: flex;width: 100%;line-height: 1;height:100px;box-sizing: border-box}
#catalog.index-page #load_more:hover {background: #f3f3f3}
#catalog.index-page #load_more span {font-size: inherit;margin-left:2px;animation: bounce 1s ease-in-out infinite; display: inline-block; animation-delay: 0s;margin-left:10px;}}
@keyframes bounce {0%, 100% {transform: translateX(0);} 50% {transform: translateX(8px);}}

#catalog.index-page #paging {margin:0 auto 20px;overflow: hidden;padding:15px 0;background:#fafafa;display: flex;gap: 5px;justify-content: center;border-top:1px solid #eee}
#catalog.index-page #paging a, #paging span {display: block;width: 20px;height: 22px;font-size: 11px;line-height: 22px;text-align: center;border: 1px solid #eee;background: #fff;border-radius: 4px;color: #333}
#catalog.index-page #paging a.act {font-size: 12px;font-weight: 700;border: 1px solid #ccc;background: #ddd}

#catalog.index-page #text{margin:50px auto;border-top:1px solid #eee}
#catalog.index-page #text .cl{}
#catalog.index-page #text .cl video{width:100%}
#catalog.index-page #text .cr{margin-top:50px}



#catalog #item_ext{margin:40px auto}
#catalog #item_ext #item_ext_menu{position:sticky;top:0px;background:#f6f6f6;z-index:2}
#catalog #item_ext #item_ext_menu h2{display:inline-block;line-height:50px;font-size:12px;margin-right:15px;cursor:pointer}
#catalog #item_ext #item_ext_menu h2.act{border-bottom:2px solid #ff0f00}
#catalog #item_ext #item_ext_content{margin:40px auto 25px}
#catalog #item_ext #item_ext #same_1 .catalog_item{padding:20px}
#catalog #item_ext #item_ext #same_2 .catalog_item{padding:20px}

#catalog #item_ext #related{overflow:hidden; width:100%; box-sizing:border-box; position:relative}
#catalog #item_ext #related .result .item{margin:0; padding:10px; position:relative; border:1px solid #eee}
#catalog #item_ext #related .result .item .body{overflow:hidden; position:relative}
#catalog #item_ext #related .result .item .store {display:none}
#catalog #item_ext #related .result .item .image {width:75px; float:left}
#catalog #item_ext #related .result .item .image img{width:75px}
#catalog #item_ext #related .result .item .inf{width:auto; margin:5px 5px 0 85px}
#catalog #item_ext #related .result .item .inf .title{display:block; font-size:11px; font-weight:700; color:#333; margin:0 135px 5px 0!important}
#catalog #item_ext #related .result .item .inf .annotation{line-height:14px; min-height:38px; font-size:11px; margin:5px 130px 0 0}
#catalog #item_ext #related .result .item .cart{position:absolute; display:none; top:55px; right:10px; text-align:center; width:60px; border-radius:4px!important; font-size:12px; line-height:20px; box-shadow:0 2px 2px rgba(0,0,0,0.1); background-color:#ffe96a; background-image:linear-gradient(to bottom,#ffe96a 0,#F5D414 100%); border-top-color:#ffe96a; border-bottom-color:#ffe96a; border-width:1px 0; color:#333; font-weight:700}
#catalog #item_ext #related .result .item:hover .cart{display:inline-block}
#catalog #item_ext #related .result .item .price{position:absolute; min-width:50px; height:14px; top:10px; right:10px; z-index:9; text-align:center; display:block; padding:5px 10px; color:#333; font-size:14px; line-height:14px}
#catalog #item_ext #related .result .item .price span{font-size:12px}
#catalog #item_ext #related .result .item .price .prices{position:absolute; left:-220px; top:0; width:200px; background:#fff; box-shadow:0 0 5px #888; padding:4px 10px; z-index:999}
#catalog #item_ext #related .result .item .price .prices div{width:48%; font-size:11px; line-height:14px; text-align:left}
#catalog #item_ext #related .result .item .price:hover .prices{display:block}
#catalog #item_ext #related .result .item.sale::after{content:''; width:70px; height:70px; background:url('/uploads/images/common/icons/sale-tag-160.png') no-repeat; background-size:contain; position:absolute; left:-3px; top:-3px}
#catalog #item_ext #related .result .item.sale .cart{background-color: #FF6A6A; background-image: linear-gradient(to bottom,#FF6A75 0,#F51414 100%); border-top-color: #FF6A6A; border-bottom-color: #FF6A6A; color: #FFF;}

#catalog #item_ext #item_ext #parts {overflow:hidden; width:100%; box-sizing:border-box; position:relative}
#catalog #item_ext #item_ext #parts .item{overflow:hidden;margin-top:10px;padding-top:10px;position:relative;width:100%;border-top:1px solid #eee}
#catalog #item_ext #item_ext #parts .item:first-child{border:none}
#catalog #item_ext #item_ext #parts .item .image {float:left;width:20%}
#catalog #item_ext #item_ext #parts .item .image img{width:100%}
#catalog #item_ext #item_ext #parts .item .inf{float:left;width:57.5%;margin-left:2.5%}
#catalog #item_ext #item_ext #parts .item .inf *{display:block;font-size:11px;line-height:16px;font-weight:300;color:#333}
#catalog #item_ext #item_ext #parts .item .inf .article{font-weight:400;margin-top:5px}
#catalog #item_ext #item_ext #parts .item .inf .title{margin-top:5px}
#catalog #item_ext #item_ext #parts .item .qty{float:right;width:15%;margin-left:2.5%;text-align:right;margin-top:20px;font-size:14px;font-weight:400;color:#333}
#catalog #item_ext #item_ext #parts .item .qty span{display:block;font-size:11px;color:#666;border-top:1px solid #eee;margin-top:10px}

#catalog #item_ext #files {}
#catalog #item_ext #files .content {display:flex; flex-wrap:wrap; gap:10px; overflow:hidden;margin-top:15px;}
#catalog #item_ext #files .content a {flex:0 0 calc(50% - 10px); min-height:50px;position:relative; display: block; overflow: hidden; padding:5px 5px 5px 40px; background-repeat: no-repeat;box-sizing: border-box;background-position:5px 5px;background-size:auto 30px;background-color: #fefefe;border: 1px solid #eee;font-size:12px}
#catalog #item_ext #files .content video{width:49%;margin:5px 0 0 1%;float:left;box-sizing:border-box}
#catalog #item_ext #files .content p{display:block;font-size:9px;color:#666;line-height:18px;padding-left:10px}
#catalog #item_ext #files .content a span{position:absolute; top:5px; right:5px; font-size:9px; color: #666; opacity:0}
#catalog #item_ext #files .content a:hover span{opacity:1}

#catalog #item_ext #comments{padding:20px 0}
#catalog #item_ext #comments .content{display: flex; gap:1%; scroll-snap-type: x mandatory; overflow-x: scroll; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom:20px; scrollbar-width:none; -ms-overflow-style: none;}
#catalog #item_ext #comments .content:hover {scrollbar-color: rgba(0, 0, 0, .2) transparent;}
#catalog #item_ext #comments .content::-webkit-scrollbar {display:none;}
#catalog #item_ext #comments .content .block{flex:0 0 70%;padding:20px;background:#fafafa;border:1px solid #f1f1f1;box-sizing:border-box}
#catalog #item_ext #comments .content .block *{display:block; margin-bottom:10px}
#catalog #item_ext #comments .content .block a{text-decoration:underline;color:#264f9e;font-size:12px}
#catalog #item_ext #comments .content .block .date{font-size:9px}
#catalog #item_ext #comments #commentForm{}
#catalog #item_ext #comments #commentForm span{}
#catalog #item_ext #comments #commentForm input{width:100%; box-sizing:border-box;height:30px; padding:2px 3px; border:1px solid #ddd; font-size:12px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#catalog #item_ext #comments #commentForm textarea{margin:15px 0 0; border:1px solid #ddd; width:100%; box-sizing:border-box; height:60px; padding:10px; font-size:13px;line-height:15px;resize:none;color:#444; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}
#catalog #item_ext #comments #commentForm .btn{margin:10px 0 0; width:90px; height:30px}
#catalog .pattern_request_banner{padding:70px 0 100px!important;}

#catalog #item_ext #kits{}
#catalog #item_ext #kits .h1{display:none}
#catalog #item_ext #kits #kits_filter{margin-bottom:20px}
#catalog #item_ext #kits #kits_filter .box{overflow:hidden;margin-bottom:15px}
#catalog #item_ext #kits #kits_filter .box p{float:none}
#catalog #item_ext #kits #kits_filter .box ul{float:none}
#catalog #item_ext #kits #kits_filter .box ul li{cursor:pointer;display:inline-block;margin:5px 1% 0 0;border:1px solid #eee;padding:0 5px;background:#fff;line-height:26px;border-radius:5px;text-align:center;box-sizing:border-box}
#catalog #item_ext #kits #kits_filter .box ul li.act{background:#fffee2}
#catalog #item_ext #kits #kits_filter .box ul li.deactivation{background:#f5f5f5;color:#aaa}
#catalog #item_ext #kits .results{}
#catalog #item_ext #kits .results .body{display: flex; flex-wrap: wrap; border-bottom:1px solid #ccc; min-height:36px; padding:8px 0}
#catalog #item_ext #kits .results .body .col{flex:1;margin:0 5px;display:none}
#catalog #item_ext #kits .results .item:hover{box-shadow:0 0 4px #999}
#catalog #item_ext #kits .results .body .col.store{flex:0.5;display:block}
#catalog #item_ext #kits .results .body .col.image{flex:1;display:block}
#catalog #item_ext #kits .results .body .col.title{flex:2;display:block}
#catalog #item_ext #kits .results .body .col.price{flex:1;display:block}
#catalog #item_ext #kits .results .body .col.image img{width:85%}
#catalog #item_ext #kits .results .body .col p{font-size:11px;display:block;margin-top:25px;line-height:150%;box-sizing:border-box;text-align:center}
#catalog #item_ext #kits .results .head .body .col p{font-weight:600}
#catalog #item_ext #kits .results .item .body .col.title p{text-align:left;margin-top:0}
#catalog #item_ext #kits .results .body .col.title b{font-size:9px}
#catalog #item_ext #kits .results .body .col.price, #catalog #item_ext #kits .results .body .col.price *{text-align:right}
#catalog #item_ext #kits .results .item .body .col.price p{margin-top:5px}
#catalog #item_ext #kits .results .item .body .col.price p span{font-size:10px}
#catalog #item_ext #kits .results .body .col.color p, #catalog #item_ext #kits .results .body .col.color-temperature-k p{line-height:30px;display:block;margin:25px 10px 0}
#catalog #item_ext #kits .results .body p.color-ral9005{background:#000;color:#fff;border:1px solid #000}
#catalog #item_ext #kits .results .body p.color-ral9003{background:#fefefe;color:#333;border:1px solid #eee}
#catalog #item_ext #kits .results .body p.color-anod-silver{background:#f1f1f1;color:#333;border:1px solid #eee}
#catalog #item_ext #kits .results .body p.color-raw{background:linear-gradient(45deg, silver, #65656500);color:#333;border:1px solid #eee}
#catalog #item_ext #kits .results .body p.color-temperature-k-3000{background:#fffec5;color:#666;border:1px solid #fffec5}
#catalog #item_ext #kits .results .body p.color-temperature-k-4000{background:#ffffeb;color:#666;border:1px solid #ffffeb}



#catalog.item-00-page{margin-top:112px; padding-top:20px}
#catalog.item-00-page #cl{}
#catalog.item-00-page #cr{}

#catalog.item-00-page #cl #item{overflow:hidden}
#catalog.item-00-page #cl #item #l {}
#catalog.item-00-page #cl #item #r {margin-top:20px}
#catalog.item-00-page #cl #item #l h2{margin-top:25px}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile{padding:20px;background: #fafafa}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .price_wrap{float:left;width:45%}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .price_wrap .price{font-size:24px;font-weight:400}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .price_wrap .price span{}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .price_wrap .tax{margin-top:5px;font-size:12px;color:#555}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .cart{float:right; width:50%; box-sizing:border-box;background-color:#e21235;border:none;color:#fff;font-size:14px;line-height:14px;font-weight:600;text-transform:uppercase;text-align:center;padding:15px 0;border-radius:5px;display:inline-block;}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .oh .cart:hover{background-color:#bd0f2c}
#catalog.item-00-page #cl #item #l #retail_wrap_mobile .stock{margin-top:15px}
#catalog.item-00-page #cl #item #l #gallery {margin-top:15px; display: flex; gap:10px; scroll-snap-type: x mandatory; overflow-x:scroll; scroll-behavior:stalker smooth; -webkit-overflow-scrolling: touch; scrollbar-width:none; -ms-overflow-style: none;position:relative}
#catalog.item-00-page #cl #item #l #gallery::-webkit-scrollbar {display:none;}
#catalog.item-00-page #cl #item #l #gallery a {flex:0 0 100%; width: 100%; scroll-snap-align:start; align-items: center; justify-content: center}
#catalog.item-00-page #cl #item #l #gallery a img{width:100%}
#catalog.item-00-page #cl #item #l #gallery.act::after {content: "›"; position: absolute; top: 50%; right:10px; transform: translateY(-50%); font-size:60px; color: white; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); pointer-events: none; animation: catalog_item_gallery_arrow_move 2s infinite ease-in-out;}
@keyframes catalog_item_gallery_arrow_move {0%, 100% {right:10px;} 50% {right: 25px;}}
#catalog.item-00-page #cl #item #l #videos {margin-top:15px; display:flex; flex-wrap:wrap; gap:10px; overflow:hidden}
#catalog.item-00-page #cl #item #l #videos .video{flex:0 0 calc(50% - 10px); box-sizing:border-box}
#catalog.item-00-page #cl #item #l #videos .video video{width:100%}
#catalog.item-00-page #cl #item #r .raiting_star{float:right}
#catalog.item-00-page #cl #item #r .parameters{border-bottom:1px dotted #eee; margin-top:10px; padding-bottom:15px}
#catalog.item-00-page #cl #item #r .parameters .ext a{margin-top:10px; display:block; text-align:center; font-size:12px; line-height:18px; color:#666; background:#f9f9f9; border:1px dotted #eee}
#catalog.item-00-page #cl #item #r .parameters .box{overflow:hidden; height:18px}
#catalog.item-00-page #cl #item #r .parameters .box div:first-child{display:block; float:left; width:150px; text-align:right; font-size:12px; line-height:18px; color:#555}
#catalog.item-00-page #cl #item #r .parameters .box div:last-child{display:block; float:left; font-size:13px; line-height:18px; margin-left:5px}
#catalog.item-00-page #cl #item #r .parameters .box span{margin-left:2px}
#catalog.item-00-page #cl #item #r .parameters .box span.color{display:inline-block;height:12px;width:12px;border-radius:6px;border:1px solid #fff;margin-top:2px}
#catalog.item-00-page #cl #item #r .textFormat{margin:15px 0 15px}
#catalog.item-00-page #cl #item #r .collection{cursor:pointer;display:block;margin:20px 0 10px;border:1px solid #eee; border-radius:4px;padding:10px;background:#f6f6f6}
#catalog.item-00-page #cl #item #r .collection *{display:block}
#catalog.item-00-page #cl #item #r .collection p:first-child{font-size:10px;line-height:13px;color:#666}
#catalog.item-00-page #cl #item #r .collection p:last-child{text-decoration:underline;font-size:13px;line-height:20px;color:#264f9e;font-family:'Open Sans',sans-serif}
#catalog.item-00-page #cr #retail_wrap{display:none}
#catalog.item-00-page #cr #stock {margin-top:30px;padding:10px 15px 20px;position:relative;background:#f4fbf8;border:1px solid #e2e9e6}
#catalog.item-00-page #cr #stock .title{font-family:'Open Sans', sans-serif;display:block;text-align:right;font-weight:700;font-size:11px;line-height:23px;color:#607962;border-bottom:1px solid #e2e9e6;text-transform:uppercase}
#catalog.item-00-page #cr #stock .shops{margin-top:30px}
#catalog.item-00-page #cr #stock .store{margin-top:15px;padding-top:15px}
#catalog.item-00-page #cr #stock .store span{margin-top:5px;font-size:11px;line-height:18px;color:#666}
#catalog.item-00-page #cr #stock .line{overflow:hidden;margin-top:5px}
#catalog.item-00-page #cr #stock .line p{font-size:13px;line-height:18px;color:#333}
#catalog.item-00-page #cr #stock .line p:first-child{float:left;width:60%;text-align:left;padding-right:5%;box-sizing:border-box}
#catalog.item-00-page #cr #stock .line p:last-child{float:right;width:40%;text-align:right;box-sizing:border-box}
#catalog.item-00-page #cr #stock strong{color:#000}
#catalog.item-00-page #cr #prices {margin-top:30px;padding:10px 15px 20px;position:relative;background:#f6f6f6;border:1px solid #eee}
#catalog.item-00-page #cr #prices div{overflow:hidden;margin-top:5px;padding-top:5px;border-top:1px solid #eee}
#catalog.item-00-page #cr #prices div:first-child{border:none}
#catalog.item-00-page #cr #prices div span{font-size:12px;line-height:18px;color:#333}
#catalog.item-00-page #cr #prices div span:last-child{float:right;width:40%;text-align:right;box-sizing:border-box}
#catalog.item-00-page #cr #prices div.strong span{color:#000;font-weight:700;font-size:13px}
#catalog.item-00-page #cr #tech_panel {margin-top:30px;padding:10px 15px 20px;position:relative;background:#f6f6f6;border:1px solid #eee}
#catalog.item-00-page #cr #tech_panel a{display:block; margin-top:5px}
#catalog.item-00-page #cr #widgets a.light_calculation {margin:30px 5px 25px;display:block;box-sizing:border-box;background-color:#f6f6f6;color:#000;border:1px solid #eee;font-size:14px;font-weight:600;padding:10px;border-radius:5px;box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);text-transform:uppercase;text-align:center}
#catalog.item-00-page #cr #widgets a.light_calculation:hover {background-color:#f1f1f1;box-shadow:0 3px 4px rgba(0, 0, 0, 0.3)}

#catalog.item-00-page #portfolio{margin-top:80px}
#catalog.item-00-page #portfolio .h2 span{display:inline-block;font-style:italic}



#catalog.item-01-page{margin-top:112px; padding-top:20px}
#catalog.item-01-page #item{overflow:hidden; width:100%; box-sizing:border-box; position:relative}
#catalog.item-01-page #item #cl{}
#catalog.item-01-page #item #cr{margin-top:40px}
#catalog.item-01-page #item #cl h2{margin-top:25px}
#catalog.item-01-page #item #cl #gallery {display: flex; gap:10px; scroll-snap-type: x mandatory; overflow-x:scroll; scroll-behavior:stalker smooth; -webkit-overflow-scrolling: touch; scrollbar-width:none; -ms-overflow-style: none;position:relative}
#catalog.item-01-page #item #cl #gallery::-webkit-scrollbar {display:none;}
#catalog.item-01-page #item #cl #gallery a {flex:0 0 100%; width: 100%; scroll-snap-align:start; align-items: center; justify-content: center}
#catalog.item-01-page #item #cl #gallery a img{width:100%}
#catalog.item-01-page #item #cl #gallery.act::after {content: "›"; position: absolute; top: 50%; right:10px; transform: translateY(-50%); font-size:60px; color: white; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); pointer-events: none; animation: catalog_item_gallery_arrow_move 2s infinite ease-in-out;}
@keyframes catalog_item_gallery_arrow_move {0%, 100% {right:10px;} 50% {right: 25px;}}
#catalog.item-01-page #item #cl #videos {display:flex; flex-wrap:wrap; gap:10px; overflow:hidden;margin-top:15px;}
#catalog.item-01-page #item #cl #videos .video{flex:0 0 calc(50% - 10px); box-sizing:border-box}
#catalog.item-01-page #item #cl #videos .video video{width:100%}
#catalog.item-01-page #item #portfolio{margin-top:80px}
#catalog.item-01-page #item #portfolio .h2 span{display:inline-block;font-style:italic}
#catalog.item-01-page #item #cr #price{float:left;width:50%;font-size:25px;line-height:45px;text-align:center;box-sizing:border-box}
#catalog.item-01-page #item #cr #choseKit{float:right;box-sizing:border-box;width:50%;opacity:0;cursor:pointer;display:block;margin:0 0 10px;border:1px solid #e8ae00; border-radius:4px; font-size:13px; line-height:50px;padding:0 10px 0 50px;font-weight:700;height:50px;background:url('/uploads/images/common/icons/choseKit.png') 5px 5px no-repeat;background-color:#ffd45c;background-size:30px;-webkit-animation-name:choseKit;animation-name:choseKit;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out}
@keyframes choseKit{0%{background-position:10px 15px}50%{background-position:10px 10px}100%{background-position:10px 15px}}
#catalog.item-01-page #item #cr .inf{width:auto; margin:20px 0}
#catalog.item-01-page #item #cr .inf .cl{}
#catalog.item-01-page #item #cr .inf .cl p {margin-right:20px}
#catalog.item-01-page #item #cr .inf .cl p span{display:inline-block; padding:2px 4px; font-size:11px; line-height:11px; background:#f1f1f1; margin-top:15px}
#catalog.item-01-page #item #cr .inf .cr .raiting_star {margin:0!important}
#catalog.item-01-page #item #cr #text {margin-top:20px;position: relative; max-height:500px; overflow: hidden;}
#catalog.item-01-page #item #cr #text .read-more {position: absolute; font-weight:600;bottom: 0; left: 0; width: 100%; background:#fff; text-align: center; cursor: pointer; padding: 20px 0; box-shadow:-1px -16px 20px 6px #fff; z-index: 10; display: block;}
#catalog.item-01-page #item #cr #text .textFormat{}
#catalog.item-01-page #item #cr #text .textFormat .imgWrap{overflow:hidden}
#catalog.item-01-page #item #cr #text .textFormat h3{text-transform:uppercase}
#catalog.item-01-page #item #cr #text .textFormat .block{overflow:hidden}
#catalog.item-01-page #item #cr #text .textFormat .block .cl{float:left;width:30%}
#catalog.item-01-page #item #cr #text .textFormat .block .cr{float:right;width:65%}
#catalog.item-01-page #item #cr #text .textFormat .block .cr h3{margin-top:0}



#order{margin-top:110px}



#order.make-page #cl #items{}
#order.make-page #cl #items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee}
#order.make-page #cl #items .head {display:none}
#order.make-page #cl #items .line .body{position:relative; min-height:62px}
#order.make-page #cl #items .line .box{float:left;padding-left:2%;box-sizing:border-box}
#order.make-page #cl #items .line .box *{line-height:62px;font-size:12px}
#order.make-page #cl #items .line .box.img{width:30%;padding-left:0;text-align:center;height:70px}
#order.make-page #cl #items .line .box.title{width:70%;height:70px}
#order.make-page #cl #items .line .box.price-r{width:25%;text-align:right}
#order.make-page #cl #items .line .box.discount{display:none}
#order.make-page #cl #items .line .box.price-c{display:none}
#order.make-page #cl #items .line .box.count{width:30%;padding-left:4%;padding-top:20px;text-align:center}
#order.make-page #cl #items .line .box.unit{width:10%;min-height:1px}
#order.make-page #cl #items .line .box.sum{width:30%;text-align:right}
/* Для авторизованных показываем еще два поля */
#order.make-page #cl #items.aut1 .line .box.price-r{display:none}
#order.make-page #cl #items.aut1 .line .box.price-c{width:20%;text-align:right;display:block}
/* --> */
#order.make-page #cl #items .line .box.img img{width:80%}
#order.make-page #cl #items .line .body .box.title *{font-size:10px;line-height:11px}
#order.make-page #cl #items .line .body .box.title .l1{overflow:hidden}
#order.make-page #cl #items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden}
#order.make-page #cl #items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc}
#order.make-page #cl #items .line .body .box.title .l1 .tr2{float:left;overflow:hidden}
#order.make-page #cl #items .line .body .box.title .l1 .tr2 span{float:left;display:block;min-height:11px;min-width:20px;font-size:10px;text-align:center;padding:3px 2px;background:#f1f1f1;margin-right:2px}
#order.make-page #cl #items .line .body .box.title .l1 .tr2 span.stock_store{}
#order.make-page #cl #items .line .body .box.title .l1 .tr2 span.stock_shop{}
#order.make-page #cl #items .line .body .box.title .l2{margin-top:10px}
#order.make-page #cl #items .line .body .box.title .l2 span{font-size:11px;line-height:16px}
#order.make-page #cl #items .line .box.count p.countHint{position:absolute;bottom:-17px;left:20px;right:0;color:#888;font-size:11px;line-height:11px;display:block}
#order.make-page #cl #items .line .box.count span{width:25%;box-sizing:border-box;cursor:pointer;float:left;display:block;text-align:center;height:22px;font-size:14px;line-height:20px;background:#f1f1f1;border:1px solid #ddd}
#order.make-page #cl #items .line .box.count input{width:50%;box-sizing:border-box;float:left;margin:0;border:1px solid #ddd;border-width:1px 0 1px 0;border-radius:0;height:22px;line-height:22px;font-size:12px;text-align:center}
#order.make-page #cl #items .line .body .box.count input.y{background: #e6f9e8}
#order.make-page #cl #items .line .body .box.count input.n{background:#fde7e0}
#order.make-page #cl #items .line .box.unit p{padding-top:5px;font-size:10px;color:#000}
#order.make-page #cl #items .line .remove{display:none;position:absolute;z-index:99;width:20px;height:20px;background:url('/api/in/images/remove.png');background-size:contain;top:0;right:0}
#order.make-page #cl #items .line:hover .remove{display:block}
#order.make-page #total{overflow:hidden; font-size:14px; margin-top:10px}
#order.make-page #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x}
#order.make-page #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x}
#order.make-page #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee}
#order.make-page #total .line{overflow:hidden; padding:2px 0}
#order.make-page #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px}
#order.make-page #total .line .r{float:right; width:130px; height:24px; line-height:24px}
#order.make-page #total .total strong{display:inline-block; padding:0 6px; height:22px; line-height:24px; background:#ffe96a; font-size:16px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#order.make-page #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px}
#order.make-page #total .msg{font-size:11px; margin:15px 0; border-top:1px solid #eee; text-align:center; padding-top:10px}
#order.make-page #total .msg strong{color:#ff6137}
#order.make-page #form{}
#order.make-page #form #clients{margin-bottom:20px}
#order.make-page #form .line{padding:10px 0; border-bottom:1px solid #eee}
#order.make-page #form .line:last-child{border:none}
#order.make-page #form .line .label{float:left; width:29%}
#order.make-page #form .line .label label{font-size:12px; line-height:30px}
#order.make-page #form .line .input{float:left; width:70%}
#order.make-page #form .line.hline .label{float:none; width:100%}
#order.make-page #form .line.hline .input{float:none; width:100%}
#order.make-page #form .line .input p{font-size:12px; line-height:30px; font-weight:700; color:#666}
#order.make-page #form input{float:right; border:1px solid #d4d4d4; width:155px; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#order.make-page #form textarea{resize:none; border:1px solid #d4d4d4; width:220px; padding:5px; height:50px; background:#fff;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
#order.make-page #form select{width:100%}
#order.make-page #form .line .input .alert{background:rgba(255, 198, 181, 0.64)}
#order.make-page #form .btn{margin-top:20px; float:right; width:155px; display:block}
#order.make-page #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px}
#order.make-page #form .load{margin-top:7px}
/*intelorderSearch*/
#order.make-page #cr #form .dropOwner{display:block;position:absolute;z-index:99;width:20px;height:20px;top:3px;right:3px;color:#666;font-size:20px;font-weight:700;cursor:pointer}
#order.make-page #cr #form #searchName .resultWrap{position:absolute;max-height:400px;left:0;right:0;top:42px;border:1px solid #ccc;background:rgba(115,115,115,.8);border-radius:5px}
#order.make-page #cr #form #searchName .resultWrap .remove{display:block;position:absolute;z-index:99;width:12px;height:12px;top:3px;right:3px;color:#fff;font-size:12px;font-weight:700}
#order.make-page #cr #form #searchName .resultWrap .content {padding:20px 0}
#order.make-page #cr #form #searchName .resultWrap .content div.client{margin-bottom:10px; border-bottom:1px solid #fff}
#order.make-page #cr #form #searchName .resultWrap .content div.company{margin-bottom:10px; border-bottom:1px solid #fff}
#order.make-page #cr #form #searchName .resultWrap .content input{width:80%;height:20px;float:none;margin:0 auto 10px;display:none;border:none}
#order.make-page #cr #form #searchName .resultWrap .content .result {padding:10px 0;max-height:120px;overflow-x: hidden;overflow-y:visible}
#order.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar{width:4px;background: #eee}
#order.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar-thumb{background:#ccc}
#order.make-page #cr #form #searchName .resultWrap .content .result div{background:#fefefe;font-size:11px;min-height:20px;line-height:20px;padding:4px;margin:0 10px;border-bottom:1px dotted #ccc;overflow:hidden}
#order.make-page #cr #form #searchName .resultWrap .content .result div:hover{background:#d4e2f7;cursor:pointer}
#order.make-page #cr #form #searchName .resultWrap .content .result div.pick{background:#a7dc9d;cursor:pointer}
#order.make-page #cr #form #searchName .resultWrap .content .result div:last-child{border-bottom:none}
#order.make-page #cr #form #searchName .resultWrap .content .btn{color:#fff;border-bottom: 2px solid #fff;margin:20px;width:100px}


.cartMsg{padding:20px 40px!important; width:450px; margin-top:90px!important; background:rgba(0,0,0,.8)!important; color:#fff!important; border:none!important; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px}
.cartMsg *{color:#fff!important}
.cartMsg a{border-bottom:1px solid #fff; color:#fff}
.cartMsg h2{text-align:center; width:100%; line-height:80px}



#order.made-page{}
#order.made-page #cl {}
/* Информация по заказу + доки */
#order.made-page #cl #inf {padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box}
#order.made-page #cl #inf .box{min-height:20px;overflow:hidden}
#order.made-page #cl #inf .box.inf{width:100%}
#order.made-page #cl #inf .box.doc{width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #eee}
#order.made-page #cl #inf .box.inf div{float:left;padding:0 2%;width:33.3%;box-sizing:border-box}
#order.made-page #cl #inf .box.inf div span{display:block;text-align:center}
#order.made-page #cl #inf .box.inf div span,
#order.made-page #cl #inf .box.inf div span *{line-height:20px;color:#888;font-size:10px}
#order.made-page #cl #inf .box.inf div span:first-child{border-bottom:1px dotted #eee}
#order.made-page #cl #inf .box.inf div span strong,
#order.made-page #cl #inf .box.inf div span:last-child{color:#333;font-size:11px}
#order.made-page #cl #inf .box.doc a{text-decoration:underline;font-size:11px;line-height:24px;color:#264f9e;font-family:'Open Sans',sans-serif}
#order.made-page #cl #inf .box.doc a.make{color:#ff0f00}
#order.made-page #cl #inf .box.doc select{border:1px solid #eee;display:inline-block;width:50%;height:30px;padding-left:8px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#order.made-page #cl #inf .box.doc .confirm a{width:20%;display:inline-block;text-align:center}
/* Список товаров */
#order.made-page #cl #items{margin-top:40px}
#order.made-page #cl #items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee}
#order.made-page #cl #items .head {display:none}
#order.made-page #cl #items .line .body{position:relative; min-height:62px}
#order.made-page #cl #items .line .box{float:left;padding-left:2%;box-sizing:border-box}
#order.made-page #cl #items .line .box *{line-height:62px;font-size:12px}
#order.made-page #cl #items .line .box.img{width:30%;padding-left:0;text-align:center;height:70px}
#order.made-page #cl #items .line .box.title{width:70%;height:70px}
#order.made-page #cl #items .line .box.price_retail{display:none}
#order.made-page #cl #items .line .box.discount{display:none}
#order.made-page #cl #items .line .box.price{width:25%;text-align:right}
#order.made-page #cl #items .line .box.count{width:30%;padding-left:4%;padding-top:20px;text-align:center}
#order.made-page #cl #items .line .box.unit{width:10%;min-height:1px}
#order.made-page #cl #items .line .box.sum{width:30%;text-align:right}
#order.made-page #cl #items .line .box.img img{width:80%}
#order.made-page #cl #items .line .body .box.title *{font-size:10px;line-height:11px}
#order.made-page #cl #items .line .body .box.title .l1{overflow:hidden}
#order.made-page #cl #items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden}
#order.made-page #cl #items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc}
#order.made-page #cl #items .line .body .box.title .l1 .tr2{float:left;overflow:hidden}
#order.made-page #cl #items .line .body .box.title .l1 .tr2 span{float:left;display:block;min-height:11px;min-width:20px;font-size:10px;text-align:center;padding:3px 2px;background:#f1f1f1;margin-right:2px}
#order.made-page #cl #items .line .body .box.title .l1 .tr2 span.green{background:#e6f9e8}
#order.made-page #cl #items .line .body .box.title .l1 .tr2 span.yellow{background:#f9f7d6}
#order.made-page #cl #items .line .body .box.title .l1 .tr2 span.red{background:#fef0f0}
#order.made-page #cl #items .line.item .body .box.title .l1 .tr2 span.stock_reserved{margin-left:15px;font-weight:700}
#order.made-page #cl #items .line .body .box.title .l2{margin-top:10px}
#order.made-page #cl #items .line .body .box.title .l2 span{font-size:11px;line-height:16px}
#order.made-page #cl #items .line .box.count p.countHint{position:absolute;bottom:-17px;left:20px;right:0;color:#888;font-size:11px;line-height:11px;display:block}
#order.made-page #cl #items .line .box.count input{width:100%;box-sizing:border-box;margin:0;border:1px solid #ddd;border-radius:0;height:22px;line-height:22px;font-size:12px;text-align:center}
#order.made-page #cl #items .line .body .box.count input.y{background: #e6f9e8}
#order.made-page #cl #items .line .body .box.count input.n{background:#fde7e0}
#order.made-page #cl #items .line .box.unit p{padding-top:5px;font-size:10px;color:#000}
#order.made-page #cl #items .line .remove{display:none;position:absolute;z-index:99;width:20px;height:20px;background:url('/api/in/images/remove.png');background-size:contain;top:0;right:0}
#order.made-page #cl #items .line:hover .remove{display:block}
/* Услуги */
#order.made-page #cl #services{margin:30px 0;}
#order.made-page #cl #services h2{}
#order.made-page #cl #services .wrap{margin-top:15px;padding:10px;background:#fafafa;border:1px solid #eee;width:100%;box-sizing:border-box}
#order.made-page #cl #services .wrap .i{position:relative;border-bottom:1px solid #eee}
#order.made-page #cl #services .wrap .i:last-child{border:none}
#order.made-page #cl #services .wrap .i .title{float:left;width:70%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%}
#order.made-page #cl #services .wrap .i .price{float:left;width:30%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700}
#order.made-page #cl #services .wrap .i .remove{display:none;position:absolute;z-index:99;width:32px;height:32px;background:url('/api/in/images/remove.png'); top:0; right:-10px}
#order.made-page #cl #services .wrap .i:hover .remove{display:block}
#order.made-page #cl #services .wrap .add {position:relative;border:none;margin-top:20px}
#order.made-page #cl #services .wrap .add .title{float:left;width:50%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%}
#order.made-page #cl #services .wrap .add .price{float:left;width:35%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700}
#order.made-page #cl #services .wrap .add .btnWrap{float:left;width:15%;box-sizing:border-box}
#order.made-page #cl #services .wrap .add input{border:1px solid #d4d4d4;width:100%;height:30px;line-height:25px;padding-left:2px;background:#fff;box-sizing:border-box}

#order.made-page #cl #manager_total{display:flex;flex-wrap:nowrap;justify-content: space-between;margin-top:50px}
#order.made-page #cl #manager_total .manager{flex:0 0 30%}
#order.made-page #cl #manager_total .manager .title{font-size:12px;line-height:12px;text-align:center}
#order.made-page #cl #manager_total .manager .ava{margin:10px auto;width:40%}
#order.made-page #cl #manager_total .manager .ava img{width:100%;border-radius:50%}
#order.made-page #cl #manager_total .manager .inf{text-align:center}
#order.made-page #cl #manager_total .manager .inf p{font-size:9px;line-height:20px}
#order.made-page #cl #manager_total .manager .inf p.name{font-size:12px}
#order.made-page #cl #manager_total .total{flex:0 0 65%;margin-left: auto;}
#order.made-page #cl #manager_total .total .wrap{width:100%; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x}
#order.made-page #cl #manager_total .total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x}
#order.made-page #cl #manager_total .total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:20px 10px; margin-bottom:7px; border-left: 1px solid #eee}
#order.made-page #cl #manager_total .total .line{overflow:hidden; padding:2px 0}
#order.made-page #cl #manager_total .total .line .l{float:left; width:48%; text-align:right; height:24px; line-height:24px}
#order.made-page #cl #manager_total .total .line .r{float:right; width:48%; height:24px; line-height:24px}
#order.made-page #cl #manager_total .total .line .r input{height:16px;line-height:16px}
#order.made-page #cl #manager_total .total .total strong{display:inline-block; padding:0 6px; height:22px; line-height:24px; background:#ffe96a; font-size:14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#order.made-page #cl #manager_total .total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px}
#order.made-page #cl #manager_total .total #tbankPayBox{
    margin:0 20px;
}
#order.made-page #cl #manager_total .total #tbankPayBox a.link1 {
    display:block;
    margin-top:15px;
    align-items:center;
    justify-content:center;
    text-align: center;
    padding:10px 10px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
    box-shadow:0 2px 10px rgba(0,0,0,0.06);
    color:#111;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
    transition:all .2s ease;
}
#order.made-page #cl #manager_total .total #tbankPayBox a.link1:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}
#order.made-page #cl #manager_total .total #tbankPayBox a.link1 img{
    width:70%;
}
#order.made-page #cl #manager_total .total #tbankPayBox a.link1 p{
    display:inline-block;
    width:90%;
    margin-top:10px;
    line-height:30px;
    height:auto;
    text-align:center;
    border-radius:5px;
    box-sizing:border-box;
    background-color:#e21235;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    border-radius:5px;
    display:inline-block;
}
#order.made-page #cl #manager_total .total #tbankPayBox a.link2{
    display:block;
    font-size:10px;
    text-align:center;
    margin-top:10px;
    color:#888;
    text-decoration: underline;
}
#order.made-page #cl #manager_total .total #tbankPayBox #tbankQr svg{
    width:100%;
    margin:15px 0
}


#order.made-page #cl #logs{margin-top:60px}
#order.made-page #cl #logs h2{margin-bottom:30px}

#order.made-page #cl #comments{width:100%;min-height:200px;margin:60px 0 25px 0;position:relative}
#order.made-page #cl #comments h2{}

#order.made-page #cl #tools{margin-top:30px;padding:10px;background-color:#f6f6f6;color:#000;border:1px solid #eee;font-weight:300;border-radius:5px;box-sizing:border-box}
#order.made-page #cl #tools .buttons{display:flex;gap:5px;flex-wrap:wrap;}
#order.made-page #cl #tools .buttons a{flex:0 1 auto;padding:5px 5px;background-color:#fff;color:#000;border:1px solid #eee;font-size:13px;border-radius:5px;box-sizing:border-box}
#order.made-page #cl #tools .buttons a.icon{padding-left:30px;background-size:18px;background-position:3px 3px;background-repeat:no-repeat}
#order.made-page #cl #tools .buttons a.moving{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAC/ElEQVR4nO2by2oUQRSGv4CXoEYUZIwP4NKlCGoUzcalaIzRtT6CKAEvwxCNIIKIrnwGXQQ3WZqdJoYIvoAS7yZexuBCLSk5Hcqiu6cvMF09OT8UpKr7dNf/p/pU5fAHFAqFQrG2sRG4DywD74AHwB7WEO4Bxmt/gGngGNBHj+ObkD4A7AbuAt8dMV4C54B+ehRfheiQM7YduAi8doR4D1wDGvQY7gjB38BDT4j1wFlg1hHiJ3BbrvVMErwlxCKST4ExYJ1z3yHgkQhlJKansFOW+AdHiFfABWCbJ4S99jHmGRuAm8CbmMTaqS0Ck/KMStEPnJfkF03OJspx555o3MdkAeJ+s88IAn2yDU7LxH5lEGBRxvd74/79cfEHnZUQHEwGAnnG88ZXDqMCoAKYlH7Wcb9lja+9ADMx5J/kiK8cpktLWAVABUAFIEAYFQAVwKT0O40XfU/tBHgr4/YPm7wYkthP1FiAGymnvqzNVqc/h1ZPMF0UIMh6gsn5CZSpBwRZTzAlk2DV8aVhVABUAFNiAkkJq1vxta8HzJSMLw3TpSVYdXwiVABUAFQAOr+oagIqACoApu71AFMy3hq9CmMQuA4sAO2UE1jdWls4TYgPIhZjnjmqV5v1Ooz65M+INc6IDeYwsBkYAI4AU3LN2mNGCBenHAtPJx6rIuxyrHLWDpOEcadklbiMKoT9fL/k4GHdcf94TMiAdYj5Ph+/zhYp2CQ8tArwaNnOC+lY81OSzyeqsx2V/nPCw3wBHgu2syKdTZ7PZ29MnW0ggCTWqeXhsWI7PxIC9zl7axS4tYYCpPFoI8vAOA7RuKVjy90Ww9J/RniYLcBj3k2CdttAEsWkqOUnj8dy7xXCQ7MAj1a0DUaG6UspL7gs9ywBOwgPDdmis/KwW+bqdn7aOUBMyaFhiySLYUcxa5Y8Trg4KXPMwsMemv7DqKNgXLO/+ROEjxGZaxKP5bTT7KB8S3OSIZckuVyt2f8JNMT4PScc2vJzM9BTrEKhUCioAn8BiNJTUKmBABAAAAAASUVORK5CYII=');}
#order.made-page #cl #tools .buttons a.cart{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAACf0lEQVR4nO2YvWsUQRjGf0RjBEHETsXKwkIUvNiYgL2ija0WJmAhdlpoWr/OD9CzUfIHmEtlaaNJEcGvWi0FJdGgIghiYdSVOZ7IGPdmZ/dmN7NwPxhYZt6dfZ6Z3ZmdF/qksh64ASwA88B1YIiaMAg8AJIV5VEdTAwA0xK8COxRWVTdtGKipSWhX4GGVb8b+KK2u0TKJQn8DhxIad8PfFPMRSLjtIT9BI464g4DPxR7lkg4DvwCfgPjHvHHcsaXyhFgSSN6poQZKxX7nb5Q4H7zHbi+mVIJtaq0uqxapbID+KAH3wfW9NDXANBWXx+BnZTMVuCNHvgw0M46aO3c74DteTtYB1wD3qds/93KE2CD1cfjHPdmlece/Zp/rKa0czXnA14Am1cMQkgDMzn6vYLcJFpV6sKINRN/3dSNZFl37Q0s6MJMS10YlWZzWOp8zUlNy2W0FDWtmahDmZf4zjJqc1MBE8THhLTdcgWdUJDZ3mOjLW1jrqCGgl4RH6+lrZGVDllSMdfdMNv905Lriujq8FJOhx0xaXtH6DqbfWo32jKZ8njXqjYwrvZ7Hvo57/G1V23gttrPeejnkIJnIzIwo/aDHvrZpuDPjhhfEeZ3eK5gnc0d4C2wCU8+SYwxk0aRUayUWYkxr1MtDbQkxnzQvRgoclxNHOWfo6SLMd0w1aOBvMfVxLN0jpIuhjM2Dl8DoY+rI9ZMOBnK2LpDLY9F8O7T9fPkuxSuqoG2Ak8GfFjI9EsmpxT4DFhLDQ1s1NFtOQe6q0AedFVfIcNeZY7zjIwZ5WgMGLYAkzkO/XOxGeiFvoEU+gbyEDptOWqnFKugWWZKkQoInbb8L6X4B3KUQ4HpWcx0AAAAAElFTkSuQmCC');}
#order.made-page #cl #tools .buttons a.packing{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACoElEQVR4nO2bz2oUQRDGf4eQg96MDt4861lBNJKjrj5KruIDeDAbfQgfwYN4l80ISnIyoPeYaAzEFzDQ0lALzTBmuntrpnt2+4Nih+6uf9/0Vs3ANAyP+8Au8BH4JmKvpzK3tLgHfAFMh3wG7rJEWANeAheS4KnsgMfAbeAOMAHeAL9lzYXoWN1R4xZQO0nZxK9csv6qrJmTVYuNJFiXYH56bNsu+QFsNew/A45lzu4AF1syvqjfE6ktNpdgTBUCsPIO2Gix7yZ41DK/IboaMezEEHAiyg8C9R6K3l9g+5J1XQTMsS22jNgOwaazE4JhRELxQfSed6ybCAk2+Scda1+IzfcD5kGs4qnotW37WFwXm7/GQICJdZhbPOY/ik89K7Q2fDrNJCAPb4dN+LYnW4C08MjT59EQBJgOg7tKratNpj3Eq27QPr6+Bs4UEz8Tm2tjICAVCgEkIuCTvLSQeCwZAaZlXYqxQgCJCNgDZo01KcZKEaQQQCEA//HhDfaMQgCZEFABB1KlV4qAGtgHDmXeXjef3IyS1DkScODMHcpOcLGnSMAsRwIquev7LckPgeQEpEYhgEwIqEoXQL0L1D3Eq26wzy4w6yFedYOlCyRGIYBMCKhKF0C9C/h0g5V4F5gpxtuJ0gUoRZBCAOEGSxcgvAv4POtrx6tucJEu4POsrx2vusG+u4DPt0nnAfF2Irci6PNt0ttlJsC0+K2cmmN/r3nqRTvMiYAbwFcZ+w7c9NSLdpgTAb7JN/WiHeZEQEjyrl60w9wIcP/zPt1m6Qgwnne+qRftsAmNkxyLiO+d742AiXyTO3Tif6TPt7W6QQkYGwoBFAIwixya2mS8mJ8zsMfzgrGTuNpryqsYAtaFhPlOGKMcS/JRBycLWAH8AwZ+7pzmvEqAAAAAAElFTkSuQmCC');}
#order.made-page #cl #tools .buttons a.defense{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAFFElEQVR4nNVWS4gcVRQtQiLBhYpINuJCg9NV1V3dPfXrfl2fV59X1dVdNZ8EexEVgqLoVpSIoAsRPwsRcRN1lwT8bMRFiIgaFBHJwr+o0aiomEjET0I+M5meGTk1eWNNJ1pjnAg+uNxX99137qn3ue8Kwv+xyfHgynEv2VUl7ikI+rBd9MBqPK013Ogd0bDmFSs4orL+PRD0YcMYfNY8sB70b6477GtRtxbqTvSZxvqpzrJbFDv8FoK+zhLacON3l8j5P40H6Y5/FVQeDC5Rg95DVeIdk0z3zDjt7qPxVlHzkydrhB5fssUvQ9CHDWPOxOBa1e/ukVvujNymJ1W/94yWZZeu/m/jqWvGve5LkmHNIbga9J7QkunNozZKt2/kcyil6/HH+HPRsOcbbvymGSTyqM0Ie2OlBCTdmlccdlBnE1tNP4sbTvRhxegsYAvMKB2UzTfiiaQ4BzgQYAK7lEBFI4umedNlis2+Ew1r2KDx64RmovAPG+ZgLjCA1ZiaugLYpRNVP3laEIR1OHAtxq4/n4/pTKZjKlkcU9vLIpn2jGZ3t436AgNY2FpR7yys+g9Ew5pvBpNy0Vbt+AfHNJKD1En4LIjYvq8pNtsrGp05EKkS76vinHqU1jgWdGlgmdATWD7JsIda1G9xe43QQwiguOyFZd+WewzCvzE2pq0koSZb2ji8wAJmKQGp5ZwxWBZyDVuTBrdVRoIrlvcRgoFURbdnV5BQ24t8O1rBRAQsrksJVNvujOb1p7jOSZn2qYpOVrBH8LrDXlOC3g657R4tjsFX1O0Z9M04m5ZbzmmuV0GAntRYdiM0MmAeDH9vs70rCKjtRZnQw4IgbBjFqNn+PoyjDwwkJK5LCdQIPa6y9PYq8Y5rXnZHgUC+HbwpDtuV3wCsRCd8rzjWdqZNTkBj2Z0cC7p8BYj/mxb276oS/1doTgCg53HfoBD/A4w3nXAPNzY9jy4TCHp351hndfkKdPyfNb9/P9c5Ae3cLSi2ik7mirehZrFXlgmE6QO1jn+U61ICihUcGfeSR5ROcFgLeo/ChiSDe859pLZ7pKKRBRzAuhM/vLRF/v4CoaFoWPkhBAbHgi4lULeC7/GqIX1C5yB2d1sxB1w3GFwuGtYsriYy4opc4EQv5lsSRPm7wbFUr/cUdCmBhs0+R4WDd78ZJLu5HcklP3BW/NxfJiIEzxORf5DbgAVMPNHALCdA47cgTZrsxatWHMtJ5ImHDLHPOJiQOmGvVrTOcCkV/xk8x3Oi91FLNN34bTzJpQTUsHcfrgueVbzjJIo2FcexHUgyS8t/NhOq7UXsOV923tppejWeYC2Y9POChaX3lhKgdPtG5G6UWXU7+lKxw29QcJROPAeHrkc9gOXXw/RWYBaLmL9fBS/ZKbfc03q6pVbreL+AhJZlV602OFYNc3DvzcmBDKyzz/zqW8NlH6L8MpOBXHfCQ1LLnUVWK5sHH/hi9azuRBUYDYd9LFxAW1d32Kf5QxKlAzVMH5NMe1h32BedZHrzqDNsGIMPfLUgvQFzGw77BFjChTbVS3bmBQXt7u/405t56Y1rxYFRpOLA4pqROBObNH4j9/GSncJaND3MDMUKfpRazizeh/xlI/QE9hiCPmwYg0+e+QrFzJo1LUwflEx7rmYFPzTjLY2m330e0ur3Jfy9ZFhDzU8eFy5mI1G0qelGB5bqvGQ3JO+70YHRnHFRm84mtlaJ9zsE/f8s8Fq3PwDp1EfiPq1E4AAAAABJRU5ErkJggg==');}
#order.made-page #cl #tools .buttons a.money{background-image:url('data:image/png;base64,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');}

#order.made-page #cl #discount_request{margin:50px auto;border:1px solid #eee;background:#fafafa;padding:20px 30px;box-sizing:border-box}
#order.made-page #cl #discount_request.close .promocode p, #order.made-page #cl #discount_request.close .request{display:none}
#order.made-page #cl #discount_request .promocode{margin-bottom:20px}
#order.made-page #cl #discount_request .request{margin-top:25px;padding-top:15px;border-top:1px solid #aaa}
#order.made-page #cl #discount_request .textFormat{margin-bottom:20px}
#order.made-page #cl #discount_request .input{overflow:hidden}
#order.made-page #cl #discount_request .input .cl{float:left;width:38%}
#order.made-page #cl #discount_request .input .cr{float:right;width:58%}
#order.made-page #cl #discount_request .box{margin-top:10px}
#order.made-page #cl #discount_request .box p{line-height:25px}
#order.made-page #cl #discount_request .box input{width:100%;height:30px;padding:2px 3px;border:1px solid #ddd;font-size:12px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box}
#order.made-page #cl #discount_request .box textarea{width:100%;height:95px;padding:2px 3px;border:1px solid #ddd;font-size:12px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;box-sizing:border-box}
#order.made-page #cl #discount_request .alert{background:#ffe9e2;border:1px solid #ff9090}
#order.made-page #cl #discount_request .btn{margin-top:20px}
/* Заказчик и доп. данные */
#order.made-page #cr{margin-top:60px}
#order.made-page #cr .comment{margin:10px 0 20px;padding:10px;border:1px solid #d2c79e;background:#fff3b5}
#order.made-page #cr .comment p{font-size:9px;color:#666}
#order.made-page #cr .comment span{margin-top:10px;font-size:12px;line-height:18px}
#order.made-page #cr #partner {margin-bottom:30px;background:#fafafa;border:1px solid #eee;padding:10px 10px}
#order.made-page #cr #partner .head{font-size:11px;line-height:18px}
#order.made-page #cr #partner a{display:block;text-decoration:underline;font-size:13px;line-height:20px;color:#264f9e;font-family:'Open Sans',sans-serif}
#order.made-page #cr #partner .ext{display:none; margin-top:10px; padding-top:10px; border-top:1px solid #eee}
#order.made-page #cr #partner:hover .ext{display:block}
#order.made-page #cr #partner .ext p{font-size:12px;line-height:18px}
#order.made-page #cr #partner .ext p span{font-size:11px;line-height:18px;display:inline-block;width:50%;padding-right:5%;text-align:right}
#order.made-page #cr #partner .ext .mark{display:block;font-size:11px;line-height:18px;margin-top:5px; text-align:left}
#order.made-page #cr .line{padding:5px 0;border-bottom:1px solid #eee}
#order.made-page #cr .line .label{float:left; width:29%}
#order.made-page #cr .line .label label{font-size:11px; line-height:30px;font-weight:300;color:#333}
#order.made-page #cr .line .input{float:left; width:70%}
#order.made-page #cr .line .input p{font-size:13px;line-height:24px;font-weight:300;color:#000}
#order.made-page #cr .line .input select{border:none}
#order.made-page #cr .line  a *{text-decoration:underline!important}
#order.made-page #cr .line.hline .label{float:none!important; width:100%!important}
#order.made-page #cr .line.hline .input{float:none!important; width:100%!important}
#order.made-page #cr .ext_inf{border-top:2px solid #000;margin-top:20px;padding-top:20px}
#order.made-page #cr .ext_inf a{display:block;text-decoration:underline;font-size:12px;line-height:35px}
#order.made-page #cr .company{border-top:2px solid #000;margin-top:20px;padding-top:20px}
#order.made-page #cr .company .more_link{display:block;text-decoration:underline;font-size:13px;line-height:30px;color:#264f9e}
#order.made-page #cr .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px}
/*
project-page
*/
#order.project-page{}
/* Список товаров */
#order.project-page #areas{}
#order.project-page #areas .area {position:relative;margin-bottom:20px;border:1px solid #eee;background:#fafafa;padding:10px;border-radius:5px}
#order.project-page #areas #area_ {background:#fff8d1}
#order.project-page #areas .area .inf {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px}
#order.project-page #areas .area .inf .cl {width:60%; float:left}
#order.project-page #areas .area .inf .cr {width:40%; float:right}
#order.project-page #areas .area .inf .cl input{border:none;background:transparent;width:80%;height:20px;padding:0 5px;font-size:13px;line-height:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
#order.project-page #areas .area .inf .cr .total{overflow:hidden; font-size:14px}
#order.project-page #areas .area .inf .cr .total .l{display:none}
#order.project-page #areas .area .inf .cr .total .r{height:24px; line-height:24px;font-size:13px;text-align:right}
#order.project-page #areas .area .inf textarea{border:none;background:transparent;margin-top:5px;width:50%;padding:5px;height:35px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:9px}
#order.project-page #areas .area .inf textarea:focus{height:300px}
#order.project-page #areas .area .items{background:#fff;min-height:50px}
#order.project-page #areas .area .removeArea{display:none; position:absolute; z-index:2; width:20px; height:20px; background:url('/api/in/images/remove.png');background-size:contain; top:5px; right:5px}
#order.project-page #areas .area:hover .removeArea{display:block}
#order.project-page #areas .area.act{overflow:hidden;background:#ffefbf;margin-bottom:10px;padding:0 10px;min-height:20px}
#order.project-page #areas .area.act *{display:none}
#order.project-page #areas .area.act .inf,
#order.project-page #areas .area.act .inf .oh,
#order.project-page #areas .area.act .inf .oh .cl,
#order.project-page #areas .area.act .inf input{display:block;border:none;padding:0;background:none;font-size:10px}
#order.project-page #areas .items{padding:10px;background:#fff;border:1px solid #eee}
#order.project-page #areas .items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee}
#order.project-page #areas .items .head {display:none}
#order.project-page #areas .items .head .box{font-size:11px!important;line-height:22px!important;padding-top:0!important}
#order.project-page #areas .items .line .body{position:relative; min-height:62px}
#order.project-page #areas .items .line .box{float:left;padding-left:2%;box-sizing:border-box}
#order.project-page #areas .items .line .box *{line-height:62px;font-size:12px}
#order.project-page #areas .items .line .box.img{width:30%;padding-left:0;text-align:center;height:62px}
#order.project-page #areas .items .line .box.title{width:70%;height:62px}
#order.project-page #areas .items .line .box.price-r{width:20%;text-align:right}
#order.project-page #areas .items .line .box.discount{display:none}
#order.project-page #areas .items .line .box.price-c{display:none}
#order.project-page #areas .items .line .box.count{width:30%;padding-left:4%;padding-top:20px;text-align:center}
#order.project-page #areas .items .line .box.unit{width:10%;min-height:1px}
#order.project-page #areas .items .line .box.sum{width:30%;text-align:right}
#order.project-page #areas .items .line .box.img img{width:80%}
#order.project-page #areas .items .line .body .box.title *{font-size:10px;line-height:11px}
#order.project-page #areas .items .line .body .box.title .l1{overflow:hidden}
#order.project-page #areas .items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden}
#order.project-page #areas .items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc}
#order.project-page #areas .items .line .body .box.title .l1 .tr2{float:left;overflow:hidden}
#order.project-page #areas .items .line .body .box.title .l1 .tr2 span{float:left;display:block;min-height:11px;min-width:20px;font-size:10px;text-align:center;padding:3px 2px;background:#f1f1f1;margin-right:2px}
#order.project-page #areas .items .line .body .box.title .l1 .tr2 span.stock_store{}
#order.project-page #areas .items .line .body .box.title .l1 .tr2 span.stock_shop{}
#order.project-page #areas .items .line .body .box.title .l2{margin-top:10px}
#order.project-page #areas .items .line .body .box.title .l2 span{font-size:11px;line-height:16px}
#order.project-page #areas .items .line .box.count p.countHint{position:absolute;bottom:-17px;left:20px;right:0;color:#888;font-size:11px;line-height:11px;display:block}
#order.project-page #areas .items .line .box.count input{float:left;width:40%;margin:0 5% 0 10%;border:1px solid #ddd;border-radius:0;height:22px;line-height:22px;font-size:12px;text-align:center;box-sizing:border-box}
#order.project-page #areas .items .line .box.count span{display:none}
#order.project-page #areas .items .line .box.unit p{font-size:10px;color:#000}
#order.project-page #areas .items .line .remove{display:none;position:absolute;z-index:99;width:20px;height:20px;background:url('/api/in/images/remove.png');background-size:contain;top:0;right:0}
#order.project-page #areas .items .line:hover .remove{display:block}
/* Услуги */
#order.project-page #areas .area .services{margin:20px 0 0 10px}
#order.project-page #areas .area .services .i{position:relative;border-top:1px solid #eee}
#order.project-page #areas .area .services .i .title{float:left;width:80%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2% 0 0}
#order.project-page #areas .area .services .i .price{float:left;width:20%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700}
#order.project-page #areas .area .services .i .remove{display:none;position:absolute;z-index:99;width:32px;height:32px;background:url('/api/in/images/remove.png'); top:0; right:-10px}
#order.project-page #areas .area .services .i:hover .remove{display:block}
/* Сумма */
#order.project-page #total{margin-top:20px;width:90%}
#order.project-page #total .wrap{width:100%; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x}
#order.project-page #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x}
#order.project-page #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:25px 20px; margin-bottom:7px; border-left: 1px solid #eee}
#order.project-page #total .line{overflow:hidden; padding:2px 0}
#order.project-page #total .line .l{float:left; width:40%; text-align:right; height:24px; line-height:24px;font-size:11px}
#order.project-page #total .line .r{float:right; width:55%; height:24px; line-height:24px}
#order.project-page #total .line .r input{height:16px;line-height:16px}
#order.project-page #total .total strong{display:inline-block; padding:0 6px; height:22px; line-height:24px; background:#ffe96a; font-size:14px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}
#order.project-page #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px}



#about{}
#about #cl{float:none}
#about #cl .sandvich{display:block;overflow:hidden}
#about #cl .sandvich div{float:right;width:10%;padding:4px;border:1px solid #eee;border-radius:4px}
#about #cl .sandvich div span{margin-top:2px;display:block;height:4px;background:#ddd}
#about #cl .content{display:none}
#about #cr{float:none;margin-top:10px}
#about #cl .menu{margin-bottom:20px}
#about #cl .menu .title{margin-bottom:10px; width:100%;text-align: center;height:20px!important; font-weight:400!important; display:block; font-size:16px; line-height:20px; background:none; color:#333}
#about #cl .menu ul{width:100%;background:#fefefe; border:1px solid #eee;border-radius:3px}
#about #cl .menu ul li{padding-left:10px;border-bottom:1px solid #eee;line-height:30px}
#about #cl .menu ul a:last-child li{border-bottom:none}
#about #cl .menu ul li.act{background:#f6f6f6;color:#000}
#about #cl .menu ul li:hover{background:#eee;color:#000}
#about #contacts .map-wrap #map{width:100%; height:350px}
#about #contacts .map-wrap #map1{width:100%; height:350px}
#about #contacts .map-wrap #map2{width:100%; height:350px}
#about #contacts .map-wrap .inf{position:absolute; right:20px; top:20px; bottom:20px; width:250px; border:1px solid #ccc; background:rgba(255,255,255,.95); padding:15px 30px}
#about #contacts .map-wrap .inf h2{display:block; padding-bottom:3px; border-bottom:2px solid #ccc; text-align:center; text-transform:uppercase}
#about #contacts .map-wrap .inf *{color:#000}
#about #contacts .map-wrap .inf ul{margin-top:10px}
#about #contacts .map-wrap .inf .hint{display:none;font-size:11px;padding:5px;background:#fefefe;border:1px solid #ccc;margin:5px 0}
#about #contacts .map-wrap:hover .inf .hint{display:block}
#about #contacts #details{margin-top:60px; width:100%}
#about #contacts #details h2{margin:10px 0 20px}
#about #contacts #details .line{overflow:hidden; border-top:1px solid #eee}
#about #contacts #details .line .fl{width:25%; height:40px; line-height:40px}
#about #contacts #details .line .fr{width:73%; text-align:left; line-height:40px}
#about #delivery{}
#about #pay{}
#about #order{}



#blog.index-page {background:#f2f2f2;padding:142px 0 50px}
#blog.index-page #layout {}
#blog.index-page #layout #cl {display: block;position: relative; overflow: hidden; transition: max-height 0.3s ease-in-out;}
#blog.index-page #layout #cl.fixed {background:#f2f2f2;position: fixed; top: 0; width: 96%; z-index: 1000; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
#blog.index-page #layout #cl .head {padding:9px 10px; height: 30px; border-bottom: 1px solid #ddd; overflow:hidden}
#blog.index-page #layout #cl.fixed .head {padding:10px; border:none;}
#blog.index-page #layout #cl .head img{width:30px; cursor: pointer;}
#blog.index-page #layout #cl .head a.drop{float:right;line-height:30px;text-decoration:underline;color:#264f9e}
#blog.index-page #layout #cl .ext {padding:20px 10px; display:none; height:calc(100vh - 200px); overflow-y:auto;}
#blog.index-page #layout #cl #tags{}
#blog.index-page #layout #cl #tags h3{margin-bottom:15px}
#blog.index-page #layout #cl #tags a{overflow:hidden;display:flex;margin-top:7px;flex-wrap:nowrap;gap:10px;justify-content: center;align-items: center}
#blog.index-page #layout #cl #tags a .image{flex:0 0 40px;width:40px;height:40px;display:block}
#blog.index-page #layout #cl #tags a .image img{width:70%;padding:15%;}
#blog.index-page #layout #cl #tags a.act .image img{width:80%;padding:10%;}
#blog.index-page #layout #cl #tags a:hover .image img{width:80%;padding:10%;}
#blog.index-page #layout #cl #tags a p{flex:0 0 calc(100% - 50px);display:block;}
#blog.index-page #layout #cl #tags a.act p{font-weight:600}
#blog.index-page #layout #cr {margin-top:30px}
#blog.index-page #content .results .blog {margin: 25px auto 0; background:#fff; border:1px solid #ddd; border-radius: 20px; overflow: hidden;}
#blog.index-page #content .results .blog .image {}
#blog.index-page #content .results .blog .image img {width:100%;}
#blog.index-page #content .results .blog .inf {padding:15px;}
#blog.index-page #content .results .blog .inf h2 {font-size: 20px; margin: 0;}
#blog.index-page #content .results .blog .inf .annotation {margin-top: 10px;}
#blog.index-page #content .results .blog .inf p.date {margin-top: 10px; font-size: 11px;}
#blog.index-page #content .results .blog.unvisible {opacity: 0.5;}


#blog.item-page{margin-top:132px}
#blog.item-page #cl{background:#fff;}
#blog.item-page #cr{margin-top:25px;padding-top:25px;border-top:1px solid #aaa}

#blog.item-page #cl .image{overflow:hidden;text-align:center}
#blog.item-page #cl .image img{max-width:100%;max-height:50vh;}
#blog.item-page #cl #text{width:100%;margin:40px auto 0px}
#blog.item-page #cl #text .justify{text-align:justify}
#blog.item-page #cl #text .hl{display:block; height:1px; border-bottom:3px solid #ddd; margin:20px 0}
#blog.item-page #cl p.date{margin-top:40px}

#blog.item-page #cr #tools {margin:40px 0}
#blog.item-page #cr #tools h3{}
#blog.item-page #cr #tools .content {}
#blog.item-page #cr #tools .content .tool-card {position:relative;margin-top:20px;border:1px solid #ddd; border-radius:8px; -webkit-border-radius:8px overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
#blog.item-page #cr #tools .content .tool-card img {width: 100%}
#blog.item-page #cr #tools .content .tool-card .inf {position:absolute;bottom:0;left:0;right:0;z-index:2;padding:5px 10px 10px;box-sizing:border-box;background:rgba(0,0,0,.6);}
#blog.item-page #cr #tools .content .tool-card .inf *{color:#fff}
#blog.item-page #cr #tools .content .tool-card .inf .title {position:relative;color: white; font-size:16px;margin-top:0}
#blog.item-page #cr #tools .content .tool-card .inf .title:after{display: block;content: '';width:75px;height:2px;margin:5px 0 8px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}




#vacancies{}
#vacancies.index-page {margin-top:112px;overflow:hidden}
#vacancies.index-page  #blogs {}
#vacancies.index-page #content .results .vacancy{margin:0; padding:10px 10px 20px; margin-bottom:16px; position:relative}
#vacancies.index-page #content .results .vacancy .inf {}
#vacancies.index-page #content .results .vacancy .inf h2{min-height:36px;line-height:28px;font-size:24px;color:#444;width:80%}
#vacancies.index-page #content .results .vacancy .inf .annotation{margin-top:15px}
#vacancies.index-page #content .results .vacancy .ext{margin-top:5px; display:block; height:30px;border-top:1px solid #eee}
#vacancies.index-page #content .results .vacancy .ext p{line-height:30px}
#vacancies.index-page #content .results .vacancy .admin-handle{display:none; position:absolute; top:30%; right:0; left:0; box-shadow:0 0 4px #ccc; z-index:9; text-align:center; background:rgba(0,0,0,.6)}
#vacancies.index-page #content .results .vacancy:hover .admin-handle{display:block}
#vacancies.index-page #content .results .vacancy .admin-handle a{display:block; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:30px}
#vacancies.index-page #content .results .vacancy.unvisible{opacity:.5; height:50px}
#vacancies.index-page #content .results .vacancy.unvisible .annotation{display:none}

#vacancies.item-page{}
#vacancies.item-page .page{}
#vacancies.item-page .textFormat{}
#vacancies.item-page .ext{}
#vacancies.item-page .response{overflow:hidden;margin:40px 0; width:100%; border:1px solid #eee; background:#fafafa; padding:5% 10%;box-sizing:border-box}
#vacancies.item-page .response .h1{margin-bottom:20px}
#vacancies.item-page .response input, #vacancies.item-page .response .btn{display:block; width:100%; margin-top:10px}
#vacancies.item-page .response textarea{display:block; width:100%; height:50px; margin-top:10px}






#cooperation.index-page{margin-top:112px;overflow:hidden}
#cooperation.index-page .page{width:90%;margin:30px auto;box-shadow:0 0 5px #eee}
#cooperation.index-page #main{}
#cooperation.index-page #main .cl{box-sizing:border-box;padding-bottom:25px;border-bottom:1px solid #eee}
#cooperation.index-page #main .cl .textFormat{margin:0 auto}
#cooperation.index-page #main .cr{box-sizing:border-box;padding-top:25px}
#cooperation.index-page #main .cr h2 span{font-size:16px}
#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{}
#cooperation.index-page #each h2{text-align:center;margin-bottom:50px}
#cooperation.index-page #each .cl{overflow:hidden}
#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('/uploads/images/common/sprites/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{overflow:hidden}

#cooperation.designers-page {margin:80px auto 100px}
#cooperation.designers-page .h1-wrap{margin-top:80px}
#cooperation.designers-page #public {}
#cooperation.designers-page #public .textFormat{}
#cooperation.designers-page #steps .line{margin:0 auto;margin-top:40px}
#cooperation.designers-page #steps .line .box {width:100%;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:78%}
#cooperation.designers-page #steps .line .box .image{float:left;width:20%}
#cooperation.designers-page #steps .line .box .image .icon{display:block;margin-top:30px;width:45px;height:45px;background-image:url('/uploads/images/common/sprites/cooperation-icons.png');background-size:130px;background-repeat:no-repeat}
#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{background:none;border:none}
#cooperation.designers-page #steps .line.l2 .box:last-child{border-top:1px solid #eee}
#cooperation.designers-page #steps .line.l2 .box .image{display:none}
#cooperation.designers-page #steps .line.l2 .box .text{width:100%}
#cooperation.designers-page #steps .l1 .image .icon{background-position:-42px}
#cooperation.designers-page #steps .l3 .image .icon{background-position:2px}
#cooperation.designers-page #steps .l4 .image .icon{background-position:2px}
#cooperation.designers-page #benefits{margin-top:80px}
#cooperation.designers-page #benefits .i{width:33%;float:left;padding:30px 3%;box-sizing:border-box}
#cooperation.designers-page #benefits .i p{font-size:13px;line-height:18px;font-weight:300}
#cooperation.designers-page .auth{display:block;margin:60px auto;height:80px;width:60%;font-size:20px;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 100px}
#cooperation.b2b-page .page{width:90%;margin:30px auto;box-shadow:0 0 5px #eee}



#solutions{}
#solutions.index-page {margin-top:112px; min-height:200px}
#solutions.index-page .search {width:100%;margin:0 auto 50px}
#solutions.index-page .search input{width:100%;height:40px;font-size:18px;line-height:40px;border-radius:0;background:#fff;padding:0 10px;border:none;box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#solutions.index-page .search input:focus{background:#f1f1f1;border:1px solid #ccc}
#solutions.index-page .search .tags{margin-top:5px}
#solutions.index-page .search .tags span{color:#264f9e;margin-right:5px}
#solutions.index-page #content{overflow:hidden; border-top:1px solid #eee;padding-top:20px}
#solutions.index-page #content .col{float:left; width:48%; margin:0 1%}
#solutions.index-page #content .col .wrap{margin-bottom:20px;border:1px solid #ddd}
#solutions.index-page #content .col .wrap .image{display:block; text-align:center}
#solutions.index-page #content .col .wrap .image img{width:100%; max-width:350px;vertical-align:bottom}
#solutions.index-page #content .col .wrap p{display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;padding:10px 20px;box-sizing:border-box;color:#fff}

#solutions.search-page {}
#solutions.search-page .page{margin-top:112px; min-height:200px}
#solutions.search-page .page .back {font-size:18px;line-height:18px;margin-top:20px;display:block}
#solutions.search-page .page .search {width:100%;margin:20px auto 50px}
#solutions.search-page .page .search input{width:100%;height:40px;font-size:18px;line-height:40px;border-radius:0;background:#fff;padding:0 10px;border:none;box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#solutions.search-page .page .search input:focus{background:#f1f1f1;border:1px solid #ccc}
#solutions.search-page .page .search .tags{margin-top:5px}
#solutions.search-page .page .search .tags span{color:#264f9e;margin-right:5px}
#solutions.search-page .page #content{overflow:hidden}
#solutions.search-page .page #content .solution{width:100%;margin:0 auto 20px;box-sizing:border-box}
#solutions.search-page .page #content .solution .image{float:left;width:30%;display:block; text-align:center}
#solutions.search-page .page #content .solution .image img{width:100%}
#solutions.search-page .page #content .solution .inf {float:right;width:68%}
#solutions.search-page .page #content .solution .inf .title{display:block;font-size:16px;line-height:24px;font-weight:700}
#solutions.search-page .page #content .solution .inf .annotation{display:block;margin-top:10px}



#solutions.item-page #wallpaper_wrap {position: relative; top: 0; height: 100vh; width: 100%; overflow: hidden}
#solutions.item-page #wallpaper_wrap .image_wrap {position: relative; width: 100%; height: 100%; overflow: hidden}
#solutions.item-page #wallpaper_wrap .image_wrap::after {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.5;pointer-events: none;z-index:1}
#solutions.item-page #wallpaper_wrap .image_wrap img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0}
#solutions.item-page #wallpaper_wrap .image_wrap #breadcrumbs {margin-top:120px;position:relative;z-index:2}
#solutions.item-page #wallpaper_wrap .image_wrap #breadcrumbs *{color:#fff}
#solutions.item-page #wallpaper_wrap .image_wrap .txt {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); text-align: left; color: #fff; z-index: 2}
#solutions.item-page #wallpaper_wrap .image_wrap .txt h1,
#solutions.item-page #wallpaper_wrap .image_wrap .txt h1 * {font-weight: 400; font-size:30px; line-height: 120%; color: #fff; text-shadow: 0 1px 1px #000; }
#solutions.item-page #wallpaper_wrap .image_wrap .txt .cursor {display: inline-block; font-weight: bold; font-size:30px; color: #fff; animation: blink 1s step-end infinite}
@keyframes blink {50% {opacity: 0;}}
#solutions.item-page #wallpaper_wrap .image_wrap .txt .order-button {display: inline-block; margin-top: 20px; padding: 10px 20px; font-size: 22px; font-weight: 400; color: #fff; background-color: rgba(255, 255, 255, 0.2); border: 2px solid rgba(255, 255, 255, 0.4); border-radius: 30px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; backdrop-filter: blur(2px); -webkit-backdrop-filter: blur(2px); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);  }
#solutions.item-page #wallpaper_wrap .image_wrap .txt .order-button:hover {background-color: rgba(255, 255, 255, 0.4)}

#solutions.item-page #portfolio {margin:50px auto 20px}
#solutions.item-page #portfolio h2{width:95%;margin:0 auto;border-bottom:2px solid #000}
#solutions.item-page #portfolio .content{width:95%;margin:50px auto 0}
#solutions.item-page #portfolio .i{overflow:hidden}
#solutions.item-page #portfolio .i .wrap {padding:2%;box-sizing:border-box}
#solutions.item-page #portfolio .i .wrap .item{display:block;border:1px solid #eee;background:#fafafa;border-radius:10px;overflow:hidden}
#solutions.item-page #portfolio .i .wrap img{width:100%}
#solutions.item-page #portfolio .i .wrap p{font-size:13px;padding:15px 10px 10px;line-height:150%}

#solutions.item-page .slick-prev,
#solutions.item-page .slick-next {opacity:0;width:30px!important; height:30px!important; background:rgba(0,0,0,.5)!important; border:1px solid #999!important; border-radius: 50%!important; display: flex!important; align-items: center!important; justify-content: center!important; z-index: 1000!important; cursor: pointer!important}
#solutions.item-page .slider:hover .slick-prev,
#solutions.item-page .slider:hover .slick-next {opacity:1}
#solutions.item-page .slick-prev::before,
#solutions.item-page .slick-next::before {opacity:1!important; color:#fff!important; font-weight:700!important; font-size:26px!important}
#solutions.item-page .slick-prev {margin-left:3%!important}
#solutions.item-page .slick-next {margin-right:3%!important}
#solutions.item-page .slick-prev:hover,
#solutions.item-page .slick-next:hover {background-color: darkgray}

#solutions.item-page #cl{float:none;width:100%}
#solutions.item-page #cr{float:none;width:100%}
#solutions.item-page #cl .page{margin-top:0;padding-top:0}
#solutions.item-page #cr #subsections{margin:20px 0 40px}
#solutions.item-page #cr #subsections .i {overflow:hidden;width:100%;padding:5px;margin-top:10px;background:#fefefe;border:1px solid #eee;box-sizing:border-box}
#solutions.item-page #cr #subsections .i .image{float:left;display:block;width:20%}
#solutions.item-page #cr #subsections .i .image img{width:100%}
#solutions.item-page #cr #subsections .i p{float:right;display:block;width:75%;font-size:13px;line-height:18px}

#solutions.item-page #text .slider_items{margin:30px auto}
#solutions.item-page #text .slider_items .content{}
#solutions.item-page #text .slider_items .i{overflow:hidden}
#solutions.item-page #text .slider_items .i .wrap {padding:2%;box-sizing:border-box}
#solutions.item-page #text .slider_items .i .wrap .item{display:block;border:1px solid #eee;background:#fafafa;border-radius:10px;overflow:hidden}
#solutions.item-page #text .slider_items .i .wrap img{width:100%}
#solutions.item-page #text .slider_items .i .wrap p{font-size:14px;padding:15px 10px 10px;line-height:150%}
#solutions.item-page #text .slider_items .i .wrap a{text-decoration:none!important}

#solutions.item-page #text .slider_images{margin:30px auto}
#solutions.item-page #text .slider_images .content{}
#solutions.item-page #text .slider_images .i{overflow:hidden}
#solutions.item-page #text .slider_images .i .wrap {padding:2%;box-sizing:border-box}
#solutions.item-page #text .slider_images .i .wrap .item{display:block;border:1px solid #eee;background:#fafafa;border-radius:10px;overflow:hidden}
#solutions.item-page #text .slider_images .i .wrap img{width:100%}

#solutions.item-page #cr #tools {margin:70px 0}
#solutions.item-page #cr #tools h3{}
#solutions.item-page #cr #tools .content {}
#solutions.item-page #cr #tools .content .tool-card {position:relative;margin-top:20px;border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); transition: transform 0.3s, box-shadow 0.3s; }
#solutions.item-page #cr #tools .content .tool-card img {width: 100%}
#solutions.item-page #cr #tools .content .tool-card .inf {position:absolute;bottom:0;left:0;right:0;z-index:2;padding:10px 15px 15px;box-sizing:border-box;background:rgba(0,0,0,.6);}
#solutions.item-page #cr #tools .content .tool-card .inf *{color:#fff}
#solutions.item-page #cr #tools .content .tool-card .inf .title {position:relative;color: white; font-size:16px;margin-top:0}
#solutions.item-page #cr #tools .content .tool-card .inf .title:after{display: block;content: '';width: 75px;height:2px;margin:10px 0 12px;background: rgb(237,71,106);background: -moz-linear-gradient(-45deg,rgba(237,71,106,1) 0%, rgba(250,127,31,1) 100%);background: -webkit-linear-gradient(-45deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);background: linear-gradient(135deg,rgba(237,71,106,1) 0%,rgba(250,127,31,1) 100%);}

#solutions.item-page .getConsultation{margin-top:30px;min-height:200px!important}
#solutions.item-page .getConsultation .head {}
#solutions.item-page .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400}
#solutions.item-page .getConsultation .head h3.act{color:#ff0f00}
#solutions.item-page .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center}
#solutions.item-page .getConsultation .content{width:70%;margin:50px auto}
#solutions.item-page .getConsultation .content .cl{display:none}
#solutions.item-page .getConsultation .content .cr{width:80%;float:none;margin:0 auto}
#solutions.item-page .getConsultation .content .cr .form{width:100%; margin:20px auto 0}
#solutions.item-page .getConsultation .content .cr .form input{width:100%; height:40px; line-height:30px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #aaa}
#solutions.item-page .getConsultation .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090}
#solutions.item-page .getConsultation .content .cr .form .line input{width:48%; border:1px solid #eee}
#solutions.item-page .getConsultation .content .cr .form textarea{width:100%; height:60px; line-height:18px; font-size:13px; padding:5px; margin-bottom:10px; box-sizing:border-box; border:1px solid #ccc}
#solutions.item-page .getConsultation .content .cr .form .btn{width:100%; box-sizing:border-box}



#faq{}
#faq.index-page {margin-top:112px; min-height:200px}
#faq.index-page .search {width:100%;margin:0 auto 50px}
#faq.index-page .search input{width:100%;height:40px;font-size:18px;line-height:40px;border-radius:0;background:#fff;padding:0 10px;border:none;box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#faq.index-page .search input:focus{background:#f1f1f1;border:1px solid #ccc}
#faq.index-page .search .tags{margin-top:5px}
#faq.index-page .search .tags span{color:#264f9e;margin-right:5px}
#faq.index-page #content{overflow:hidden; border-top:1px solid #eee;padding-top:20px}
#faq.index-page #content .col{float:left; width:48%; margin:0 1%}
#faq.index-page #content .col .l1-wrap{margin-bottom:20px;border:1px solid #ddd}
#faq.index-page #content .col .l1-wrap .image{display:block; text-align:center}
#faq.index-page #content .col .l1-wrap .image img{width:100%; max-width:350px}
#faq.index-page #content .col .l2-wrap .l2{margin-top:1px; display:block; color:#373737; background:#f9f9f9; padding:6px 15px; line-height:16px; font-size:12px}
#faq.index-page #content .col .l2-wrap a:first-child .l2{line-height:20px;color:#000;font-size:13px}
#faq.index-page #content .col .l2-wrap .l2:hover{background:#6b6b6b;color:#fff!important}
#faq.index-page #content .col .l2-wrap .l3{margin-top:1px; display:block; color:#373737; background:#f9f9f9; padding:6px 15px 6px 30px; line-height:16px; font-size:11px}
#faq.index-page #content .col .l2-wrap .l3:hover{background:#6b6b6b;color:#fff}

#faq.search-page {}
#faq.search-page .page{margin-top:112px; min-height:200px}
#faq.search-page .page .back {font-size:18px;line-height:18px;margin-top:20px;display:block}
#faq.search-page .page .search {width:100%;margin:20px auto 50px}
#faq.search-page .page .search input{width:100%;height:40px;font-size:18px;line-height:40px;border-radius:0;background:#fff;padding:0 10px;border:none;box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#faq.search-page .page .search input:focus{background:#f1f1f1;border:1px solid #ccc}
#faq.search-page .page .search .tags{margin-top:5px}
#faq.search-page .page .search .tags span{color:#264f9e;margin-right:5px}
#faq.search-page .page #content{overflow:hidden}
#faq.search-page .page #content .solution{width:100%;margin:0 auto 20px;box-sizing:border-box}
#faq.search-page .page #content .solution .image{float:left;width:30%;display:block; text-align:center}
#faq.search-page .page #content .solution .image img{width:100%}
#faq.search-page .page #content .solution .inf {float:right;width:68%}
#faq.search-page .page #content .solution .inf .title{display:block;font-size:16px;line-height:24px;font-weight:700}
#faq.search-page .page #content .solution .inf .annotation{display:block;margin-top:10px}

#faq.item-page{}
#faq.item-page .page{margin-top:112px; min-height:200px}
#faq.item-page #postHead {}
#faq.item-page #postHead img{overflow:hidden;width:100%;display:block}
#faq.item-page #text{width:100%;margin:40px auto 0px}
#faq.item-page #text .justify{text-align:justify}
#faq.item-page #text .hl{display:block; height:1px; border-bottom:3px solid #ddd; margin:20px 0}
#faq.item-page #ext{margin-top:40px}
#faq.item-page #subsections{margin-top:50px;padding-top:20px; border-top:1px solid #eee;}
#faq.item-page #subsections a{display:block;margin-top:5px;color:#264f9e}



/*
   search page
*/
#search {}
#search .page{margin-top:112px; min-height:200px}
#search .search {width:100%;margin:20px auto 50px}
#search .search input{width:100%;height:40px;font-size:18px;line-height:40px;border-radius:0;background:#fff;padding:0 10px;border:none;box-sizing:border-box;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#search .search input:focus{background:#f1f1f1;border:1px solid #ccc}
#search h2{margin:0 0 30px;border-bottom:1px solid #666;padding-bottom:10px}

#search #items{margin:20px auto; padding:20px;border:1px solid #eee; background:#fafafa}
#search #items .line .item00{margin:0; padding:10px 10px 20px; margin-bottom:16px; position:relative;background:#fff; border:1px solid #ccc}
#search #items .line .item00 .body{overflow:hidden; position:relative}
#search #items .line .item00 .cl {width:80%; float:left}
#search #items .line .item00 .cl .img {width:50%; float:left}
#search #items .line .item00 .cl .img img{width:100%}
#search #items .line .item00 .cl .inf{width:30%; float:left}
#search #items .line .item00 .cl .inf .parameters{margin-top:20px}
#search #items .line .item00 .cl .inf .parameters .box{overflow:hidden; height:18px}
#search #items .line .item00 .cl .inf .parameters .box div:first-child{display:none}
#search #items .line .item00 .cl .inf .parameters .box div:last-child{display:block; float:none; font-size:13px; line-height:18px; margin:0!important;text-align:center}
#search #items .line .item00 .cl .inf .parameters .box div:last-child small{font-size:10px}
#search #items .line .item00 .cr{width:100%;margin-top:20px}
#search #items .line .item00 .cr .title{display:block; font-size:16px;font-weight:300; color:#333; margin:5px 20px 5px 0!important}
#search #items .line .item00 .cr .title .highlight{display: inline-block;background:#fffe80;font-size:16px;font-weight:300; color:#333}
#search #items .line .item00 .cr .annotation{line-height:14px; min-height:38px; font-size:11px; margin:15px 20px 20px 0}
#search #items .line .item00 .ext {padding:5px 0}
#search #items .line .item00 .ext .kit{float:left;font-size:11px;line-height:20px;color:#aaa;font-weight:400}
#search #items .line .item00 .ext .stock{float:left;margin-left:7px;padding-left:7px; border-left:1px solid #eee;font-size:11px;line-height:20px;color:#aaa;font-weight:400}
#search #items .line .item00 .ext .article{float:left;margin-left:7px;padding-left:7px; border-left:1px solid #eee;font-size:11px;line-height:20px;color:#aaa;font-weight:400}
#search #items .line .item00 .ext span{font-size:11px;line-height:20px;color:#333;font-weight:400}
#search #items .line .item00 .cart{position:absolute;display:inline-block;bottom:15px;right:15px;width:40px;height:40px;border:1px solid #eee;border-radius:25px;background:url('/uploads/images/common/icons/head/cart.png') center center no-repeat;background-size:30px 30px}
#search #items .line .item00 .cart:hover{background-image:url('/uploads/images/common/icons/head/cart-act.png');background-size:35px 35px}
#search #items .line .item00 .price{position:absolute; min-width:50px; height:14px; top:10px; right:10px; z-index:9; text-align:center; display:block; padding:5px 10px; color:#000; font-size:20px; line-height:20px}
#search #items .line .item00 .price span{font-size:10px}
#search #items .line .item00 .price .prices{position:absolute; left:-220px; top:0; width:200px; background:#fff; box-shadow:0 0 5px #888; padding:4px 10px; z-index:999}
#search #items .line .item00 .price .prices div{width:48%; font-size:11px; line-height:14px; text-align:left}
#search #items .line .item00 .price:hover .prices{display:block}
#search #items .line .item00.sale::after{content:'pro';color:#484848;font-size:10px;line-height:12px;font-weight:700;position:absolute;left:4px;top:4px;padding:2px;background:#fff;border:1px solid #eee;border-radius:2px}

#search #faq {margin:20px auto; padding:20px;border:1px solid #eee; background:#fafafa}
#search #faq .question {margin-top:15px; padding-top:15px; border-top:1px solid #eee}
#search #faq .question:first-child {margin-top:0; padding-top:0; border-top:none}
#search #faq .question .title{display:block;font-size:16px;line-height:17px;font-weight:700}
#search #faq .question .title .highlight{display: inline-block;background:#fffe80;font-size:16px;line-height:17px;font-weight:700}
#search #faq .question .annotation{display:block;margin-top:5px}
#search #faq .question .highlight{display: inline-block;background:#fffe80}

#search #solutions{margin:20px auto; padding:20px;border:1px solid #eee; background:#fafafa}
#search #solutions .solution{width:100%;margin:0 auto 20px;box-sizing:border-box}
#search #solutions .solution .image{float:left;width:30%;display:block; text-align:center}
#search #solutions .solution .image img{width:100%}
#search #solutions .solution .inf {float:right;width:65%}
#search #solutions .solution .inf .title{display:block;font-size:16px;line-height:24px;font-weight:700}
#search #solutions .solution .inf .title .highlight{display:inline-block;background:#fffe80;font-size:16px;line-height:24px;font-weight:700}
#search #solutions .solution .inf .annotation{display:block;margin-top:10px}
#search #solutions .solution .inf .annotation .highlight{display: inline-block;background:#fffe80}

#search #orders{margin:20px auto; padding:20px;border:1px solid #eee; background:#fafafa}
#search #orders .order.status0{background: #f8f8f8}
#search #orders .order.status1{background: #f8f5ce}
#search #orders .order.status2{background: #f8d1c0}
#search #orders .order.status3{background: #feffb5}
#search #orders .order.status4{background: #bff8cf}
#search #orders .order.status5{background: #ca98e1}
#search #orders .order.status6{background: #25e156}
#search #orders .order.status7{background: #d5f0f8}
#search #orders .order.status8{opacity:.2;background: #a6d8f8}
#search #orders .order.status9{opacity:.1}
#search #orders .order.status10{background:#f8c527;opacity:.5}
#search #orders .order.status11{opacity:.1}
#search #orders .order.status12{background: #25e156;opacity:.5}
#search #orders .order.status13{opacity:.1}
#search #orders .order{overflow:hidden; height:25px; margin:0 0 3px; padding:4px; border:1px solid #ddd}
#search #orders .order span{display:block; float:left; height:25px; line-height:25px; margin:0 0.5%}
#search #orders .order .store{display:none}
#search #orders .order .date{display:none}
#search #orders .order .doc{width:4%; font-weight:700}
#search #orders .order .pay{width:5%; font-weight:400}
#search #orders .order .payment{width:5%}
#search #orders .order .payment.type0{background:url('/uploads/images/common/icons/payment/money.png') center center no-repeat; background-size:contain}
#search #orders .order .payment.type1{background:url('/uploads/images/common/icons/payment/card.png') center center no-repeat; background-size:contain}
#search #orders .order .payment.type2{background:url('/uploads/images/common/icons/payment/invoice.png') center center no-repeat; background-size:contain}
#search #orders .order .number{width:8%; font-weight:700;font-size:9px}
#search #orders .order .name{width:33%;font-size:10px}
#search #orders .order .name.h{display:none}
#search #orders .order .phone{display:none}
#search #orders .order .company{width:33%;font-size:10px}
#search #orders .order .company.h{display:none}
#search #orders .order .editCompany{display:none}
#search #orders .order .status{width:14%; position:relative}
#search #orders .order .status select{width:100%; height:20px}
#search #orders .order .status div{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}
#search #orders .order .status div a{display:block;float:left;width:50%;border:1px solid #eaeaea;background:#fafafa;box-sizing:border-box;text-align:center}
#search #orders .order .sum{width:23%;font-size:10px;text-align:right}

#search #users{margin:54px auto 100px}
#search #users .oh .user{float:left;overflow:hidden;width:48.5%;margin:20px 0 0 1%;min-height:20px;padding:10px;border:1px solid #eee;border-radius:5px;box-sizing:border-box}
#search #users .oh .user.online{background:#d8fdd9;border:1px solid #f1f1f1}
#search #users .oh .user.act{background:#e8f3fd;border:1px solid #f1f1f1}
#search #users .oh .user.death{background:#fdedf0;border:1px solid #f1f1f1}
#search #users .oh .user.inact{opacity:.5}
#search #users .oh .user .content{overflow:hidden}
#search #users .oh .user .content .cl{float:left;width:20%}
#search #users .oh .user .content .cl .imgWrap{margin-top:10px;display:block;width:54px;min-width:54px;height:54px;border-radius:50%;overflow:hidden}
#search #users .oh .user .content .cl .imgWrap img{width:100%;border-radius:50%}
#search #users .oh .user .content .cr{float:left;width:70%}
#search #users .oh .user .content .cr span{overflow:hidden;display:block;height:20px;margin-top:5px}
#search #users .oh .user .content .cr span p{font-size:11px;float:left;width:45%;padding:0 5px;overflow:hidden;box-sizing:border-box;display:block;height:20px;line-height:20px;margin:0 0 0 5px}
#search #users .oh .user .content .cr span p.island{border:1px solid #ddd;border-radius:5px}

/*
===============================
      === portfolio ===
===============================
*/
#portfolio{}
#portfolio.index-page {margin:142px auto; min-height:200px}
#portfolio.index-page .tags{margin-top:5px}
#portfolio.index-page .tags span{color:#264f9e;margin-right:5px}
#portfolio.index-page #content{overflow:hidden;margin-top:20px;width:102%}
#portfolio.index-page #content .item{float:left;width:48%;box-sizing:border-box;margin:20px 2% 0 0}
#portfolio.index-page #content .item img{width:100%}
#portfolio.index-page #content .item img.avatar{width:100%;position:absolute;top:0;left:0;z-index:2}
#portfolio.index-page #content .item img.avatar_preview{width:100%;position:absolute;top:0;left:0;z-index:1}
#portfolio.index-page #content .item .title{font-size:16px;line-height:22px;display:block;position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;padding:10px 20px;box-sizing:border-box;color:#fff}
@media (max-width:500px)
{
   #portfolio.index-page #content{overflow:hidden;margin-top:20px;width:100%}
   #portfolio.index-page #content .item{float:none;width:100%;box-sizing:border-box;margin:20px 0 0}
}



#portfolio.item-page {margin:132px auto;}

#portfolio.item-page #gallery { display: grid; grid-template-columns: repeat(3, 1fr); }
#portfolio.item-page #gallery .image { padding:5px; box-sizing: border-box; position: relative; overflow: hidden; grid-column: span 1; grid-row: span 1; aspect-ratio: 1 / 1;}
#portfolio.item-page #gallery .image img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 0 5px #888; }
#portfolio.item-page #gallery .image.size-1x2 { grid-column: span 2; grid-row: span 1; aspect-ratio: 2 / 1; }

#portfolio.item-page #inf{margin-top:50px}
#portfolio.item-page #inf .cl{float:none}
#portfolio.item-page #inf .cr{float:none; margin-top:50px}

#portfolio.item-page #inf .cr .content .item a{display:flex;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid #eee}
#portfolio.item-page #inf .cr .content .item:first-child a{border:none}
#portfolio.item-page #inf .cr .content .item .image{width:30%;display:block}
#portfolio.item-page #inf .cr .content .item .image img{width:100%;display:block}
#portfolio.item-page #inf .cr .content .item .title{width:60%;font-weight:400;margin-left:10%}

#portfolio.item-page #portfolio_ext{margin-top:50px}

#portfolio.item-page #request_form{margin-top:100px;border-top:1px solid #eee}
#portfolio.item-page #request_form .head {margin-top:40px!important}
#portfolio.item-page #request_form .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400}
#portfolio.item-page #request_form .head h3.act{color:#ff0f00}
#portfolio.item-page #request_form .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center}
#portfolio.item-page #request_form .btn{display:block;margin:20px auto;width:50%;height:50px;line-height:50px;box-sizing:border-box}


#team.item-page .page{margin-top:120px}