#main-page{margin-top:80px} @keyframes mymove{0%{bottom:6%}50%{bottom:5%}100%{bottom:6%}} #main-page #slide{background:url('/uploads/images/common/main_slide_v2.jpg') center 0 no-repeat fixed; background-size:cover; max-height:1020px; margin:0 auto; width:100%; max-width:2560px; position:relative} #main-page #slide span {position:absolute;text-align:center;bottom:6%;left:50%;margin-left:-30px;z-index:3;color:#fff;width:60px;height:60px;background:url('/uploads/images/common/sprites/slide_arrow_down.png');background-size:cover;-webkit-animation-name:mymove;animation-name:mymove;-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} /* sections */ #main-page #sections h1{margin-bottom:30px;font-size:26px;text-align:center;line-height:26px;color:#000} #main-page #sections h1 small{font-size:14px;text-transform:uppercase; color:#b9712f} #main-page #sections{margin-top:30px;border-bottom:1px solid #aaa;padding-bottom:50px} #main-page #sections .section {display:block;overflow:hidden;text-align:center;vertical-align:top;padding:20px 10px;float:left;width:20%;box-sizing:border-box;min-height:200px} #main-page #sections .section img{width:70%} #main-page #sections .section p {display:block;margin-top:10px;font-size:13px;line-height:18px} #main-page #sections .section:hover img{transform: scale(1.2)} /* promo_pages */ #main-page #promo_pages {border-top:1px solid #eee;margin:0 auto 50px;padding:60px 0 40px} #main-page #promo_pages .wrap{margin-left:-5.33%} #main-page #promo_pages .wrap .i{display:block;width:28%;float: left;margin-left:5.33%;margin-top:25px;box-sizing:border-box;z-index: 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:13px;text-align:left;font-weight:700;position:absolute;top:auto;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);z-index:2;padding:20px 20px 20px;box-sizing:border-box;color:#fff;text-transform:uppercase;text-shadow:5px 1px 10px #000} #main-page #promo_pages .wrap .i:hover .title{top:0;font-size:18px;text-align:center;padding-top:80%} /* manufacture */ #main-page #manufacture{} #main-page #manufacture img{width:100%} #main-page #manufacture .filter{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background: #000;opacity: 0.6} #main-page #manufacture h1{position:absolute;left:0;right:0;top:50%;margin-top:-20px;z-index:2;font-size:40px;font-weight:700;text-align:center;line-height:45px;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase} #main-page #manufacture h1 span{font-size:20px;line-height:35px;font-weight:700;color:#fff;text-shadow:#000 0 0 2px;text-transform:uppercase} /* annotation */ #main-page #annotation{border-top:1px solid #ccc} #main-page #annotation .getConsultation .head {margin-top:40px!important} #main-page #annotation .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400} #main-page #annotation .getConsultation .head h3.act{color:#ff0f00} #main-page #annotation .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center} #main-page #annotation .getConsultation .content{width:70%;margin:50px auto} #main-page #annotation .getConsultation .content .cl{width:60%;float:left} #main-page #annotation .getConsultation .content .cr{width:30%;float:right} #main-page #annotation .getConsultation .content .cr .form{width:100%; margin:20px auto 0} #main-page #annotation .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} #main-page #annotation .getConsultation .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090} #main-page #annotation .getConsultation .content .cr .form .line input{width:48%; border:1px solid #eee} #main-page #annotation .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} #main-page #annotation .getConsultation .content .cr .form .btn{width:100%; box-sizing:border-box} #main-page #annotation .about {width:70%;margin:100px auto;border-top:1px solid #ccc;padding-top:100px} /* portfolio */ #main-page #portfolio {margin:50px auto 0;padding:30px 20px;box-shadow: 1px 1px 10px#eee} #main-page #portfolio h3{font-size:20px;margin:0 auto 10px;text-align:center} #main-page #portfolio p{font-style:italic;font-size:12px;line-height:16px;text-align:center} #main-page #portfolio .portfolio_gallery{width:90%;margin:30px auto 0} #main-page #portfolio .portfolio_gallery .item{box-sizing:border-box;padding:0 10px} #main-page #portfolio .portfolio_gallery .item .image{width:100%} #main-page #portfolio .portfolio_gallery .item .image img{width:100%} #main-page #portfolio .portfolio_gallery .item .title{font-size:13px;line-height:18px;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} #main-page #portfolio .portfolio_gallery .slick-prev, #main-page #portfolio .portfolio_gallery .slick-next{border:none!important;background:none!important} #main-page #portfolio .portfolio_gallery .slick-prev{left:-15px} #main-page #portfolio .portfolio_gallery .slick-next{right:-15px} /* partners */ #main-page #partners {margin:70px auto 150px;padding:0 20px} #main-page #partners h3{font-size:20px;margin:0 auto 10px;text-align:center} #main-page #partners p{font-style:italic;font-size:12px;line-height:16px;text-align:center} #main-page #partners .gallery{width:90%;margin:20px auto 0} #main-page #partners .gallery .wr{overflow:hidden} #main-page #partners .gallery .wr span{display:block;padding:20px} #main-page #partners .gallery .wr span img{width:100%} #main-page #partners .gallery .slick-prev{left:-5%} #main-page #partners .gallery .slick-next{right:-5%} #main-page #partners .gallery .slick-prev, #main-page #partners .gallery .slick-next{border:none!important;background:none!important} /* catalog - все стили для каталога */ #catalog{margin-top:110px} #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%} .parameters{} .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} .parameters .box{overflow:hidden; height:24px} .parameters .box div:first-child{display:block; float:left; width:150px; text-align:right; font-size:12px; line-height:24px; color:#555} .parameters .box div:last-child{display:block; float:left; font-size:13px; line-height:24px; margin-left:5px} .parameters .box span{margin-left:2px} .parameters .box span.color{display:inline-block;height:12px;width:12px;border-radius:6px;border:1px solid #fff;margin-top:2px} .color.gray{background:#666} .color.white{background:#fff;border-color:#eee} .color.ral9010{background:#fff;border-color:#eee} .color.ral9005{background:#000;border-color:#eee} .color.super-warm-white{background:#FCFCA0;border-color:#e6e68b} .color.warm-white{background:#FCFCA0;border-color:#e6e68b} .color.day-white{background:#F8F0C0;border-color:#e8e0b1} .color.cool-white{background:#d7ecff} .color.super-cool-white{background:#d7ecff} .color.red{background:#ff0f00} .color.black{background:#333} .color.blue{background:#0073c6} .color.yellow{background:#fffd72} .color.orange{background:#ff8a57} .color.green{background:#008e14} .color.ir{background:#8e615e} .color.uv{background:#706a8e} .color.pink{background:#ffd2dc} .color.anodized-black, .color.anod-black {background:#111;border-color:#000} .color.anodized-silver, .color.anod-silver{background:#ddd;border-color:#ccc} #items .item .admin-handle{display:none; position:absolute; height:30px; top:50%; margin-top:-10px; right:0; left:0; box-shadow:0 0 4px #ccc; z-index:9; text-align:center; background:rgba(0,0,0,.6)} #items .item:hover .admin-handle{display:block} #items .item .admin-handle a{margin-right:20px; color:#fff; font-size:13px; font-weight:700; line-height:30px} #catalog.sections00-page {margin-top:82px; min-height:720px} #catalog.sections00-page #menu{} #catalog.sections00-page #menu .col{float:left; width:18%; margin:0 1%} #catalog.sections00-page #menu .col .l1-wrap{margin-bottom:20px} #catalog.sections00-page #menu .col .l1-wrap .image{display:block; text-align:center; border:1px solid #f1f1f1} #catalog.sections00-page #menu .col .l1-wrap .image img{width:100%; max-width:222px} #catalog.sections00-page #menu .col .l1-wrap .title{cursor:pointer; display:block; color:#373737; background:#f1f1f1 url('/api/in/images/menu_down.png') 162px center no-repeat; padding:8px 20px 8px 8px; line-height:18px; font-weight:700} #catalog.sections00-page #menu .col .l1-wrap a:hover .title{background:#84ABD7; color:#fff} #catalog.sections00-page #menu .col .l2-wrap .l2{margin-top:1px; display:block; color:#373737; background:#f9f9f9; padding:6px 15px; line-height:16px; font-size:12px} #catalog.sections00-page #menu .col .l2-wrap .l2:hover{background:#DBE8FF} #catalog.sections01-page {margin-top:62px!important} #catalog.sections01-page #items{background:#f7f7f7;overflow:hidden;padding:50px 0 20px} #catalog.sections01-page #items .ly{margin-bottom:30px} #catalog.sections01-page #items .item{float:left;padding:30px;margin:0.5%;width:19%;border:1px solid #eee;background:#fff;box-sizing:border-box} #catalog.sections01-page #items .item:hover{border:1px solid #ccc} #catalog.sections01-page #items .item.section{background:#fff;border:1px solid #ddd!important;} #catalog.sections01-page #items .item.section .absWrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff} #catalog.sections01-page #items .item.section .absWrap p{font-weight:700;color:#333;font-size:20px;line-height:26px;text-align:center;display:table-cell;vertical-align:middle;text-transform:uppercase} #catalog.sections01-page #items .item.section.ext .absWrap p{font-size:16px;line-height:22px} #catalog.sections01-page #items .item .image{} #catalog.sections01-page #items .item .image img{width:100%} #catalog.sections01-page #items .item .title{display:none} #catalog.sections01-page #items .item .price{position:absolute;bottom:-10px;left:0;right:0;z-index:2;font-size:10px;color:#666;text-align:center} #catalog.index00-page{overflow:hidden} #catalog.index00-page .showCatalogExtOption{display:none} #catalog.index00-page #l{ position:relative;float:left;width:22%;box-sizing:border-box; box-shadow:25px 0 25px -30px #ddd;-webkit-box-shadow:25px 0 25px -30px #ddd;-moz-box-shadow:25px 0 25px -30px #ddd } #catalog.index00-page #l.down{position:fixed;float:none;top:90px} #catalog.index00-page #lw{ width:100%;margin:0;overflow:hidden;box-sizing:border-box; } #catalog.index00-page #lw #lwc{ width:100%;margin:0;overflow:auto;overflow-x:hidden;box-sizing:border-box; padding:0 20px 80px 0; box-shadow:25px 0 25px -30px #ddd;-webkit-box-shadow:25px 0 25px -30px #ddd;-moz-box-shadow:25px 0 25px -30px #ddd } #catalog.index00-page #lw #lwc::-webkit-scrollbar{width:2px;background:#fff} #catalog.index00-page #lw #lwc::-webkit-scrollbar-thumb{background:#ccc} #catalog.index00-page #lw #lwc::-webkit-scrollbar-corner{background:#fff} #catalog.index00-page .lwl{height:1px;margin-bottom:10px;box-shadow:0 1px 8px 1px #ccc;-webkit-box-shadow:0 1px 8px 1px #ccc;-moz-box-shadow:0 1px 8px 1px #ccc} #catalog.index00-page .lwl.b{margin-top:10px} #catalog.index00-page #l #lwhead{padding:0 10px 10px 0; text-align: center;height:100px!important; font-weight:400!important; display:block; font-size:16px; line-height:25px; background:#fff} #catalog.index00-page #l #lwhead .title{display:block;float:left;width:auto;font-size:12px;line-height:20px;text-transform:uppercase} #catalog.index00-page #l #lwhead .count{display:block;float:left;text-align:left;margin-left:5px;width:20%;font-size:11px;line-height:20px;font-weight:700} #catalog.index00-page #l #lwhead .off{display:block;float:right;width:25%;top:55px; right:10px; text-align:center;font-size:12px;line-height:20px;background:#f9f9f9;border:1px solid#eee;color:#333;font-weight:400} #catalog.index00-page #l #lwhead .on{display:block;float:right;width:25%;top:55px;height:20px;right:10px; text-align:center;background:#ee615d;border:1px solid#ccc;font-weight:400;border-left:0} #catalog.index00-page #l #lwhead .on .rel{position:relative;font-size:12px;line-height:20px;color:#fff;text-decoration:underline} #catalog.index00-page #l #lwhead .on .rel::before{transform: rotate(-90deg);content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ccc;left:-18px;top:50%;margin-top: -5px} #catalog.index00-page #l #lwhead .on .rel::after{transform: rotate(-90deg);content:"";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ee615d;left:-17px;top:50%;margin-top:-5px} #catalog.index00-page #l #lwhead #filterPrices{width:100%;margin-top:20px} #catalog.index00-page #l #lwhead #filterPrices div.oh{margin:7px 0} #catalog.index00-page #l #lwhead #filterPrices div.oh p{float:left; font-size:12px;width:20%;line-height: 30px;} #catalog.index00-page #l #lwhead #filterPrices div.oh input{float:left;border:1px solid #eee;width:35%;box-sizing:border-box;margin-left:5%} #catalog.index00-page #l #lwhead #filterPrices .slr{margin:4px 8px 4px} #catalog.index00-page #l #lwhead #filterPrices .slr.ui-slider-horizontal{border-radius:0!important; background:#fff!important; height:5px!important; border:none} #catalog.index00-page #l #lwhead #filterPrices .slr.ui-slider-horizontal .ui-widget-header{background:#ffea5f; height:5px!important} #catalog.index00-page #l #lwhead #filterPrices .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.index00-page #l #lwhead #filterPrices .slr.ui-slider-horizontal .ui-slider-handle:first-child{margin-left:-6px!important} #catalog.index00-page #l #lwhead #filterPrices .slr.ui-slider-horizontal .ui-slider-handle:last-child{margin-left:0!important} #catalog.index00-page #l #filterOptions .box #itemsSearchResult{display:none} #catalog.index00-page #l #navigation{} #catalog.index00-page #l #navigation #menu{} #catalog.index00-page #l #navigation #menu a{color:#444} #catalog.index00-page #l #navigation #menu .hl{display:block; height:1px; border-bottom:1px dotted #ddd; margin:5px 0} #catalog.index00-page #l #navigation #menu .hl:last-of-type{display:none} #catalog.index00-page #l #navigation #menu .l1-wrap{margin-top:10px} #catalog.index00-page #l #navigation #menu .l1-wrap img{width:60px} #catalog.index00-page #l #navigation #menu .l1-wrap .l1 span{display:block; margin-left:70px; width:auto; font-size:12px; line-height:15px} #catalog.index00-page #l #navigation #menu .l1-wrap.open .l1 span{color:#780c00} #catalog.index00-page #l #filterOptions{margin-top:20px;position:relative} #catalog.index00-page #l #filterOptions .box{margin:0 0 10px 0;padding:5px 0;border-bottom:1px solid #eee;position:relative} #catalog.index00-page #l #filterOptions .box.act {} #catalog.index00-page #l #filterOptions .box select{width:100%; margin:0; border:none; height:24px} #catalog.index00-page #l #filterOptions .box.act select{background:#ffe96a} #catalog.index00-page #l #filterOptions .box.slw div.oh{margin:7px 0} #catalog.index00-page #l #filterOptions .box.slw div.oh input{float:left; border:1px solid #eee; width:45%; box-sizing: border-box} #catalog.index00-page #l #filterOptions .box.slw div.oh input:first-child{margin-right:10%} #catalog.index00-page #l #filterOptions .box.slw .slr{margin:4px 8px 4px} #catalog.index00-page #l #filterOptions .box.checkbox{} #catalog.index00-page #l #filterOptions .box.checkbox p{display:block; margin-bottom:5px; color:#666} #catalog.index00-page #l #filterOptions .box.checkbox .wrap{cursor:pointer; border:1px solid #ddd; padding:2px 4px; margin:0 4px 4px 0; overflow:hidden; float:left; border-radius:3px} #catalog.index00-page #l #filterOptions .box.checkbox .wrap.act{background:#ffe96a} #catalog.index00-page #l #filterOptions .box.checkbox .wrap span{line-height:16px; font-size:12px; color:#666} #catalog.index00-page #l #filterOptions .box.colors {} #catalog.index00-page #l #filterOptions .box.colors p{display:block; margin-bottom:5px; color:#666} #catalog.index00-page #l #filterOptions .box.colors div.color{cursor:pointer;padding:4px;overflow:hidden;margin:0 5px 5px 0;height:16px;float:left;border:1px solid #ccc;border-radius:3px} #catalog.index00-page #l #filterOptions .box.colors span.color{float:left;overflow:hidden;height:14px;display:block;width:14px;border:1px solid #ccc;border-radius:7px} #catalog.index00-page #l #filterOptions .box.colors span.t{float:left;font-size:11px;margin-left:4px;color:#666} #catalog.index00-page #l #filterOptions .box.colors span.colorB{overflow:hidden;height:14px;border:1px solid #ccc;border-radius:3px} #catalog.index00-page #l #filterOptions .box.colors span .sub{width:7px;height:19px;border:none!important;border-radius:0;display:block;float:left} #catalog.index00-page #l #filterOptions .box.colors div.act {border:2px solid #000;padding:3px} #catalog.index00-page #l #filterOptions .box.colors div.act span.color{} #catalog.index00-page #l #filterOptions .box.colors div.act span.t{color:#000;text-decoration:underline} #catalog.index00-page #l #filterOptions .box.colors .gray{background:#666} #catalog.index00-page #l #filterOptions .box.colors .white{background:#fff} #catalog.index00-page #l #filterOptions .box.colors .warmWhite{background:#FCFCA0} #catalog.index00-page #l #filterOptions .box.colors .dayWhite{background:#F8F0C0} #catalog.index00-page #l #filterOptions .box.colors .coolWhite{background:#d7ecff} #catalog.index00-page #l #filterOptions .box.colors .super-coolWhite{background: #aecfff} #catalog.index00-page #l #filterOptions .box.colors .super-warmWhite{background: #fce795} #catalog.index00-page #l #filterOptions .box.colors .red{background:#ff0f00} #catalog.index00-page #l #filterOptions .box.colors .black{background:#333} #catalog.index00-page #l #filterOptions .box.colors .blue{background:#0073c6} #catalog.index00-page #l #filterOptions .box.colors .yellow{background:#fffd72} #catalog.index00-page #l #filterOptions .box.colors .orange{background:#ff8a57} #catalog.index00-page #l #filterOptions .box.colors .green{background:#008e14} #catalog.index00-page #l #filterOptions .box.colors .ir{background:#8e615e} #catalog.index00-page #l #filterOptions .box.colors .uv{background:#706a8e} #catalog.index00-page #l #filterOptions .box.colors .pink{background:#ffd2dc} #catalog.index00-page #l #filterOptions .box.colors .anodized-black{background:#000} #catalog.index00-page #l #filterOptions .box.colors .anodized-silver{background:#ddd} #catalog.index00-page #l #filterOptions .box.colors .ral9010{background:#fff} #catalog.index00-page #l #filterOptions .btns {margin-top:20px} #catalog.index00-page #l #filterOptions .btns .btn{float:left; width:45%} #catalog.index00-page #l #filterOptions .btns .btn:last-child{margin-left:10%; display:none} #catalog.index00-page #l #filterOptions .btns .btn.act{display:block; background:#ffe96a} #catalog.index00-page #l #filterOptions .btns .btn.act:hover{color:#000} #catalog.index00-page #l .slr.ui-slider-horizontal{border-radius:0!important; background:#fff!important; height:3px!important; border:1px solid #DDD} #catalog.index00-page #l .slr.ui-slider-horizontal .ui-widget-header{background:#FCE454; height:3px!important} #catalog.index00-page #l .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.index00-page #l .slr.ui-slider-horizontal .ui-slider-handle:first-child{margin-left:-6px!important} #catalog.index00-page #l .slr.ui-slider-horizontal .ui-slider-handle:last-child{margin-left:1px!important} #catalog.index00-page #r{margin-top:5px;padding-bottom:30px;width:75%;float:right;height:auto!important} #catalog.index00-page #r #annotation{margin:0 3px 25px;padding:30px 20px 30px;position:relative;box-shadow:0 0 5px #eee;box-sizing:border-box} #catalog.index00-page #r .children-sectionsExt{margin:50px 0 20px -1.5%} #catalog.index00-page #r .children-sectionsExt .block{float:left;margin:0 0 1.5% 1.5%;width:15.1%;min-height:167px;padding:10px 1% 5px;box-sizing:border-box} #catalog.index00-page #r .children-sectionsExt .block .img{display:block;margin:0 auto;width:90px;height:80px;overflow:hidden} #catalog.index00-page #r .children-sectionsExt .block .img img{width:90px} #catalog.index00-page #r .children-sectionsExt .block .title{display:block;text-align:center;margin:0 auto;width:80%;margin-top:5px;font-size:12px;line-height:15px} #catalog.index00-page #r .grid .item00{float:left;width:23%;background:#fafafa;padding:15px;margin:0 0 2% 2%;box-sizing:border-box;border:1px solid #f1f1f1} #catalog.index00-page #r .grid .item00.section{opacity:0;background:#fff;border:1px solid #ddd!important;} #catalog.index00-page #r .grid .item00.section .absWrap{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff} #catalog.index00-page #r .grid .item00.section .absWrap p{font-weight:700;color:#333;font-size:18px;line-height:24px;text-align:center;display:table-cell;vertical-align:middle;text-transform:uppercase} #catalog.index00-page #r .grid .item00 .image{} #catalog.index00-page #r .grid .item00 .image img{width:100%} #catalog.index00-page #r .grid .item00 .title{display:block;overflow:hidden;height:32px;font-size:12px;font-weight:400;line-height:16px;text-align:center;margin:5px 0 0;color:#333} #catalog.index00-page #r .grid .item00 .price{display:block;overflow:hidden;height:12px;font-size:10px;line-height:12px;text-align:center;margin:10px 0 0;color:#666} #catalog.index00-page #r .line .item00{padding:15px 0;position:relative;border-bottom:1px solid #eee} #catalog.index00-page #r .line .item00 .body{overflow:hidden; position:relative} #catalog.index00-page #r .line .item00 .cl {width:25%; float:left} #catalog.index00-page #r .line .item00 .cl .img {width:70%; float:left} #catalog.index00-page #r .line .item00 .cl .img img{width:100%} #catalog.index00-page #r .line .item00 .cl .inf{width:25%} #catalog.index00-page #r .line .item00 .cl .inf .parameters{margin-top:20px} #catalog.index00-page #r .line .item00 .cl .inf .parameters .box{overflow:hidden; height:18px} #catalog.index00-page #r .line .item00 .cl .inf .parameters .box div:first-child{display:none} #catalog.index00-page #r .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} #catalog.index00-page #r .line .item00 .cl .inf .parameters .box div:last-child small{font-size:10px} #catalog.index00-page #r .line .item00 .cr{width:73%;} #catalog.index00-page #r .line .item00 .cr .title{display:block; font-size:16px;font-weight:300; color:#333; margin:5px 135px 5px 0!important} #catalog.index00-page #r .line .item00:hover .cr .title{text-decoration:underline} #catalog.index00-page #r .line .item00 .cr .annotation{line-height:14px; min-height:38px; font-size:11px; margin:15px 130px 20px 0} #catalog.index00-page #r .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} #catalog.index00-page #r .line .item00 .cart:hover{background-image:url('/uploads/images/common/icons/head/cart-act.png');background-size:35px 35px} #catalog.index00-page #r .line .item00 .ext {padding:5px 0;overflow:hidden} #catalog.index00-page #r .line .item00 .ext .type{float:left;font-size:11px;line-height:20px;color:#aaa;font-weight:400} #catalog.index00-page #r .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} #catalog.index00-page #r .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} #catalog.index00-page #r .line .item00 .ext span{font-size:11px;line-height:20px;color:#333;font-weight:400} #catalog.index00-page #r .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:14px; line-height:14px} #catalog.index00-page #r .line .item00 .price span{font-size:10px} #catalog.index00-page #r .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} #catalog.index00-page #r .line .item00 .price .prices div{width:48%; font-size:11px; line-height:14px; text-align:left} #catalog.index00-page #r .line .item00 .price:hover .prices{display:block} #catalog.index00-page #r .line .item00.sale::after{content:'professional';color:#484848;font-size:10px;line-height:12px;font-weight:700;position:absolute;left:0;top:15px;padding:2px;background:#fff;border:1px solid #eee;border-radius:2px} #catalog.index00-page #r #items_priority{background:none!important;border:none!important;overflow:hidden;padding-bottom:20px;width:102%;margin-left:-2%} #catalog.index00-page #r #items_priority .tape{clear:both; margin:10px 15px 20px 2%;display:inline-block;background:#d09d51;position: relative;padding:0 30px 0 10px; font-size:14px;color: #fff;line-height:24px} #catalog.index00-page #r #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.index00-page #r #items{} #catalog.index00-page #loadMore {margin:70px auto 0;display:block;overflow:hidden;width:250px;padding:20px;height:50px;background:#f8f8f8;border-radius:10px} #catalog.index00-page #r #loadMore {margin:70px auto 0;display:block;overflow:hidden;width:250px;padding:20px;height:50px;background:#f8f8f8;border-radius:10px} #catalog.index00-page #r #loadMore span:first-child {float:left;margin:0;display:block;width:50px;box-sizing:border-box;height:50px;border-radius:25px;line-height:50px;text-align:center;font-weight:700;font-size:40px;border:1px solid #666} #catalog.index00-page #r #loadMore span:last-child {float:right;margin:0;display:block;box-sizing:border-box;height:50px;font-weight:700;font-size:22px;line-height:50px} #catalog.index00-page #r #text{margin:70px 0 45px;padding:40px; box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee} /* */ #catalog.index01-page #items{margin:40px 0 60px} #catalog.index01-page #items .item{float:left;padding:30px;margin:0.5%;width:24%;border:1px solid #eee;background:#fff;box-sizing:border-box} #catalog.index01-page #items .item:hover{border:1px solid #ccc} #catalog.index01-page #items .item.section{background:#fff;border:1px solid #ddd!important;} #catalog.index01-page #items .item.section .absWrap{position:absolute;top:0;right:0;bottom:0;left:0} #catalog.index01-page #items .item.section .absWrap p{font-weight:700;color:#333;font-size:24px;line-height:30px;text-align:center;display:table-cell;vertical-align:middle;text-transform:uppercase} #catalog.index01-page #items .item.section .absWrap p span{font-size:16px;font-weight:400} #catalog.index01-page #items .item.section.more{margin-top:60px;background:#000;border:1px solid #000!important} #catalog.index01-page #items .item.section.more .absWrap *{color:#fff} #catalog.index01-page #items .item.section.more:hover{background:#fff;border:1px solid #f1f1f1!important} #catalog.index01-page #items .item.section.more:hover .absWrap *{color:#333;text-decoration:underline} #catalog.index01-page #items .item .image{} #catalog.index01-page #items .item .image img{width:100%} #catalog.index01-page #items .item .title{display:none} #catalog.index01-page #items .item .price{position:absolute;bottom:-10px;left:0;right:0;z-index:2;font-size:10px;color:#666;text-align:center} #catalog.index01-page #section_text{margin:0 auto 150px} #catalog.index01-page #section_text .textFormat{width:70%} /* */ #catalog.item-00-page{} #catalog.item-00-page .ly.body{display:table} #catalog.item-00-page #l{width:71%; float:left; padding:0 2% 0 0; height:auto!important} #catalog.item-00-page #r{width:26%; float:right; height:auto!important} #catalog.item-00-page #l #item{overflow:hidden; width:100%; margin:0 0 25px; padding:10px 10px 20px; box-sizing:border-box; position:relative; box-shadow:0 15px 25px -20px #777; -webkit-box-shadow:0 15px 25px -20px #777; border:1px solid #eee} #catalog.item-00-page #l #item #gallery{} #catalog.item-00-page #l #item #gallery a{display:block;padding:3px;overflow:hidden} #catalog.item-00-page #l #item #gallery a img{width:100%} #catalog.item-00-page #l #item #media {width:280px;float:left} #catalog.item-00-page #l #item #media img{width:100%} #catalog.item-00-page #l #item #media #m-gallery{} #catalog.item-00-page #l #item #media #m-gallery a{float:left;width:33.3%;box-sizing: border-box;display:block;padding:3px;overflow:hidden} #catalog.item-00-page #l #item #media #m-gallery a img{width:100%} #catalog.item-00-page #l #item #media #m-files{overflow:hidden;margin:30px 0} #catalog.item-00-page #l #item #media #m-files a{display:block;overflow:hidden;width:48%;margin:5px 0 0 1%;height:45px;float:left;padding:5px 5px 5px 50px;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:10px} #catalog.item-00-page #l #item #media #m-files a.file_pdf{background-image:url('/uploads/images/common/icons/docs/pdf.png')} #catalog.item-00-page #l #item #media #m-files a.file_dwg{background-image:url('/uploads/images/common/icons/docs/dwg.png')} #catalog.item-00-page #l #item #media #m-files a.file_3ds{background-image:url('/uploads/images/common/icons/docs/3ds.png')} #catalog.item-00-page #l #item #media #m-files a.file_max{background-image:url('/uploads/images/common/icons/docs/max.png')} #catalog.item-00-page #l #item #media #m-files a.file_obj{background-image:url('/uploads/images/common/icons/docs/obj.png')} #catalog.item-00-page #l #item #media #m-files a.file_ies{background-image:url('/uploads/images/common/icons/docs/ies.png')} #catalog.item-00-page #l #item .inf{width:auto; margin:0 0 0 305px} #catalog.item-00-page #l #item .inf .article small{display:inline-block; padding:2px 4px; font-size:11px; line-height:11px; background:#f1f1f1; margin-bottom:5px} #catalog.item-00-page #l #item .inf .parameters{border-bottom:1px dotted #eee; margin-top:10px; padding-bottom:15px} #catalog.item-00-page #l #item .textFormat{margin:15px 0 15px} #catalog.item-00-page #l #item .inf .collection{cursor:pointer;display:block;margin:20px 0 10px;border:1px solid #eee; border-radius:4px;padding:10px;background:#f6f6f6} #catalog.item-00-page #l #item .inf .collection *{display:block} #catalog.item-00-page #l #item .inf .collection p:first-child{font-size:10px;line-height:13px;color:#666} #catalog.item-00-page #l #item .inf .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 #l .sameItems{overflow:hidden; width:100%; box-sizing:border-box; margin:40px 0 25px; position:relative} #catalog.item-00-page #l .sameItems .result .item{margin:-1px 0 0; padding:10px; position:relative; border:1px solid #eee} #catalog.item-00-page #l .sameItems .result .item .body{overflow:hidden; position:relative} #catalog.item-00-page #l .sameItems .result .item .store {width:10%;float:left;margin-top:15px;font-size:11px;text-align:left} #catalog.item-00-page #l .sameItems .result .item .image {width:10%;float:left} #catalog.item-00-page #l .sameItems .result .item .image img{width:100%} #catalog.item-00-page #l .sameItems .result .item .inf{width:75%;float:right} #catalog.item-00-page #l .sameItems .result .item .inf .title{display:block; font-size:11px; font-weight:700; color:#333; margin:0 135px 5px 0!important} #catalog.item-00-page #l .sameItems .result .item .inf .annotation{line-height:14px; min-height:38px; font-size:11px; margin:5px 130px 0 0} #catalog.item-00-page #l .sameItems .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-00-page #l .sameItems .result .item:hover .cart{display:inline-block} #catalog.item-00-page #l .sameItems .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-00-page #l .sameItems .result .item .price span{font-size:12px} #catalog.item-00-page #l .sameItems .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-00-page #l .sameItems .result .item .price .prices div{width:48%; font-size:11px; line-height:14px; text-align:left} #catalog.item-00-page #l .sameItems .result .item .price:hover .prices{display:block} #catalog.item-00-page #l .sameItems .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-00-page #l .sameItems .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-00-page #r #cost-wrap{margin:0 0 25px 0; position:relative} #catalog.item-00-page #r #cost-wrap .cost{font-family:'Open Sans', sans-serif;position:relative;text-align:left; display:block; color:#333; font-size:24px; line-height:25px} #catalog.item-00-page #r #cost-wrap .cost p{font-size:130%; line-height:100%} #catalog.item-00-page #r #cost-wrap .cost span{font-size:16px;font-size:13px;line-height:18px;color:#000} #catalog.item-00-page #r #cost-wrap #buyWrap {margin-top:40px;} #catalog.item-00-page #r #cost-wrap #buyWrap .fl{width:30%} #catalog.item-00-page #r #cost-wrap #buyWrap .fr{width:65%} #catalog.item-00-page #r #cost-wrap #buyWrap .fl .cart{position:relative;width:100%;text-align:center;display:block;font-size:13px;font-weight: 400;color: #fff;letter-spacing: 1px;border-radius: 4px;line-height: 40px;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} #catalog.item-00-page #r #cost-wrap #buyWrap .fr p{font-size:12px;line-height:20px} #catalog.item-00-page #r #cost-wrap #buyWrap .fr p:first-child{} #catalog.item-00-page #r #cost-wrap #buyWrap .fr p:last-child{font-size:13px;font-weight:700} #catalog.item-00-page #r #cost-wrap #prices {padding:10px 15px 20px;margin:15px 0 25px 0;position:relative;background:#f6f6f6;border:1px solid #eee} #catalog.item-00-page #r #cost-wrap #prices div{overflow:hidden;margin-top:5px;padding-top:5px;border-top:1px solid #eee} #catalog.item-00-page #r #cost-wrap #prices div:first-child{border:none} #catalog.item-00-page #r #cost-wrap #prices div span{font-size:12px;line-height:18px;color:#333} #catalog.item-00-page #r #cost-wrap #prices div span:last-child{float:right;width:40%;text-align:right;box-sizing:border-box} #catalog.item-00-page #r #cost-wrap #prices div.strong span{color:#000;font-weight:700;font-size:13px} #catalog.item-00-page #r #parts {margin:40px 0;padding:10px;box-sizing:border-box;box-shadow:0 0 4px #aaa;-webkit-box-shadow:0 0 4px #aaa} #catalog.item-00-page #r #parts h3{margin-bottom:30px} #catalog.item-00-page #r #parts .item{overflow:hidden;margin-top:20px;position:relative} #catalog.item-00-page #r #parts .item span{float:left;display:block;font-size:11px;line-height:16px;font-weight:300;color:#333} #catalog.item-00-page #r #parts .item .image {width:30%} #catalog.item-00-page #r #parts .item .image img{width:80%} #catalog.item-00-page #r #parts .item .title{width:45%;margin-left:2.5%} #catalog.item-00-page #r #parts .item .qty{width:20%;margin-left:2.5%;text-align:right} #catalog.item-00-page #r #stock {padding:10px 15px 20px;margin:15px 0 25px 0;position:relative;background:#f4fbf8;border:1px solid #e2e9e6} #catalog.item-00-page #r #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 #r #stock .shops{margin-top:30px} #catalog.item-00-page #r #stock .store{margin-top:15px;padding-top:15px;border-top:1px solid #e2e9e6} #catalog.item-00-page #r #stock .store span{margin-top:5px;font-size:11px;line-height:18px;color:#666} #catalog.item-00-page #r #stock .line{overflow:hidden;margin-top:5px} #catalog.item-00-page #r #stock .line p{font-size:13px;line-height:18px;color:#333} #catalog.item-00-page #r #stock .line p:first-child{float:left;width:60%;text-align:left;padding-right:5%;box-sizing:border-box} #catalog.item-00-page #r #stock .line p:last-child{float:right;width:40%;text-align:right;box-sizing:border-box} #catalog.item-00-page #r #stock strong{color:#000} #catalog.item-00-page #r #comments{width:260px; min-height:200px; margin:30px 0 25px 0; position:relative} #catalog.item-00-page #r #comments .content{padding-bottom:10px} #catalog.item-00-page #r #comments .content .block{max-width:218px; height:auto!important; padding:10px; min-height:30px; position:relative; margin:8px 0 0 0; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #catalog.item-00-page #r #comments .content .block .name{display:inline-block; margin-bottom:5px; font-size:12px; line-height:18px; color:#333; font-weight:700; border-bottom:1px solid #666} #catalog.item-00-page #r #comments .content .block .text{word-wrap:break-word;font-size:13px; line-height:18px} #catalog.item-00-page #r #comments .content .block.in{background-color:#f4f9ff; border:1px solid#c6d9f1;margin-left:44px} #catalog.item-00-page #r #comments .content .block.out{background-color:#fcfcfc;border:1px solid#ccc;margin-left:10px} #catalog.item-00-page #r #comments .content .block:before, #comments .block:after{content:""; position:absolute; border-left:8px solid transparent; border-right:8px solid transparent} #catalog.item-00-page #r #comments .content .block.in:before{border-bottom:8px solid #b1cbea; right:8px; top:-8px} #catalog.item-00-page #r #comments .content .block.in:after {border-bottom:8px solid #f4f9ff; right:8px; top:-7px} #catalog.item-00-page #r #comments .content .block.out:before{border-top:8px solid #bbb; left:8px; bottom:-8px} #catalog.item-00-page #r #comments .content .block.out:after{border-top:8px solid #fcfcfc; left:8px; bottom:-7px} #catalog.item-00-page #r #comments #commentForm{margin:0} #catalog.item-00-page #r #comments #commentForm span{float:right; width:40px; font-size:14px; line-height:24px} #catalog.item-00-page #r #comments #commentForm input{float:right; width:170px; height:20px; padding:2px 3px; border:1px solid #ddd; font-size:12px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #catalog.item-00-page #r #comments #commentForm textarea{margin:5px 0 0 40px; border:1px solid #ddd; width:198px; height:40px; 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-00-page #r #comments #commentForm .btn{margin:10px 0 0; width:90px; height:30px} #catalog.item-00-page .getConsultation{margin-top:10px;border-top:1px solid #ccc;padding:0 0 50px} #catalog.item-00-page .getConsultation .head {margin-top:40px!important} #catalog.item-00-page .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400} #catalog.item-00-page .getConsultation .head h3.act{color:#ff0f00} #catalog.item-00-page .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center} #catalog.item-00-page .getConsultation .content{width:70%;margin:50px auto} #catalog.item-00-page .getConsultation .content .cl{width:60%;float:left} #catalog.item-00-page .getConsultation .content .cr{width:30%;float:right} #catalog.item-00-page .getConsultation .content .cr .form{width:100%; margin:20px auto 0} #catalog.item-00-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} #catalog.item-00-page .getConsultation .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090} #catalog.item-00-page .getConsultation .content .cr .form .line input{width:48%; border:1px solid #eee} #catalog.item-00-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} #catalog.item-00-page .getConsultation .content .cr .form .btn{width:100%; box-sizing:border-box} #catalog.item-01-page{} #catalog.item-01-page #item{overflow:hidden; width:100%; margin:0 0 25px;box-sizing:border-box; position:relative} #catalog.item-01-page #item #cl{width:44%;float:left} #catalog.item-01-page #item #cr{width:55%;float:right} #catalog.item-01-page #item #cl #gallery{} #catalog.item-01-page #item #cl #gallery a{display:block;padding:3px;overflow:hidden} #catalog.item-01-page #item #cl #gallery a img{width:100%} #catalog.item-01-page #item #cl #portfolio{margin-top:50px} #catalog.item-01-page #item #cl #portfolio .item{float:left;display:block;min-height:60px;padding:5px;width:45%;margin:10px 5% 0 0;overflow:hidden;border:1px solid #eee;border-radius:5px;background-color:#fefefe;box-sizing:border-box} #catalog.item-01-page #item #cl #portfolio .item .image{float:left;width:30%} #catalog.item-01-page #item #cl #portfolio .item .image img{width:100%} #catalog.item-01-page #item #cl #portfolio .item .title{float:right;width:65%;font-size:11px} #catalog.item-01-page #item #cl #media {} #catalog.item-01-page #item #cl #media .avatar {text-align:center} #catalog.item-01-page #item #cl #media .avatar img{width:80%;margin-left: -110%} #catalog.item-01-page #item #cl #media #m-gallery{opacity:0} #catalog.item-01-page #item #cl #media #m-gallery a{float:left;width:25%;box-sizing: border-box;display:block;padding:1px;overflow:hidden} #catalog.item-01-page #item #cl #media #m-gallery a img{width:100%} #catalog.item-01-page #item #cl #media #m-files{overflow:hidden;margin:30px 0} #catalog.item-01-page #item #cl #media #m-files a{display:block;width:48%;margin:5px 0 0 1%;height:45px;float:left;padding:5px 5px 5px 50px;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:10px} #catalog.item-01-page #item #cl #media #m-files a.file_pdf{background-image:url('/uploads/images/common/icons/docs/pdf.png')} #catalog.item-01-page #item #cl #media #m-files a.file_dwg{background-image:url('/uploads/images/common/icons/docs/dwg.png')} #catalog.item-01-page #item #cl #media #m-files a.file_3ds{background-image:url('/uploads/images/common/icons/docs/3ds.png')} #catalog.item-01-page #item #cl #media #m-files a.file_max{background-image:url('/uploads/images/common/icons/docs/max.png')} #catalog.item-01-page #item #cl #media #m-files a.file_obj{background-image:url('/uploads/images/common/icons/docs/obj.png')} #catalog.item-01-page #item #cl #media #m-files a.file_ies{background-image:url('/uploads/images/common/icons/docs/ies.png')} #catalog.item-01-page #item #cr #price{float:left;width:50%;font-size:18px;line-height:65px;padding-left:40px;box-sizing:border-box} #catalog.item-01-page #item #cr #choseKit{float:right;width:30%;opacity:0;cursor:pointer;display:block;margin:0 20px 15px 15px;border:1px solid #ddd; border-radius:4px; font-size:14px; line-height:60px;padding:0 10px 0 60px;font-weight:700;height:60px;background:url('/uploads/images/common/icons/choseKit.png') 10px 10px no-repeat;background-color:#f6f6f6;background-size:40px;-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 10px}50%{background-position:10px 5px}100%{background-position:10px 10px}} #catalog.item-01-page #item #cr .inf{width:auto; margin:250px 15px 15px;padding:20px;box-shadow:0 0 25px -20px #777; -webkit-box-shadow:0 0 20px -10px #777} #catalog.item-01-page #item #cr .inf .article small{display:inline-block; padding:2px 4px; font-size:11px; line-height:11px; background:#f1f1f1; margin-bottom:5px} #catalog.item-01-page #item #cr .inf .parameters{border-bottom:1px dotted #eee; margin-top:10px; padding-bottom:15px} #catalog.item-01-page #item #cr .textFormat{margin:15px 0 15px} #catalog.item-01-page #kits{margin-top:30px} #catalog.item-01-page #kits .h1{display:none} #catalog.item-01-page #kits #kits_filter{margin-bottom:20px} #catalog.item-01-page #kits #kits_filter .oh{padding:20px;margin: 20px 0;background: #f9f9f9;border: 1px solid #eee;box-shadow: 0 0 10px #eee} #catalog.item-01-page #kits #kits_filter .box{overflow:hidden;margin-bottom:10px} #catalog.item-01-page #kits #kits_filter .box p{float:left;width:20%} #catalog.item-01-page #kits #kits_filter .box ul{float:left;width:75%;margin-left:2%} #catalog.item-01-page #kits #kits_filter .box ul li{cursor:pointer;display:inline-block;margin-left:1%;border:1px solid #eee;padding:0 10px;background:#fff;border-radius:5px;line-height:30px;text-align:center;box-sizing:border-box} #catalog.item-01-page #kits #kits_filter .box ul li.act{background:#fffee2} #catalog.item-01-page #kits .results{background:#fff;box-sizing:border-box} #catalog.item-01-page #kits .results .head{height:auto;padding:8px 0;background:#eee} #catalog.item-01-page #kits .results .head span{font-size:11px!important;line-height:18px!important;min-height:30px!important;margin-top:3px!important;font-weight:600} #catalog.item-01-page #kits .results .item{border-bottom:1px solid #ccc;min-height:36px;padding:8px 0} #catalog.item-01-page #kits .results .item:last-child{border-bottom:none} #catalog.item-01-page #kits .results .item:hover{box-shadow:0 0 4px #999} #catalog.item-01-page #kits .results .item .body{} #catalog.item-01-page #kits .results .body .col{float:left;display:block;width:11%;box-sizing:border-box;padding:0 1%} #catalog.item-01-page #kits .results .body span{display:block;min-height:30px;line-height:30px;box-sizing:border-box;margin-top:3px;font-size:11px;text-align:center} #catalog.item-01-page #kits .results .body:hover a span{text-decoration:underline} #catalog.item-01-page #kits .results .body .col.store{width:8%;text-align:left} #catalog.item-01-page #kits .results .body .col.image{width:8%} #catalog.item-01-page #kits .results .body .col.image img{width:100%} #catalog.item-01-page #kits .results .body .col.title{width:17%;min-height:14px;text-align:left;line-height:14px;margin:0} #catalog.item-01-page #kits .results .body .col.title b{font-size:9px} #catalog.item-01-page #kits .results .body .col.price{float:right;text-align:right} #catalog.item-01-page #kits .results .body .col.price .cost{display:block;float:right;text-align:right} #catalog.item-01-page #kits .results .body .col.price .cart{display:none;margin-top:10px} #catalog.item-01-page #kits .results .body:hover .col.price .cost{display:none} #catalog.item-01-page #kits .results .body:hover .col.price .cart{display:inline-block} #catalog.item-01-page #kits .results .body span.color{} #catalog.item-01-page #kits .results .body span.color-ral9005{background:#000;color:#fff;border:1px solid #000} #catalog.item-01-page #kits .results .body span.color-ral9010{background:#fefefe;color:#333;border:1px solid #eee} #catalog.item-01-page #kits .results .body span.color-serebro-anod{background:#f1f1f1;color:#333;border:1px solid #eee} #catalog.item-01-page #kits .results .body span.emission-color-warmWhite{background:#fffec5;color:#666;border:1px solid #fffec5} #catalog.item-01-page #kits .results .body span.emission-color-dayWhite{background:#ffffeb;color:#666;border:1px solid #ffffeb} #catalog.item-01-page .getConsultation{margin-top:50px;border-top:1px solid #ccc;padding:0 0 50px} #catalog.item-01-page .getConsultation .head {margin-top:40px!important} #catalog.item-01-page .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400} #catalog.item-01-page .getConsultation .head h3.act{color:#ff0f00} #catalog.item-01-page .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center} #catalog.item-01-page .getConsultation .content{width:70%;margin:50px auto} #catalog.item-01-page .getConsultation .content .cl{width:60%;float:left} #catalog.item-01-page .getConsultation .content .cr{width:30%;float:right} #catalog.item-01-page .getConsultation .content .cr .form{width:100%; margin:20px auto 0} #catalog.item-01-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} #catalog.item-01-page .getConsultation .content .cr .form input.alert{background:#ffe9e2; border:1px solid #ff9090} #catalog.item-01-page .getConsultation .content .cr .form .line input{width:48%; border:1px solid #eee} #catalog.item-01-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} #catalog.item-01-page .getConsultation .content .cr .form .btn{width:100%; box-sizing:border-box} #cart{margin-top:82px} #addSimplifyItem{margin:20px 0 0} #cart.make-page #addSimplifyItem .results.line .item{margin:-1px 0 0; padding:10px; position:relative; border:1px solid #eee} #cart.make-page #addSimplifyItem .results.line .item .body{overflow:hidden; position:relative} #cart.make-page #addSimplifyItem .results.line .item img{width:80px; float:left} #cart.make-page #addSimplifyItem .results.line .item .inf{width:auto; margin:5px 5px 0 90px} #cart.make-page #addSimplifyItem .results.line .item .inf .title{display:block; font-size:13px; color:#000; border-bottom:1px dotted #eee; padding-bottom:3px; margin:0 135px 10px 0!important} #cart.make-page #addSimplifyItem .results.line .item .inf .annotation{line-height:16px; min-height:48px; font-size:12px; margin:5px 130px 0 0} #cart.make-page #addSimplifyItem .results.line .item .cart{position:absolute; top:55px; right:10px; text-align:center; width:80px; border-radius:4px!important; display:inline-block; font-size:13px; line-height:25px; 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} #cart.make-page #addSimplifyItem .results.line .item .price{position:absolute; min-width:80px; height:20px; top:10px; right:10px; box-shadow:0 0 4px #ccc; z-index:9; text-align:center; display:block; padding:5px 10px; background:#F7F7F7; color:#333; font-size:20px; line-height:20px} #cart.make-page #addSimplifyItem .results.line .item .price span{font-size:14px} #cart.make-page #addSimplifyItem .results.line .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} #cart.make-page #addSimplifyItem .results.line .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;} #cart.make-page #addSimplifyItem input{border:1px solid #d4d4d4; margin-bottom:20px; width:220px; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #cart.make-page #addSimplifyItem input.price{width:125px} #cart.make-page #addSimplifyItem textarea{display:block; resize:none; border:1px solid #d4d4d4; width:350px; padding:5px; height:50px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #cart.make-page #addSimplifyItem .btn{margin-top:20px; width:155px; display:block} #cart.make-page #cl{float:left; width:70%; box-shadow:20px 0 40px -20px #ccc; padding-right:3%} #cart.make-page #cr{float:right; width:22.35%} #cart.make-page #cl #items{} #cart.make-page #cl #items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee} #cart.make-page #cl #items .head {} #cart.make-page #cl #items .head .box{font-size:11px!important;line-height:22px!important;padding-top:0!important} #cart.make-page #cl #items .line .body{position:relative; min-height:62px} #cart.make-page #cl #items .line .box{float:left;padding-left:2%;box-sizing:border-box} #cart.make-page #cl #items .line .box *{line-height:62px;font-size:12px} #cart.make-page #cl #items .line .box.img{width:12%;padding-left:0;text-align:center} #cart.make-page #cl #items .line .box.title{width:38%;line-height:62px} #cart.make-page #cl #items .line .box.price-r{width:16%;text-align:right} #cart.make-page #cl #items .line .box.discount{display:none} #cart.make-page #cl #items .line .box.price-c{display:none} #cart.make-page #cl #items .line .box.count{width:14%;padding-left:4%;padding-top:20px;text-align:center} #cart.make-page #cl #items .line .box.unit{width:5%;min-height:1px} #cart.make-page #cl #items .line .box.sum{width:15%;text-align:right} /* Для авторизованных показываем еще два поля */ #cart.make-page #cl #items.aut1 .line .box{padding-left:1%} #cart.make-page #cl #items.aut1 .line .box.title{width:25%} #cart.make-page #cl #items.aut1 .line .box.price-r{width:11%} #cart.make-page #cl #items.aut1 .line .box.price-c{width:11%;text-align:right;display:block} #cart.make-page #cl #items.aut1 .line .box.discount{width:11%;text-align:right;display:block} #cart.make-page #cl #items.aut1 .line .box.count{width:12%;padding-left:2%} #cart.make-page #cl #items.aut1 .line .box.sum{width:13%} #cart.make-page #cl #items.aut1 .line .box.discount, #cart.make-page #cl #items.aut1 .line .box.price-c, #cart.make-page #cl #items.aut1 .line .box.discount *, #cart.make-page #cl #items.aut1 .line .box.price-c *{font-size:11px;color:#888} /* --> */ #cart.make-page #cl #items .line .box.img img{width:80%} #cart.make-page #cl #items .line .body .box.title *{font-size:10px;line-height:11px} #cart.make-page #cl #items .line .body .box.title .l1{overflow:hidden} #cart.make-page #cl #items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden} #cart.make-page #cl #items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc} #cart.make-page #cl #items .line .body .box.title .l1 .tr2{float:left;overflow:hidden} #cart.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} #cart.make-page #cl #items .line .body .box.title .l1 .tr2 span.stock_store{} #cart.make-page #cl #items .line .body .box.title .l1 .tr2 span.stock_shop{} #cart.make-page #cl #items .line .body .box.title .l2{margin-top:10px} #cart.make-page #cl #items .line .body .box.title .l2 span{font-size:11px;line-height:16px} #cart.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} #cart.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} #cart.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} #cart.make-page #cl #items .line .body .box.count input.y{background: #e6f9e8} #cart.make-page #cl #items .line .body .box.count input.n{background:#fde7e0} #cart.make-page #cl #items .line .box.unit p{padding-top:5px;font-size:10px;color:#000} #cart.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} #cart.make-page #cl #items .line:hover .remove{display:block} #cart.make-page #cl #total{overflow:hidden; font-size:14px; margin-top:10px} #cart.make-page #cl #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x} #cart.make-page #cl #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x} #cart.make-page #cl #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee} #cart.make-page #cl #total .line{overflow:hidden; padding:2px 0} #cart.make-page #cl #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px} #cart.make-page #cl #total .line .r{float:right; width:130px; height:24px; line-height:24px} #cart.make-page #cl #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} #cart.make-page #cl #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px} #cart.make-page #cl #total .msg{font-size:11px; margin:15px 0; border-top:1px solid #eee; text-align:center; padding-top:10px} #cart.make-page #cl #total .msg strong{color:#ff6137} #cart.make-page #cr #form{} #cart.make-page #cr #form #clients{margin-bottom:20px} #cart.make-page #cr #form .line{padding:10px 0; border-bottom:1px solid #eee} #cart.make-page #cr #form .line:last-child{border:none} #cart.make-page #cr #form .line .label{float:left; width:29%} #cart.make-page #cr #form .line .label label{font-size:12px; line-height:30px} #cart.make-page #cr #form .line .input{float:left; width:70%} #cart.make-page #cr #form .line.hline .label{float:none; width:100%} #cart.make-page #cr #form .line.hline .input{float:none; width:100%} #cart.make-page #cr #form .line .input p{font-size:12px; line-height:30px; font-weight:700; color:#666} #cart.make-page #cr #form .line input{float:right; border:1px solid #d4d4d4; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #cart.make-page #cr #form .line select{float:right; border:1px solid #d4d4d4; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #cart.make-page #cr #form .line.hline select{float:none; width:100%;} #cart.make-page #cr #form textarea{resize:none; border:1px solid #d4d4d4; width:100%; padding:5px; height:80px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #cart.make-page #cr #form .line .input .alert{background:rgba(255, 198, 181, 0.64)!important} #cart.make-page #cr #form .line .input .iron{background: rgba(208, 228, 255, 0.64)} #cart.make-page #cr #form .btn{margin-top:20px; float:right; width:155px; display:block} #cart.make-page #cr #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px} #cart.make-page #cr #form .load{margin-top:7px} #cart.make-page #cr #form .buyerType{margin:0 auto 10px; border:1px solid #eee} #cart.make-page #cr #form .buyerType span{display:block; float:left; width:50%; line-height:30px; text-align:center} #cart.make-page #cr #form .buyerType span.act{background:#efefef} /*intelCartSearch*/ #cart.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} #cart.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} #cart.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} #cart.make-page #cr #form #searchName .resultWrap .content {padding:20px 0} #cart.make-page #cr #form #searchName .resultWrap .content div.client{margin-bottom:10px; border-bottom:1px solid #fff} #cart.make-page #cr #form #searchName .resultWrap .content div.company{margin-bottom:10px; border-bottom:1px solid #fff} #cart.make-page #cr #form #searchName .resultWrap .content input{width:80%;height:20px;float:none;margin:0 auto 10px;display:none;border:none} #cart.make-page #cr #form #searchName .resultWrap .content .result {padding:10px 0;max-height:120px;overflow-x: hidden;overflow-y:visible} #cart.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar{width:4px;background: #eee} #cart.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar-thumb{background:#ccc} #cart.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} #cart.make-page #cr #form #searchName .resultWrap .content .result div:hover{background:#d4e2f7;cursor:pointer} #cart.make-page #cr #form #searchName .resultWrap .content .result div.pick{background:#a7dc9d;cursor:pointer} #cart.make-page #cr #form #searchName .resultWrap .content .result div:last-child{border-bottom:none} #cart.make-page #cr #form #searchName .resultWrap .content .btn{color:#fff;border-bottom: 2px solid #fff;margin:20px;width:100px} #cart.made-page{margin-bottom:200px} #cart.made-page .page{padding-top:0!important} #cart.made-page #cl{float:left;width:70%;box-shadow:20px 0 40px -20px #ccc; padding:30px 3% 30px 0} /* Информация по заказу + доки */ #cart.made-page #cl #inf {padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box} #cart.made-page #cl #inf .box{float:left;padding:0 2%;min-height:40px;box-sizing:border-box;overflow:hidden} #cart.made-page #cl #inf .box.inf{width:60%} #cart.made-page #cl #inf .box.doc{width:40%;border-left:1px solid #eee} #cart.made-page #cl #inf .box.inf div{float:left;padding:0 2%;width:33.3%;box-sizing:border-box} #cart.made-page #cl #inf .box.inf div span{display:block;text-align:center} #cart.made-page #cl #inf .box.inf div span, #cart.made-page #cl #inf .box.inf div span *{line-height:24px;color:#888;font-size:10px} #cart.made-page #cl #inf .box.inf div span:first-child{border-bottom:1px dotted #eee} #cart.made-page #cl #inf .box.inf div span strong, #cart.made-page #cl #inf .box.inf div span:last-child{color:#333;font-size:11px} #cart.made-page #cl #inf .box.doc a{text-decoration:underline;font-size:11px;line-height:24px;color:#264f9e;font-family:'Open Sans',sans-serif} #cart.made-page #cl #inf .box.doc a.make{color:#ff0f00} #cart.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} #cart.made-page #cl #inf .box.doc .confirm a{width:20%;display:inline-block;text-align:center} /* Список товаров */ #cart.made-page #cl #items{margin-top:60px} #cart.made-page #cl #items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee} #cart.made-page #cl #items .head {} #cart.made-page #cl #items .head .box{font-size:11px!important;line-height:22px!important;padding-top:0!important} #cart.made-page #cl #items .line .body{position:relative; min-height:62px} #cart.made-page #cl #items .line .box{float:left;padding-left:2%;box-sizing:border-box} #cart.made-page #cl #items .line .box *{line-height:62px;font-size:12px} #cart.made-page #cl #items .line .box.img{width:12%;padding-left:0;text-align:center} #cart.made-page #cl #items .line .box.title{width:38%;line-height:62px} #cart.made-page #cl #items .line .box.price-r{width:16%;text-align:right} #cart.made-page #cl #items .line .box.discount{display:none} #cart.made-page #cl #items .line .box.price-c{display:none} #cart.made-page #cl #items .line .box.count{width:14%;padding-left:4%;padding-top:20px;text-align:center} #cart.made-page #cl #items .line .box.unit{width:5%;min-height:1px} #cart.made-page #cl #items .line .box.sum{width:15%;text-align:right} /* Для авторизованных показываем еще два поля */ #cart.made-page #cl #items.aut1 .line .box{padding-left:1%} #cart.made-page #cl #items.aut1 .line .box.title{width:25%} #cart.made-page #cl #items.aut1 .line .box.price-r{width:11%} #cart.made-page #cl #items.aut1 .line .box.price-c{width:11%;text-align:right;display:block} #cart.made-page #cl #items.aut1 .line .box.discount{width:11%;text-align:right;display:block} #cart.made-page #cl #items.aut1 .line .box.count{width:12%;padding-left:2%} #cart.made-page #cl #items.aut1 .line .box.sum{width:13%} #cart.made-page #cl #items.aut1 .line .box.price-r, #cart.made-page #cl #items.aut1 .line .box.price-r *{font-size:11px;color:#888} /* --> */ #cart.made-page #cl #items .line .box.img img{width:80%} #cart.made-page #cl #items .line .body .box.title *{font-size:10px;line-height:11px} #cart.made-page #cl #items .line .body .box.title .l1{overflow:hidden} #cart.made-page #cl #items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden} #cart.made-page #cl #items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc} #cart.made-page #cl #items .line .body .box.title .l1 .tr2{float:left;overflow:hidden} #cart.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} #cart.made-page #cl #items .line .body .box.title .l1 .tr2 span.stock_store{} #cart.made-page #cl #items .line .body .box.title .l1 .tr2 span.stock_shop{} #cart.made-page #cl #items .line.item .body .box.title .l1 .tr2 span.stock_reserved{margin-left:15px;font-weight:700} #cart.made-page #cl #items .line .body .box.title .l2{margin-top:10px} #cart.made-page #cl #items .line .body .box.title .l2 span{font-size:11px;line-height:16px} #cart.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} #cart.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} #cart.made-page #cl #items .line .body .box.count input.y{background: #e6f9e8} #cart.made-page #cl #items .line .body .box.count input.n{background:#fde7e0} #cart.made-page #cl #items .line .box.unit p{padding-top:5px;font-size:10px;color:#000} #cart.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} #cart.made-page #cl #items .line:hover .remove{display:block} /* Услуги */ #cart.made-page #cl #services{margin:30px 0;} #cart.made-page #cl #services h2{} #cart.made-page #cl #services .wrap{margin-top:15px;padding:10px;background:#fafafa;border:1px solid #eee;width:100%;box-sizing:border-box} #cart.made-page #cl #services .wrap .i{position:relative;border-bottom:1px solid #eee} #cart.made-page #cl #services .wrap .i:last-child{border:none} #cart.made-page #cl #services .wrap .i .title{float:left;width:80%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%} #cart.made-page #cl #services .wrap .i .price{float:left;width:20%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700} #cart.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} #cart.made-page #cl #services .wrap .i:hover .remove{display:block} #cart.made-page #cl #services .wrap .add {position:relative;border:none;margin-top:20px} #cart.made-page #cl #services .wrap .add .title{float:left;width:50%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%} #cart.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} #cart.made-page #cl #services .wrap .add .btnWrap{float:left;width:15%;box-sizing:border-box} #cart.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} /* Сумма и Менеджер */ #cart.made-page #cl .oh #manager{width:20%;margin-top:50px} #cart.made-page #cl .oh #manager .title{font-size:12px;line-height:12px;text-align:center} #cart.made-page #cl .oh #manager .ava{margin:10px auto;width:30%} #cart.made-page #cl .oh #manager .ava img{width:100%;border-radius:50%} #cart.made-page #cl .oh #manager .inf{text-align:center} #cart.made-page #cl .oh #manager .inf p{font-size:12px;line-height:20px} #cart.made-page #cl .oh #manager .inf p.name{font-size:14px} #cart.made-page #cl .oh #manager .inf p.bonus{border-top:1px solid #eee;margin-top:5px;padding-top:5px} #cart.made-page #cl .oh #total{margin-top:20px;width:35%} #cart.made-page #cl .oh #total .wrap{width:100%; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x} #cart.made-page #cl .oh #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x} #cart.made-page #cl .oh #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee} #cart.made-page #cl .oh #total .line{overflow:hidden; padding:2px 0} #cart.made-page #cl .oh #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px} #cart.made-page #cl .oh #total .line .r{float:right; width:130px; height:24px; line-height:24px} #cart.made-page #cl .oh #total .line .r input{height:16px;line-height:16px} #cart.made-page #cl .oh #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} #cart.made-page #cl .oh #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px} /* Логи */ #cart.made-page #cl #logs{margin-top:60px} #cart.made-page #cl #logs h2{margin-bottom:30px} #cart.made-page #cl #logs .oh{background:#fafafa;border:1px solid #eee;margin:3px auto;padding:0 10px} #cart.made-page #cl #logs .oh div{min-height:20px;line-height:20px} #cart.made-page #cl #logs .oh .date{float:left;width:10%;font-size:10px} #cart.made-page #cl #logs .oh .user{float:left;width:20%;font-size:11px;color:#888} #cart.made-page #cl #logs .oh .msg{float:left;width:68%;font-size:11px} /* Комменты */ #cart.made-page #cl #comments{width:100%;min-height:200px;margin:60px 0 25px 0;position:relative} #cart.made-page #cl #comments h2{} #cart.made-page #cl #comments #comment_add_wrap{margin:30px auto;padding-bottom:10px;padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box} #cart.made-page #cl #comments #comment_add_wrap #commentForm span{float:right; width:40px; font-size:14px; line-height:24px} #cart.made-page #cl #comments #comment_add_wrap #commentForm input{float:right; width:170px; height:20px; padding:2px 3px; border:1px solid #ddd; font-size:12px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #cart.made-page #cl #comments #comment_add_wrap #commentForm textarea{margin:5px 0;border:1px solid #ddd;width:100%;box-sizing:border-box;height:50px;padding:10px;font-size:13px;line-height:15px;resize:none;color:#444; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #cart.made-page #cl #comments #comment_add_wrap #commentForm .btn{margin:10px 0 0; width:90px; height:30px} #cart.made-page #cl #comments #comment_add_wrap #uploadifive-image_upload{width:auto!important;margin:5px 0!important;text-align:left!important} #cart.made-page #cl #comments #comment_add_wrap #images_uploaded{width:auto!important} #cart.made-page #cl #comments #comment_add_wrap #images_uploaded img{width:100px;margin:10px 10px 0 0} #cart.made-page #cl #comments .content{} #cart.made-page #cl #comments .content .block{max-width:80%;box-sizing:border-box;height:auto!important; padding:10px; min-height:30px; position:relative; margin:8px 0 0 0; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #cart.made-page #cl #comments .content .block .date{display:block; margin-bottom:5px; font-size:10px} #cart.made-page #cl #comments .content .block .name{display:inline-block; margin-bottom:5px; font-size:12px; line-height:18px; color:#333; font-weight:700; border-bottom:1px solid #666} #cart.made-page #cl #comments .content .block .text{font-size:13px; line-height:18px} #cart.made-page #cl #comments .content .block .images{display:block} #cart.made-page #cl #comments .content .block .images img{width:100px;margin-right:10px} #cart.made-page #cl #comments .content .block.in{background-color:#f4f9ff; border:1px solid#c6d9f1} #cart.made-page #cl #comments .content .block.out{background-color:#fcfcfc;border:1px solid#ccc} #cart.made-page #cl #comments .content .block:before, #comments .block:after{content:""; position:absolute; border-left:8px solid transparent; border-right:8px solid transparent} #cart.made-page #cl #comments .content .block.in:before{border-bottom:8px solid #b1cbea;right:8px; top:-8px} #cart.made-page #cl #comments .content .block.in:after {border-bottom:8px solid #f4f9ff;right:8px; top:-7px} #cart.made-page #cl #comments .content .block.out:before{border-top:8px solid #bbb; left:8px; bottom:-8px} #cart.made-page #cl #comments .content .block.out:after{border-top:8px solid #fcfcfc; left:8px; bottom:-7px} /* Инструменты */ #cart.made-page #cl #tools{margin-top:30px} #cart.made-page #cl #tools .btn{float:left;margin-right:20px} /* Запрос на скидку */ #cart.made-page #cl #discount_request{margin:50px auto;border:1px solid #eee;background:#fafafa;padding:20px 30px;box-sizing:border-box} #cart.made-page #cl #discount_request .textFormat{margin-bottom:20px} #cart.made-page #cl #discount_request .input{overflow:hidden} #cart.made-page #cl #discount_request .input .cl{float:left;width:38%} #cart.made-page #cl #discount_request .input .cr{float:right;width:58%} #cart.made-page #cl #discount_request .box{margin-top:10px} #cart.made-page #cl #discount_request .box p{line-height:25px} #cart.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} #cart.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} #cart.made-page #cl #discount_request .alert{background:#ffe9e2;border:1px solid #ff9090} #cart.made-page #cl #discount_request .btn{margin-top:20px} /* Заказчик и доп. данные */ #cart.made-page #cr{float:right; width:22.35%;margin-top:30px} #cart.made-page #cr select.status{width:100%;margin:10px 0 25px} #cart.made-page #cr .comment{margin:10px 0 20px;padding:10px;border:1px solid #d2c79e;background:#fff3b5} #cart.made-page #cr .comment p{font-size:9px;color:#666} #cart.made-page #cr .comment span{margin-top:10px;font-size:12px;line-height:18px} #cart.made-page #cr #partner {margin-bottom:30px;background:#fafafa;border:1px solid #eee;padding:10px 10px} #cart.made-page #cr #partner p{font-size:11px;line-height:18px} #cart.made-page #cr #partner a{display:block;text-decoration:underline;font-size:13px;line-height:20px;color:#264f9e;font-family:'Open Sans',sans-serif} #cart.made-page #cr #form {} #cart.made-page #cr .line{padding:5px 0;border-bottom:1px solid #eee} #cart.made-page #cr .line .label{float:left; width:29%} #cart.made-page #cr .line .label label{font-size:11px; line-height:30px;font-weight:300;color:#333} #cart.made-page #cr .line .input{float:left; width:70%} #cart.made-page #cr .line .input p{font-size:13px;line-height:24px;font-weight:300;color:#000} #cart.made-page #cr .line a *{text-decoration:underline!important} #cart.made-page #cr .line.hline .label{float:none!important; width:100%!important} #cart.made-page #cr .line.hline .input{float:none!important; width:100%!important} #cart.made-page #cr .company{border-top:2px solid #000;margin-top:20px;padding-top:20px} #cart.made-page #cr .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px} #about{margin:82px auto 80px} #about #cl{float:left; width:19%; box-shadow:20px 0 40px -20px #ddd; padding-right:2%} #about #cr{float:right; width:75%} #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;overflow:hidden;border:1px solid #eee;border-radius:5px} #about #contacts .map-wrap .inf{position:absolute; right:-1px; top:1px; bottom:1px; width:250px; background:rgba(255,255,255,.95); padding:15px;box-shadow:-7px 0 10px -5px #aaa} #about #contacts .map-wrap .inf h2{display:block; font-size:18px; padding-bottom:3px; border-bottom:1px 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:80%} #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; height:40px; line-height:40px} #about #delivery{} #about #pay{} #about #cooperation{} #about #order{} /* =============================== === solutions === =============================== */ #solutions{} #solutions.index-page {margin:82px auto 80px; min-height:200px} #solutions.index-page .search {width:60%;margin:20px 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:18%; 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} #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} /* search-page */ #solutions.search-page {} #solutions.search-page .page{width:60%;margin:50px auto 80px;padding:40px;box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee} #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;} #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} /* item-page */ #solutions.item-page{margin:80px 0 80px} #solutions.item-page #cl{float:left;width:70%} #solutions.item-page #cl .page{width:100%;margin:0 0 80px;padding:20px 40px 40px; box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee} #solutions.item-page #cl #postHead {} #solutions.item-page #cl #postHead img{overflow:hidden;width:100%;display:block} #solutions.item-page #cl #text{width:100%;margin:40px auto 0} #solutions.item-page #cl #text .justify{text-align:justify} #solutions.item-page #cl #text .hl{display:block; height:1px; border-bottom:3px solid #ddd; margin:20px 0} #solutions.item-page #cr{float:right;width:28%} #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 #cr #portfolio{margin-top:20px} #solutions.item-page #cr #portfolio .i {overflow:hidden;width:100%;padding:5px;margin-top:10px;background:#fefefe;border:1px solid #eee;box-sizing:border-box} #solutions.item-page #cr #portfolio .i .image{float:left;display:block;width:30%} #solutions.item-page #cr #portfolio .i .image img{width:100%} #solutions.item-page #cr #portfolio .i p{float:right;display:block;width:65%;font-size:13px;line-height:18px} /* partners */ #solutions.item-page #partners {margin-top:50px} #solutions.item-page #partners h3{font-size:20px;margin:0 auto 10px;text-align:center} #solutions.item-page #partners p{font-style:italic;font-size:12px;line-height:16px;text-align:center} #solutions.item-page #partners .gallery{width:90%;margin:30px auto 0} #solutions.item-page #partners .gallery .wr{overflow:hidden} #solutions.item-page #partners .gallery .wr span{display:block;padding:20px} #solutions.item-page #partners .gallery .wr span img{width:100%} #solutions.item-page #partners .gallery .slick-prev{left:-5%} #solutions.item-page #partners .gallery .slick-next{right:-5%} #solutions.item-page #partners .gallery .slick-prev, #solutions.item-page #partners .gallery .slick-next{border:none!important;background:none!important} /* steps */ #solutions.item-page #steps {margin-top:70px;width:102%;margin-left:-2%} #solutions.item-page #steps h3{font-size:20px;margin:0 auto 20px;text-align:center} #solutions.item-page #steps .st{float:left;margin:10px 0 0 2%;width:48%;height:140px;background:#fafafa;box-sizing:border-box;padding:20px 10px 20px 60px;border:1px solid #ddd} #solutions.item-page #steps .st .rel{height:100px} #solutions.item-page #steps .st .rel .title{color: #d81515;font-size:18px;line-height:24px} #solutions.item-page #steps .st .rel p{margin-top:10px} #solutions.item-page #steps .st .rel .vl{position:absolute;left:-30px;top:0;bottom:0;width:1px;border-left:1px solid #ddd} #solutions.item-page #steps .st .rel .nm{position: absolute;top:50%;margin-top:-25px;left:-45px;width:30px;font-size:22px;line-height:50px;font-style: normal;font-weight: normal;display: inline-block;background:#fafafa;color:#d81515;text-align: center} /* getConsultation */ #solutions.item-page .getConsultation{margin-top:70px} #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{width:60%;float:left} #solutions.item-page .getConsultation .content .cr{width:30%;float:right} #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} /* items */ #solutions.item-page #items {margin-top:70px;width:102%;margin-left:-2%;border-top:1px solid #eee} #solutions.item-page #items h3{font-size:20px;margin:40px auto 10px;text-align:center} #solutions.item-page #items .content {width:90%;margin:0 auto} #solutions.item-page #items .content .item {overflow:hidden;padding:20px} #solutions.item-page #items .content .item .image {overflow:hidden;display:block} #solutions.item-page #items .content .item .image img{width:100%} #solutions.item-page #items .content .item p {font-size:11px;margin-top:10px} #solutions.item-page #items .content .slick-prev{left:-5%} #solutions.item-page #items .content .slick-next{right:-5%} #solutions.item-page #items .content .slick-prev, #solutions.item-page #items .content .slick-next{border:none!important;background:none!important} /* =============================== === blog === =============================== */ #blog{} #blog.index-page {margin:82px auto 80px} #blog.index-page #cl{width:73%;float:left} #blog.index-page #cl #blogs {} #blog.index-page #cl #blogs .blog{margin:0; padding:10px 10px 20px; margin-bottom:16px; position:relative} #blog.index-page #cl #blogs .blog img{width:30%;float:left} #blog.index-page #cl #blogs .blog .inf {margin-left:32%} #blog.index-page #cl #blogs .blog .inf h2{min-height:36px;line-height:28px;font-size:24px;color:#444;width:80%} #blog.index-page #cl #blogs .blog .inf .annotation{margin-top:15px} #blog.index-page #cl #blogs .blog .ext{margin-top:5px; display:block; height:30px;border-top:1px solid #eee} #blog.index-page #cl #blogs .blog .ext p{line-height:30px} #blog.index-page #cl #blogs .blog .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)} #blog.index-page #cl #blogs .blog:hover .admin-handle{display:block} #blog.index-page #cl #blogs .blog .admin-handle a{display:block; text-align:center; color:#fff; font-size:13px; font-weight:700; line-height:30px} #blog.index-page #cr{width:20%;float:right; box-shadow:-20px 0 40px -20px #ccc; padding-left:2%} #blog.index-page #cr .title{margin-bottom:10px; width:100%; text-align: center; height:25px!important; font-weight:400!important; display:block; font-size:16px; line-height:25px; background:none; border-bottom:1px solid #ddd; color:#5E5E5E} #blog.index-page #cr span{display:inline-block;padding:2px 5px;margin:0 4px 7px;border-radius:5px;font-size:12px;background:#f6f6f6;border:1px solid #eee;} /* item page */ #blog.item-page{} #blog.item-page .page{width:60%;margin:50px auto 80px;padding:60px 40px 40px; box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee} #blog.item-page #postHead {} #blog.item-page #postHead img{overflow:hidden;width:65%;display:block} #blog.item-page #text{width:100%;margin:40px auto 0px} #blog.item-page #text .justify{text-align:justify} #blog.item-page #text .hl{display:block; height:1px; border-bottom:3px solid #ddd; margin:20px 0} #blog.item-page #ext{margin-top:40px} /* =============================== === project === =============================== */ #project{margin:82px auto} /* make-page */ #project.make-page #cl{float:left; width:70%; box-shadow:20px 0 40px -20px #ccc; padding-right:3%} #project.make-page #cr{float:right; width:22.35%} /* Список товаров */ #project.make-page #cl #areas{} #project.make-page #cl #areas .area {position:relative;margin-bottom:50px;border:1px solid #eee;background:#fafafa;padding:10px;border-radius:5px} #project.make-page #cl #areas .area .inf {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px} #project.make-page #cl #areas .area .inf .cl {width:70%; float:left} #project.make-page #cl #areas .area .inf .cr {width:25%; float:right} #project.make-page #cl #areas .area .inf .cl input{border:1px solid #eee;width:100%;height:24px;padding:0 5px;font-weight:700;font-size:16px;line-height:24px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #project.make-page #cl #areas .area .inf .cr .total{overflow:hidden; font-size:14px} #project.make-page #cl #areas .area .inf .cr .total .l{float:left; width:40%; text-align:right; height:24px; line-height:24px} #project.make-page #cl #areas .area .inf .cr .total .r{float:right; width:55%; height:24px; line-height:24px} #project.make-page #cl #areas .area .inf textarea{border:1px solid #eee;margin-top:5px;width:100%;padding:5px;height:50px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} #project.make-page #cl #areas .area .inf textarea:focus{height:300px} #project.make-page #cl #areas .area .items{background:#fff;min-height:50px} #project.make-page #cl #areas .area .removeArea{display:block; position:absolute; z-index:2; width:20px; height:20px; background:url('/api/in/images/remove.png');background-size:contain; top:5px; right:5px} #project.make-page #cl #areas .area.act{overflow:hidden;background:#ffefbf;margin-bottom:10px;padding:0 10px;min-height:20px} #project.make-page #cl #areas .area.act *{display:none} #project.make-page #cl #areas .area.act .inf, #project.make-page #cl #areas .area.act .inf .oh, #project.make-page #cl #areas .area.act .inf .oh .cl, #project.make-page #cl #areas .area.act .inf input{display:block;border:none;padding:0;background:none;font-size:10px} #project.make-page #cl #areas .items{padding:10px;background:#fff;border:1px solid #eee} #project.make-page #cl #areas .items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee} #project.make-page #cl #areas .items .head {} #project.make-page #cl #areas .items .head .box{font-size:11px!important;line-height:22px!important;padding-top:0!important} #project.make-page #cl #areas .items .line .body{position:relative; min-height:62px} #project.make-page #cl #areas .items .line .box{float:left;padding-left:2%;box-sizing:border-box} #project.make-page #cl #areas .items .line .box *{line-height:62px;font-size:12px} #project.make-page #cl #areas .items .line .box.img{width:12%;padding-left:0;text-align:center} #project.make-page #cl #areas .items .line .box.title{width:38%;line-height:62px} #project.make-page #cl #areas .items .line .box.price-r{width:16%;text-align:right} #project.make-page #cl #areas .items .line .box.discount{display:none} #project.make-page #cl #areas .items .line .box.price-c{display:none} #project.make-page #cl #areas .items .line .box.count{width:14%;padding-left:4%;padding-top:20px;text-align:center} #project.make-page #cl #areas .items .line .box.unit{width:5%;min-height:1px} #project.make-page #cl #areas .items .line .box.sum{width:15%;text-align:right} /* Для авторизованных показываем еще два поля */ #project.make-page #cl #areas .items.aut1 .line .box{padding-left:1%} #project.make-page #cl #areas .items.aut1 .line .box.title{width:25%} #project.make-page #cl #areas .items.aut1 .line .box.price-r{width:11%} #project.make-page #cl #areas .items.aut1 .line .box.price-c{width:11%;text-align:right;display:block} #project.make-page #cl #areas .items.aut1 .line .box.discount{width:11%;text-align:right;display:block} #project.make-page #cl #areas .items.aut1 .line .box.count{width:12%;padding-left:2%} #project.make-page #cl #areas .items.aut1 .line .box.sum{width:13%} #project.make-page #cl #areas .items.aut1 .line .box.price-r, #project.make-page #cl #areas .items.aut1 .line .box.price-r *{font-size:11px;color:#888} /* --> */ #project.make-page #cl #areas .items .line .box.img img{width:80%} #project.make-page #cl #areas .items .line .body .box.title *{font-size:10px;line-height:11px} #project.make-page #cl #areas .items .line .body .box.title .l1{overflow:hidden} #project.make-page #cl #areas .items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden} #project.make-page #cl #areas .items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc} #project.make-page #cl #areas .items .line .body .box.title .l1 .tr2{float:left;overflow:hidden} #project.make-page #cl #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} #project.make-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_store{} #project.make-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_shop{} #project.make-page #cl #areas .items .line .body .box.title .l2{margin-top:10px} #project.make-page #cl #areas .items .line .body .box.title .l2 span{font-size:11px;line-height:16px} #project.make-page #cl #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} #project.make-page #cl #areas .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} #project.make-page #cl #areas .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} #project.make-page #cl #areas .items .line .body .box.count input.y{background: #e6f9e8} #project.make-page #cl #areas .items .line .body .box.count input.n{background:#fde7e0} #project.make-page #cl #areas .items .line .box.unit p{padding-top:5px;font-size:10px;color:#000} #project.make-page #cl #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} #project.make-page #cl #areas .items .line:hover .remove{display:block} #project.make-page #cl #total{overflow:hidden; font-size:14px; margin-top:10px} #project.make-page #cl #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x} #project.make-page #cl #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x} #project.make-page #cl #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee} #project.make-page #cl #total .line{overflow:hidden; padding:2px 0} #project.make-page #cl #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px} #project.make-page #cl #total .line .r{float:right; width:130px; height:24px; line-height:24px} #project.make-page #cl #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} #project.make-page #cl #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px} #project.make-page #cl #total .msg{font-size:11px; margin:15px 0; border-top:1px solid #eee; text-align:center; padding-top:10px} #project.make-page #cl #total .msg strong{color:#ff6137} /* Форма ввода данных */ #project.make-page #cr #form{} #project.make-page #cr #form .line{padding:10px 0; border-bottom:1px solid #eee} #project.make-page #cr #form .line:last-child{border:none} #project.make-page #cr #form .line .label{float:left; width:29%} #project.make-page #cr #form .line .label label{font-size:12px; line-height:30px} #project.make-page #cr #form .line .input{float:left; width:70%} #project.make-page #cr #form .line.hline .label{float:none; width:100%} #project.make-page #cr #form .line.hline .input{float:none; width:100%} #project.make-page #cr #form .line .input p{font-size:12px; line-height:30px; font-weight:700; color:#666} #project.make-page #cr #form .line input{float:right; border:1px solid #d4d4d4; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #project.make-page #cr #form .line select{float:right; border:1px solid #d4d4d4; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #project.make-page #cr #form .line.hline select{float:none; width:100%;} #project.make-page #cr #form textarea{resize:none; border:1px solid #d4d4d4; width:100%; padding:5px; height:80px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #project.make-page #cr #form .line .input .alert{background:rgba(255, 198, 181, 0.64)!important} #project.make-page #cr #form .line .input .iron{background: rgba(208, 228, 255, 0.64)} #project.make-page #cr #form .btn{margin-top:20px; float:right; width:155px; display:block} #project.make-page #cr #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px} #project.make-page #cr #form .load{margin-top:7px} /*intelCartSearch*/ #project.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} #project.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} #project.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} #project.make-page #cr #form #searchName .resultWrap .content {padding:20px 0} #project.make-page #cr #form #searchName .resultWrap .content div.client{} #project.make-page #cr #form #searchName .resultWrap .content input{width:80%;height:20px;float:none;margin:0 auto 10px;display:none;border:none} #project.make-page #cr #form #searchName .resultWrap .content .result {padding:10px 0;max-height:120px;overflow-x: hidden;overflow-y:visible} #project.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar{width:4px;background: #eee} #project.make-page #cr #form #searchName .resultWrap .content .result::-webkit-scrollbar-thumb{background:#ccc} #project.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} #project.make-page #cr #form #searchName .resultWrap .content .result div:hover{background:#d4e2f7;cursor:pointer} #project.make-page #cr #form #searchName .resultWrap .content .result div.pick{background:#a7dc9d;cursor:pointer} #project.make-page #cr #form #searchName .resultWrap .content .result div:last-child{border-bottom:none} #project.make-page #cr #form #searchName .resultWrap .content .btn{color:#fff;border-bottom: 2px solid #fff;margin:20px;width:100px} /* made-page */ #project.made-page #cl{float:left; width:75%; box-shadow:20px 0 40px -20px #ccc; padding-right:3%} #project.made-page #cr{float:right; width:18%} /* Информация по проекту */ #project.made-page #cl #inf {margin-bottom:45px;padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box} #project.made-page #cl #inf .box{float:left;padding:0 2%;min-height:40px;box-sizing:border-box;overflow:hidden} #project.made-page #cl #inf .box.inf{width:60%} #project.made-page #cl #inf .box.doc{width:40%;border-left:1px solid #eee} #project.made-page #cl #inf .box.inf div{float:left;padding:0 2%;width:33.3%;box-sizing:border-box} #project.made-page #cl #inf .box.inf div span{display:block;text-align:center} #project.made-page #cl #inf .box.inf div span, #project.made-page #cl #inf .box.inf div span *{line-height:24px;color:#888;font-size:10px} #project.made-page #cl #inf .box.inf div span:first-child{border-bottom:1px dotted #eee} #project.made-page #cl #inf .box.inf div span strong, #project.made-page #cl #inf .box.inf div span:last-child{color:#333;font-size:11px} /* Список товаров */ #project.made-page #cl #areas{} #project.made-page #cl #areas .area {position:relative;margin-bottom:50px;border:1px solid #eee;background:#fafafa;padding:10px;border-radius:5px} #project.made-page #cl #areas .area .inf {overflow:hidden;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px} #project.made-page #cl #areas .area .inf .cl {width:60%; float:left} #project.made-page #cl #areas .area .inf .cr {width:40%; float:right} #project.made-page #cl #areas .area .inf .cl input{border:1px solid #eee;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} #project.made-page #cl #areas .area .inf .cr .total{overflow:hidden; font-size:14px} #project.made-page #cl #areas .area .inf .cr .total .l{float:left; width:70%; text-align:right; height:24px; line-height:24px;font-size:11px} #project.made-page #cl #areas .area .inf .cr .total .r{float:right; width:30%; height:24px; line-height:24px;font-size:13px;text-align:right} #project.made-page #cl #areas .area .inf textarea{border:1px solid #eee;margin-top:5px;width:100%;padding:5px;height:50px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:9px} #project.made-page #cl #areas .area .inf textarea:focus{height:300px} #project.made-page #cl #areas .area .items{background:#fff;min-height:50px} #project.made-page #cl #areas .area .removeArea{display:block; position:absolute; z-index:2; width:20px; height:20px; background:url('/api/in/images/remove.png');background-size:contain; top:5px; right:5px} #project.made-page #cl #areas .area.act{overflow:hidden;background:#ffefbf;margin-bottom:10px;padding:0 10px;min-height:20px} #project.made-page #cl #areas .area.act *{display:none} #project.made-page #cl #areas .area.act .inf, #project.made-page #cl #areas .area.act .inf .oh, #project.made-page #cl #areas .area.act .inf .oh .cl, #project.made-page #cl #areas .area.act .inf input{display:block;border:none;padding:0;background:none;font-size:10px} #project.made-page #cl #areas .items{padding:10px;background:#fff;border:1px solid #eee} #project.made-page #cl #areas .items .line{width:auto;margin-bottom:10px;padding-bottom:10px;position:relative;border-bottom:1px solid #eee} #project.made-page #cl #areas .items .head {} #project.made-page #cl #areas .items .head .box{font-size:11px!important;line-height:22px!important;padding-top:0!important} #project.made-page #cl #areas .items .line .body{position:relative; min-height:62px} #project.made-page #cl #areas .items .line .box{float:left;padding-left:2%;box-sizing:border-box} #project.made-page #cl #areas .items .line .box *{line-height:62px;font-size:12px} #project.made-page #cl #areas .items .line .box.img{width:12%;padding-left:0;text-align:center} #project.made-page #cl #areas .items .line .box.title{width:38%;line-height:62px} #project.made-page #cl #areas .items .line .box.price-r{width:16%;text-align:right} #project.made-page #cl #areas .items .line .box.discount{display:none} #project.made-page #cl #areas .items .line .box.price-c{display:none} #project.made-page #cl #areas .items .line .box.count{width:14%;padding-left:4%;padding-top:20px;text-align:center} #project.made-page #cl #areas .items .line .box.unit{width:5%;min-height:1px} #project.made-page #cl #areas .items .line .box.sum{width:15%;text-align:right} /* Для авторизованных показываем еще два поля */ #project.made-page #cl #areas .items.aut1 .line .box{padding-left:1%} #project.made-page #cl #areas .items.aut1 .line .box.title{width:25%} #project.made-page #cl #areas .items.aut1 .line .box.price-r{width:11%} #project.made-page #cl #areas .items.aut1 .line .box.price-c{width:11%;text-align:right;display:block} #project.made-page #cl #areas .items.aut1 .line .box.discount{width:11%;text-align:right;display:block} #project.made-page #cl #areas .items.aut1 .line .box.count{width:12%;padding-left:2%} #project.made-page #cl #areas .items.aut1 .line .box.sum{width:13%} #project.made-page #cl #areas .items.aut1 .line .box.price-r, #project.made-page #cl #areas .items.aut1 .line .box.price-r *{font-size:11px;color:#888} /* --> */ #project.made-page #cl #areas .items .line .box.img img{width:80%} #project.made-page #cl #areas .items .line .body .box.title *{font-size:10px;line-height:11px} #project.made-page #cl #areas .items .line .body .box.title .l1{overflow:hidden} #project.made-page #cl #areas .items .line .body .box.title .l1 .tr1{float:left;min-width:80px;margin-right:5px;overflow:hidden} #project.made-page #cl #areas .items .line .body .box.title .l1 .tr1 span p{display:inline-block;padding:2px 4px;background:#f1f1f1;border:1px solid #ccc} #project.made-page #cl #areas .items .line .body .box.title .l1 .tr2{float:left;overflow:hidden} #project.made-page #cl #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} #project.made-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_store{} #project.made-page #cl #areas .items .line .body .box.title .l1 .tr2 span.stock_shop{} #project.made-page #cl #areas .items .line .body .box.title .l2{margin-top:10px} #project.made-page #cl #areas .items .line .body .box.title .l2 span{font-size:11px;line-height:16px} #project.made-page #cl #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} #project.made-page #cl #areas .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} #project.made-page #cl #areas .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} #project.made-page #cl #areas .items .line .body .box.count input.y{background: #e6f9e8} #project.made-page #cl #areas .items .line .body .box.count input.n{background:#fde7e0} #project.made-page #cl #areas .items .line .box.unit p{padding-top:5px;font-size:10px;color:#000} #project.made-page #cl #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} #project.made-page #cl #areas .items .line:hover .remove{display:block} /* Услуги */ #project.made-page #cl #areas .area .services{margin:15px 0} #project.made-page #cl #areas .area .services h3{} #project.made-page #cl #areas .area .services .wrap{margin-top:10px;width:100%;box-sizing:border-box} #project.made-page #cl #areas .area .services .wrap .i{position:relative;border-bottom:1px solid #eee} #project.made-page #cl #areas .area .services .wrap .i:last-child{border:none} #project.made-page #cl #areas .area .services .wrap .i .title{float:left;width:80%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%} #project.made-page #cl #areas .area .services .wrap .i .price{float:left;width:20%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700} #project.made-page #cl #areas .area .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} #project.made-page #cl #areas .area .services .wrap .i:hover .remove{display:block} #project.made-page #cl #areas .area .services .wrap .add {position:relative;border:none;margin-top:15px} #project.made-page #cl #areas .area .services .wrap .add .title{float:left;width:50%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2% 0 0} #project.made-page #cl #areas .area .services .wrap .add .price{float:left;width:35%;box-sizing:border-box;font-size:12px;line-height:24px;padding:0 2%;font-weight:700} #project.made-page #cl #areas .area .services .wrap .add .btnWrap{float:left;width:15%;box-sizing:border-box} #project.made-page #cl #areas .area .services .wrap .add input{border:1px solid #d4d4d4;width:100%;height:30px;line-height:25px;padding-left:2px;background:#fff;box-sizing:border-box} /* Сумма */ #project.made-page #cl #total{overflow:hidden; font-size:14px} #project.made-page #cl #total .wrap{width:260px; float:right; background:url("/api/in/images/spikes-top.png") top left repeat-x} #project.made-page #cl #total .wrap .wrap-one{overflow:hidden; margin-top:7px; background:url("/api/in/images/spikes-bottom.png") bottom left repeat-x} #project.made-page #cl #total .wrap .wrap-two{overflow:hidden; border-right: 1px solid #eee; padding:10px 20px 15px; margin-bottom:7px; border-left: 1px solid #eee} #project.made-page #cl #total .line{overflow:hidden; padding:2px 0} #project.made-page #cl #total .line .l{float:left; width:80px; text-align:right; height:24px; line-height:24px} #project.made-page #cl #total .line .r{float:right; width:130px; height:24px; line-height:24px} #project.made-page #cl #total .line .r input{height:16px;line-height:16px} #project.made-page #cl #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} #project.made-page #cl #total .title{font-size:11px; margin:0 0 20px; border-bottom:1px dotted #eee; text-align:center; padding-bottom:5px} /* Комменты */ #project.made-page #cl #comments{width:100%;min-height:200px;margin:60px 0 25px 0;position:relative} #project.made-page #cl #comments h2{} #project.made-page #cl #comments #commentForm{margin:30px auto;padding-bottom:10px;padding:10px;background:#fafafa;border:1px solid #eee;box-sizing:border-box} #project.made-page #cl #comments #commentForm span{float:right; width:40px; font-size:14px; line-height:24px} #project.made-page #cl #comments #commentForm input{float:right; width:170px; height:20px; padding:2px 3px; border:1px solid #ddd; font-size:12px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #project.made-page #cl #comments #commentForm textarea{margin:5px 0;border:1px solid #ddd;width:100%;box-sizing:border-box;height:50px;padding:10px;font-size:13px;line-height:15px;resize:none;color:#444; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #project.made-page #cl #comments #commentForm .btn{margin:10px 0 0; width:90px; height:30px} #project.made-page #cl #comments .content{} #project.made-page #cl #comments .content .block{max-width:80%;box-sizing:border-box;height:auto!important; padding:10px; min-height:30px; position:relative; margin:8px 0 0 0; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px} #project.made-page #cl #comments .content .block .name{display:inline-block; margin-bottom:5px; font-size:12px; line-height:18px; color:#333; font-weight:700; border-bottom:1px solid #666} #project.made-page #cl #comments .content .block .text{font-size:13px; line-height:18px} #project.made-page #cl #comments .content .block.in{background-color:#f4f9ff; border:1px solid#c6d9f1} #project.made-page #cl #comments .content .block.out{background-color:#fcfcfc;border:1px solid#ccc} #project.made-page #cl #comments .content .block:before, #comments .block:after{content:""; position:absolute; border-left:8px solid transparent; border-right:8px solid transparent} #project.made-page #cl #comments .content .block.in:before{border-bottom:8px solid #b1cbea;right:8px; top:-8px} #project.made-page #cl #comments .content .block.in:after {border-bottom:8px solid #f4f9ff;right:8px; top:-7px} #project.made-page #cl #comments .content .block.out:before{border-top:8px solid #bbb; left:8px; bottom:-8px} #project.made-page #cl #comments .content .block.out:after{border-top:8px solid #fcfcfc; left:8px; bottom:-7px} /* Логи */ #project.made-page #cl #logs{margin-top:60px} #project.made-page #cl #logs h2{margin-bottom:30px} #project.made-page #cl #logs .oh{background:#fafafa;border:1px solid #eee;margin:3px auto;padding:0 10px} #project.made-page #cl #logs .oh div{min-height:20px;line-height:20px} #project.made-page #cl #logs .oh .date{float:left;width:10%;font-size:10px} #project.made-page #cl #logs .oh .user{float:left;width:20%;font-size:11px;color:#888} #project.made-page #cl #logs .oh .msg{float:left;width:68%;font-size:11px} /* Форма ввода данных */ #project.made-page #cr #form{} #project.made-page #cr #form .comment{margin:10px 0 20px;padding:10px;border:1px solid #d2c79e;background:#fff3b5} #project.made-page #cr #form .comment p{font-size:9px;color:#666} #project.made-page #cr #form .comment span{margin-top:10px;font-size:11px;line-height:18px} #project.made-page #cr #form .line{padding:10px 0; border-bottom:1px solid #eee} #project.made-page #cr #form .line:last-child{border:none} #project.made-page #cr #form .line .label{float:left; width:29%} #project.made-page #cr #form .line .label label, #project.made-page #cr #form .line .label label a{font-size:10px; line-height:30px} #project.made-page #cr #form .line .input{float:left; width:70%} #project.made-page #cr #form .line.hline .label{float:none; width:100%} #project.made-page #cr #form .line.hline .input{float:none; width:100%} #project.made-page #cr #form .line .input p{font-size:11px; line-height:30px; font-weight:700; color:#666} #project.made-page #cr #form .line select{float:right; border:1px solid #d4d4d4; width:100%; height:30px; padding-left:8px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #project.made-page #cr #form .line.hline select{float:none; width:100%;} #project.made-page #cr #form textarea{resize:none; border:1px solid #d4d4d4; width:100%; padding:5px; height:80px; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box} #project.made-page #cr #form .mark{text-align:center; line-height:18px; padding-top:10px; color:#5a5a5a; font-size:12px} #cooperation-page{margin:142px auto 80px} #cooperation-page #main{width:80%} #cooperation-page #main .cl{float:left;width:70%; box-sizing:border-box;padding:0 10% 0 10%} #cooperation-page #main .cl .textFormat{} #cooperation-page #main .cr{float:right;width:30%;box-sizing:border-box;padding-left:5%;border-left:1px solid #eee} #cooperation-page #main .cr div{margin-top:30px} #cooperation-page #main .cr div img{width:22.3%;padding:0 4%} #cooperation-page #main .cr div img.pik{} #cooperation-page #main .cr div img.yandex{} #cooperation-page #main .cr div img.rt{} #cooperation-page #main .cr div img.mts{margin-left:9%} #cooperation-page #main .cr div img.binbank{} #cooperation-page #main .cr div img.formulakino{} #cooperation-page #main .cr div img.boes{} #cooperation-page #main .cr div img.sber{} #cooperation-page #main .cr div img.apex{} #cooperation-page #main .cr div img.restore{margin-left:9%} #cooperation-page #main .cr div img.mercedes{} #cooperation-page #main .cr div img.mvideo{} #cooperation-page #each{margin:40px auto 0;width:83%} #cooperation-page #each h2{text-align:center;margin-bottom:50px} #cooperation-page #each .cl{float:left;width:50%; box-sizing:border-box;padding:20px 3% 20px 2%} #cooperation-page #each .cl .presents{margin:30px auto;padding:0 0.5%;box-sizing:border-box} #cooperation-page #each .cl .presents div{float:left;width:33%;padding:0 2%;box-sizing:border-box} #cooperation-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-page #each .cl .presents div.i1 .image{background-position:0 0} #cooperation-page #each .cl .presents div.i2 .image{background-position:0 -47px} #cooperation-page #each .cl .presents div.i3 .image{background-position:-47px 0} #cooperation-page #each .cl .presents div p, #cooperation-page #each .cl .presents div p *{font-size:11px;line-height:18px;text-align:center} #cooperation-page #each .cr{float:right;width:50%;box-sizing:border-box;padding:20px 2% 20px 3%} #cooperation-page #reg{width:80%;margin:40px auto 0} #cooperation-page #reg form{width:50%;margin:0 auto} #cooperation-page #reg form .msg{display:none;background:#fff;padding:20px;border:2px solid red} #cooperation-page #reg form input{border:1px solid #ccc; border-top:2px solid #eee; height:30px; padding-left:5px; width:100%; box-sizing:border-box} #cooperation-page #reg form input.alert{border-top:2px solid red; background: #ffc6b5} #cooperation-page #reg form .hline{overflow:hidden;margin:10px auto; position:relative; min-height:30px} #cooperation-page #reg form .hline input{width:48%;float:left} #cooperation-page #reg form .hline input#lastname{margin-left:4%} #cooperation-page #reg form .hline input#email{margin-left:4%} #cooperation-page #reg form .line{margin:10px auto; position:relative; min-height:30px} #action-page{min-height:500px} #faq{} #faq.index-page {margin:82px auto 80px; min-height:200px} #faq.index-page .search {width:60%;margin:20px 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:18%; 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.index-page #add{margin-top:50px} #faq.index-page #add .btn{margin-left:20px} #faq.search-page {} #faq.search-page .page{width:60%;margin:50px auto 80px;padding:40px;box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee} #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 .question {margin-top:15px; padding-top:15px; border-top:1px solid #eee} #faq.search-page .page #content .question:first-child {margin-top:0; padding-top:0; border-top:none} #faq.search-page .page #content .question .title{display:block;font-size:16px;line-height:17px;font-weight:700} #faq.search-page .page #content .question .title .highlight{font-size:16px;line-height:17px;font-weight:700} #faq.search-page .page #content .question .annotation{display:block;margin-top:5px} #faq.search-page .page #content .question .highlight{display: inline-block;background:#fffe80} #faq.item-page{} #faq.item-page .page{width:60%;margin:50px auto 80px;padding:60px 40px 40px;box-shadow:0 15px 25px -10px #555;-webkit-box-shadow:0 15px 25px -10px #555;border:1px solid #ddd} #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} #search {margin-top:80px} /*#search .page{width:80%;margin:50px auto 25px;padding:40px;box-shadow:0 15px 25px -10px #777;-webkit-box-shadow:0 15px 25px -10px #777;border:1px solid #eee}*/ #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 .seeAll{display:block;text-decoration:underline;margin:20px 0 0;font-size:13px;color:#264f9e;line-height:18px;font-weight:400} #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; border-radius:5px} #search #items .line .item00 .body{overflow:hidden; position:relative} #search #items .line .item00 .cl {width:25%; float:left} #search #items .line .item00 .cl .img {width:70%; float:left} #search #items .line .item00 .cl .img img{width:100%} #search #items .line .item00 .cl .inf{width:25%} #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:73%;} #search #items .line .item00 .cr .title{display:block; font-size:16px;font-weight:300; color:#333; margin:5px 135px 5px 0!important} #search #items .line .item00 .cr .title .highlight{display: inline-block;background:#fffe80} #search #items .line .item00 .cr .annotation{line-height:14px; min-height:38px; font-size:11px; margin:15px 130px 20px 0} #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 .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 .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:14px; line-height:14px} #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:'professional';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{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-top:15px; padding-top:15px; border-top:1px solid #eee} #search #solutions .solution:first-child {margin-top:0; padding-top:0; border-top:none} #search #solutions .solution .image{float:left;width:15%;display:block; text-align:center} #search #solutions .solution .image img{width:100%} #search #solutions .solution .inf {float:right;width:83%} #search #solutions .solution .inf .title{display:block;font-size:16px;line-height:24px;font-weight:700} #search #solutions .solution .inf .title .highlight{display:block;font-size:16px;line-height:24px;font-weight:700;display:inline-block;background:#fffe80} #search #solutions .solution .inf .annotation{display:block;margin-top:10px} #search #solutions .solution .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:18px;margin:0 0 5px;padding:8px} #search #orders .order span{display:block;float:left;height:18px;line-height:18px;margin:0 0.5%;font-size:11px} #search #orders .order .date{width:7%;font-size:10px} #search #orders .order .pay{width:1%;font-weight:700} #search #orders .order .payment{width:3%} #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:6%;font-weight:700} #search #orders .order .name{width:21%} #search #orders .order .company{width:24%;overflow:hidden;font-size:9px} #search #orders .order .status{width:14%;position:relative} #search #orders .order .status select{width:100%;height:20px} #search #orders .order .sum{width:14%;text-align:right} /* =============================== === portfolio === =============================== */ #portfolio{} #portfolio.index-page {margin-top:112px; 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:100%} #portfolio.index-page #content .item{float:left;width:50%;box-sizing:border-box;padding:1px} #portfolio.index-page #content .item .image{width:100%} #portfolio.index-page #content .item .image img{width:100%} #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} /* item page */ #portfolio.item-page {margin-top:82px; min-height:200px} #portfolio.item-page #gallery {} #portfolio.item-page #gallery .image{float:left;margin:1%;width:23%;box-sizing:border-box;box-shadow:0 0 5px #888} #portfolio.item-page #gallery .image img{width:100%} #portfolio.item-page #inf{margin-top:80px} #portfolio.item-page #inf .cl{width:50%;float:left} #portfolio.item-page #inf .cr{width:48%;padding-left:20px;box-sizing:border-box;float:right;border-left:1px solid #eee} #portfolio.item-page #inf .cr .content .item{overflow:hidden;margin-top:10px;padding-top:20px;border-top:1px solid #eee} #portfolio.item-page #inf .cr .content .item:first-child{border:none} #portfolio.item-page #inf .cr .content .item .image{float:left;width:25%} #portfolio.item-page #inf .cr .content .item .image img{width:100%} #portfolio.item-page #inf .cr .content .item .inf{float:right;width:70%;margin-top:10px} #portfolio.item-page #inf .cr .content .item .inf .title{font-weight:700} #portfolio.item-page #inf .cr .content .item .inf .annotation{margin-top:10px;font-size:12px} /* partners */ #portfolio.item-page #partners {margin:50px auto 30px;padding:30px 20px;box-shadow: 1px 1px 10px#eee} #portfolio.item-page #partners h3{font-size:20px;margin:0 auto 10px;text-align:center} #portfolio.item-page #partners p{font-style:italic;font-size:12px;line-height:16px;text-align:center} #portfolio.item-page #partners .gallery{width:90%;margin:30px auto 0} #portfolio.item-page #partners .gallery .wr{overflow:hidden} #portfolio.item-page #partners .gallery .wr span{display:block;padding:20px} #portfolio.item-page #partners .gallery .wr span img{width:100%} #portfolio.item-page #partners .gallery .slick-prev{left:-5%} #portfolio.item-page #partners .gallery .slick-next{right:-5%} #portfolio.item-page #partners .gallery .slick-prev, #portfolio.item-page #partners .gallery .slick-next{border:none!important;background:none!important} /* steps */ #portfolio.item-page #steps {margin-top:70px;width:102%;margin-left:-2%} #portfolio.item-page #steps h3{font-size:20px;margin:0 auto 20px;text-align:center} #portfolio.item-page #steps .st{float:left;margin:10px 0 0 2%;width:48%;height:140px;background:#fafafa;box-sizing:border-box;padding:20px 10px 20px 60px;border:1px solid #ddd} #portfolio.item-page #steps .st .rel{height:100px} #portfolio.item-page #steps .st .rel .title{color: #d81515;font-size:18px;line-height:24px} #portfolio.item-page #steps .st .rel p{margin-top:10px} #portfolio.item-page #steps .st .rel .vl{position:absolute;left:-30px;top:0;bottom:0;width:1px;border-left:1px solid #ddd} #portfolio.item-page #steps .st .rel .nm{position: absolute;top:50%;margin-top:-25px;left:-45px;width:30px;font-size:22px;line-height:50px;font-style: normal;font-weight: normal;display: inline-block;background:#fafafa;color:#d81515;text-align: center} /* getConsultation */ #portfolio.item-page .getConsultation{margin-top:50px;border-top:1px solid #eee} #portfolio.item-page .getConsultation .head {margin-top:40px!important} #portfolio.item-page .getConsultation .head h3{text-align:center; font-size:22px; line-height:30px; color:#333; font-weight:400} #portfolio.item-page .getConsultation .head h3.act{color:#ff0f00} #portfolio.item-page .getConsultation .head p{font-style:italic; font-size:12px; line-height:16px; text-align:center} #portfolio.item-page .getConsultation .form{width:40%; margin:20px auto 0} #portfolio.item-page .getConsultation .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} #portfolio.item-page .getConsultation .form input.alert{background:#ffe9e2; border:1px solid #ff9090} #portfolio.item-page .getConsultation .form .line input{width:48%; border:1px solid #eee} #portfolio.item-page .getConsultation .form .btn{width:100%; box-sizing:border-box}