body {position:relative;} .chbut{color: #ffffff;margin:5px;cursor:pointer;line-height: 1;border-radius: 5px;background: #2196E4;padding: 9px 18px;} #invoice-form-send-el-goods{display:none} .ui-autocomplete-loading{background: #fff url('//s26.ucoz.net/img/icon/ajsml.gif') center right no-repeat !important;} #cdek {width:300px;} #cont-shop-order .summ-bl{margin-top:10px} #cont-shop-order #order-table tbody:last-child td{padding:15px} #cont-shop-order #order-table tbody:last-child td:nth-child(3){display:none} #cont-shop-order #order-table tbody:last-child td:nth-child(4){display:none} #cont-shop-order #order-table tbody:last-child td:nth-child(5){display:none} #invoice-table tr:hover{background: #f3f2f2;} #cont-shop-invoices .gTable td{padding: 6px;font-size: 14px;line-height: 1.2;} #cont-shop-invoices .gTable td.col_add_time{min-width: 100px;line-height: 1.2;} #invoice-table .col_amount{min-width: 150px;} #invoice-table .gTableSubTop{font-weight:600;font-size:16px;background: #f3f2f2;} #invoice-table{line-height: 1;border: 1px solid #dedede;} #shop-price-list{line-height: 1;border: 1px solid #eaeaea;} .table-price-cat{border-bottom: 1px solid #eaeaea;} .table-price-item{border-bottom: 1px solid #eaeaea;} .table-price-item:hover{background: #eaeaea;} .table-price-item a{text-decoration:none} .table-price-h{background:#eaeaea;text-align:center} .table-price-h-t{text-align: center;padding: 15px 0;font-weight:500;} .table-price-lev2{padding: 16px 15px;font-size: 20px;font-weight:500;} .table-price-lev1{padding: 10px 30px;font-size:15px;font-weight:500;} .table-price-name{padding: 10px 10px 0 45px;position: relative;} .table-price-pr{text-align:center;padding: 10px;} .table-price-bt{height:32px;background: #fff;color: #2196F3;box-shadow: inset 0 0 0px 1px #2196F3;border:0;text-decoration:none;border-radius: 5px;display:block;width:180px;line-height:32px;text-align:center;margin: 10px auto 0;} .table-price-count{text-align:center;padding: 5px;} .table-price-count input[type=text]{padding:5px;line-height:1;height:auto} .irs-bar { background: #0099EE !important; } .irs-from, .irs-to, .irs-single { background: #0099EE !important; } .icon-bl{width:33%;display:inline-block;vertical-align:top;padding: 0px;line-height:1;} .icon-bl i{display:inline-block;font-size:40px;width: 70px;line-height: 70px;height: 70px;text-align: center;border-radius: 50px;vertical-align: middle;color:#0099EE;} .icon-bl:hover i {background:#0099EE;color:#fff} .icon-info{display:inline-block;width: calc(100% - 75px);padding-left: 5px;vertical-align: middle;} .icon-title{font-weight:500;padding-bottom: 5px;font-size:18px;} img.basket, .fa-pointer { cursor: pointer } #image-list { width: 100%; position: relative; margin-top: 10px } #image-list .belt { display: flex; flex-direction: column; gap: 1em; } #image-list .panel { margin: 0; overflow: hidden; width:inherit;height:inherit;} #image-list .inner { position: relative; overflow: hidden; padding:0; } #image-list .img-controls { position: absolute; top:.5em; right:.5em; display:flex; gap:.5em; } #image-list .img-controls > div { width: 16px; height: 16px; cursor: pointer; top: 4px; overflow: hidden } #image-list .img-controls .edt { background: transparent url(/.s/img/icon/edt.png) no-repeat 0 0 } #image-list .img-controls .del { background: transparent url(/.s/img/icon/del.png) no-repeat 0 0 } #image-list .img-controls .at-edit { background: transparent url(/.s/img/icon/sg.png) no-repeat 0 0 } #image-list .inner input { opacity: 0; cursor: pointer; max-width: 100%; box-sizing: border-box; max-height: 100%; } #image-list #gimage-add.wait { background: url('/.s/img/wait.svg') no-repeat center center; } #image-list #gimage-add.wait p { display: none; } #image-list #gimage-add .inner { border: #999 2px dashed; text-align:center; height:3.5rem; background: #9992; display: flex; align-items: center; justify-content: center; } #image-list #gimage-add .inner p { line-height:1.5em; } #image-list #gimage-add .add-image-label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } #image-list #gimage-add .add-image-label input { width: 100%; height: 0; padding: 0; margin:0; min-height:unset; } #image-list #gimage-add .add-image-label span#add_img { height: inherit; display: block; } #image-list #gimage-wrap { display:flex; flex-wrap:wrap; line-height:0; gap:1em; } .sel-gimage img { border:2px solid blue; box-sizing:border-box; } #image-list #gimage-wrap .inner div.image-alt-title-wrapper { position: absolute; bottom:0; top:auto; left:0; right:0; width:auto; display:flex; flex-direction:column; gap:.5em; box-sizing:border-box; height:4.5em; transition:height .5s ease-in-out; overflow:hidden; margin:0 .5em .5em; cursor:initial; } #image-list #gimage-wrap .inner div.image-alt-title-wrapper.u-hidden { height:0; } #image-list #gimage-wrap .inner div.image-alt-title-wrapper input { color:#959090; width:100%; position:unset; box-sizing:border-box; cursor:initial; opacity:1; height:2em; font-size:inherit; padding:0 .5em; line-height:2em; margin:0; min-height:unset; background:#fffc; /*background:#8888;*/ } #delivery-list{width: 100%;margin: 0 auto;white-space: normal;} .summ-dost{padding: 0 40px 40px;} #delivery-list tr:after,#payments-list tr:after{content:'';width:100%;display:block;clear:both;} #delivery-list tr,#payments-list tr{cursor: pointer;display: block;margin: 0 0 40px;line-height: 1.3;clear: both;padding-left: 115px;white-space: normal;width: 100%;position: relative;} #delivery-list tr .imagePayDel-wrap,#payments-list tr .imagePayDel-wrap {background-color: #fbfbfb !important;position: absolute;border: 1px solid #f2f2f2;width: 120px; height: 70px;top: 0px;left: -20px;} #delivery-list tr .imagePayDel,#payments-list tr .imagePayDel {position: absolute;width: 90px;height: 50px;z-index: 0;top: 9px;left: 14px;background-position: center center!important;background-size: contain !important;background-repeat: no-repeat!important;} #delivery-list tr.no-delivery, #delivery-list tr.no-delivery:hover, #delivery-list tr.no-delivery .label, #payments-list tr.no-delivery, #payments-list tr.no-delivery:hover, #payments-list tr.no-delivery .label {color: #777 !important; cursor: default !important;border: 1px solid #fff !important;} #delivery-list tr.no-delivery .imagePayDel-wrap {z-index: 10} #delivery-list tr.no-delivery .imagePayDel {opacity: .4;} #delivery-list input[type="radio"],#payments-list input[type="radio"] {position: absolute;top: -9999px;left: -9999px;} #delivery-list input[type="radio"]:checked + label,#payments-list input[type="radio"]:checked + label{color: #2196f3;} #delivery-list input[type="radio"]:checked + label:before,#payments-list input[type="radio"]:checked + label:before{content:"";color: #2196f3;display: block !important;border: 1px solid #2196f3;} #delivery-list input[type="radio"]:disabled + label,#payments-list input[type="radio"]:disabled + label{color: #d9d9d9;} #delivery-list input[type="radio"]:disabled + label + div,#payments-list input[type="radio"]:disabled + label + div{color: #d9d9d9;} #delivery-list input[type="radio"]:disabled + label:before,#payments-list input[type="radio"]:disabled + label:before{opacity:0.5} #delivery-list input[type="radio"]:disabled + label:after,#payments-list input[type="radio"]:disabled + label:after{content:'';color: #ffc107;display: block;} #delivery-list .label:before,#payments-list .label:before{content:"";float: left;color: #ddd;margin-left: -135px;margin-top: -25px;position: absolute;z-index: 1;width: 116px;height: 68px;} #delivery-list tr:hover .label:before, #payments-list tr:hover .label:before {border: 1px solid #2196f3;} #delivery-list tr .no-delivery, #payments-list tr .no-delivery {opacity:.4} #delivery-list tr:hover .no-delivery, #payments-list tr:hover .no-delivery, #delivery-list tr.no-delivery:hover .label:before, #payments-list tr.no-delivery:hover .label:before{border: 1px solid #fff !important;} #delivery-list .label,#payments-list .label{font-size: 18px;text-align: left;cursor: pointer;font-weight: 500;padding-right: 20px;padding-top: 25px;padding-bottom: 0px;line-height: 1;} .checkout-list-descr {float:left;width: calc(100% - 240px);} .checkout-full-descr {float:left;width: 240px;} .descr-methods, .delivery-cost {display: none;} .checked-descr {margin:25px 15px 0px 15px;background: #fbfbfb;padding: 10px;border-left: 1px solid #f2f2f2;border-bottom: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 2px solid #2196F3;overflow: hidden;} .checked-descr p:nth-child(1){font-size: 16px;font-weight: 700;line-height: 16px;color: #383838;font-family: 'Roboto';} .checked-descr p:nth-child(4){padding: 0x;font-size: 13px;line-height: 13px;color: #777;font-family: 'Roboto';} .checked-descr p:nth-child(5){font-size: 15px;font-weight: 700;line-height: 20px;color: #333;font-family: 'Roboto';} .geo-client-city{background: #fff;color: #2196F3;box-shadow: inset 0 0 0px 1px #2196F3;margin: 25px 0px 15px 0px;height: 30px;line-height: 10px;} .geo-client-city:hover{background: #2196F3;color: #fff;} #zipProperty {font-family: 'Roboto';background: #f7f7f7;border: 1px solid #eee;border-radius: 2px;box-shadow: none;color: #383838;height: auto;font-size: 13px;padding: 8px 13px 7px;width: 100%;} .order-bl_short_description {padding: 20px;display: none;} .order-bl_short_description p {margin: 0px;line-height: 20px;} .order-bl_short_description p span {font-weight: bold} .radio-item{display:inline-block;padding:20px 25px 10px 25px} .radio-item input[type="radio"]{display:none;} .radio-item input[type="radio"]:checked + label{color: #2196f3;} .radio-item input[type="radio"]:checked + label:before{content:"\f046";color: #2196f3;} .radio-item label::before{content:"\f096";font: normal normal normal 22px/1 FontAwesome;padding-right: 5px;float: left;color: #ddd;margin-left: -25px;margin-top: 2px;} .radio-item label{font-size: 18px;text-align: left;cursor: pointer;font-weight: 500;line-height: 1;} #print-button{margin:5px 0} .order-field-promo{float:left} .order-field-promo .promo{margin-left:-2px;margin-right:10px} .order-field-promo input[type=button]{height:32px;background: #2196F3;color: #fff;box-shadow: inset 0 0 0px 1px #2196F3;border:0} .order-field-promo input[type=button]:hover{background:#fff;color:#2196F3} .summ-bl{float:right;width:30%;line-height: 1;margin-top: 20px;} .order-field-promo table{border-spacing:0} .order-block{display:none;width: calc(100% - 300px);float:left;padding-right: 30px;} #cont-shop-order .order-block{width:100%;padding:0} #cont-shop-order .order-blocks{padding-bottom:10px} .summ-block2 {display:none;width: 300px;max-width: 300px;margin-left: 0;float: left;position:relative;border-radius: 5px;} .floaing-block {border: 1px solid #f0f0f0;width: 300px !important;border-radius: 5px;} .summ-block2 h2 {padding: 26px 20px;background: #f0f0f0;font-weight: 500;font-size: 16px;} .summ-block2 .summ-bl{float:none;width:100%;line-height: 1;margin-top: -20px;padding: 20px;} .error-field, .error-field:hover {background: #ff176a !important;box-shadow: inset 0 0 0px 1px #ff176a !important } .order-bl{border:1px solid #f0f0f0;overflow: hidden;margin-bottom: 30px;border-radius: 5px;} .order-bl h2{margin-bottom:0px} .order-bl.show {display:block} .order-bl table{padding:20px 40px} .order-bl h2 i {font-size: 35px;float:left;margin:0 20px 0 0;color:#2196F3;} .order-bl h2{padding:20px;background:#f0f0f0;font-weight:500;font-size:24px} .order-bl h2 span,.summ-block2 h2 span{color: #2196F3;font-size: 14px;float: right; display: none; cursor: pointer} #checkout-form .h-s-basket, #cont-shop-order .h-s-basket{border:0;padding:0;text-align: right;margin: 0 0 30px;} .order-blocks{padding: 10px 20px 30px;} #checkout-form .h-s-basket .btn.credit,#cont-shop-order .h-s-basket .btn.credit, .options-button{background:#fff;color:#ff7e00;float: none;margin: 0 0 10px;vertical-align: middle;} #checkout-form .h-s-basket .btn.credit:hover,#cont-shop-order .h-s-basket .btn.credit:hover, .options-button:hover{background:#ff7e00;color:#fff} .go-of,#cont-shop-order .h-s-basket input[type=submit]{height:40px;background: #2196F3;color: #fff;box-shadow: inset 0 0 0px 1px #2196F3;display:inline-block;line-height:40px;padding: 0 30px;border-radius: 4px;cursor: pointer;margin: 0 0 10px 20px;vertical-align: middle;} .go-of:hover{background:#fff;color:#2196F3} #dostavka .go-of {display: block;padding: 0 8px;margin: 0 0 10px 0px;} .summ-block {padding:20px;background:#f0f0f0;margin-bottom: 20px;overflow:hidden;border-radius: 0 0 5px 5px;} .summ-block span:nth-child(2n){text-align:right} .summ1 span,.summ2 span{float:left;width:50%;padding: 2px 0;min-height: 19px;} .summ-block2 .summ1 div, .summ-block2 .summ2 div {width: 50%;float:left;min-height: 25px;} .summ-block2 .summ1 div:nth-child(2), .summ-block2 .summ2 div:nth-child(2) {text-align:right} .summ-block2 .summ2 {font-size: 14px;margin: 15px 0 0;padding: 20px 0 15px;border-top: 1px solid #f2f2f2;} .summ-block2 .summ2 div {font-weight: bold;} .summ-block2 .summ1 span, .summ-block2 .summ2 span {float:none; width:100%} .fixed-summ-block {position: fixed;top: 60px;} .discont span{float:none} .summ2{font-size:20px;font-weight:900;clear: both;} .sel-gimage { background-color: blue } .order-item-img img{width: 80px;padding: 10px;display:block;} #order-table td.order-total {font-weight:bold;/* display: none; */} .order-head{/* background: #f0f0f0; */} .order-item-nom{display: none !important;} #cont-shop-checkout #order-table tbody tr:last-child{display:none;} #order-table{border:1px solid #f0f0f0;border-radius: 5px 5px 0 0;} #order-table table{border-spacing: 0;} #order-table .order-head th {font-weight: 600;border-bottom: 0;text-align:left;font-size: 16px;padding: 10px 0;color: #000;} .order-head-img,.order-head-del{font-size: 0px !important;} #order-table .order-item td {border-bottom: 1px solid #f5f5f7;line-height: 1.2;} #jourFace .jur-error {background: #fff3f3 !important;border: 1px solid red !important;} .order-item-del span{width: 18px;height: 18px;font-size: 8px;line-height: 18px;padding-left: 1px;background:#09e;color:#fff;display:inline-block;text-align: center;cursor: pointer;} .order-item-del span:hover{background: #e74f45;} .order-head-del{width: 80px;text-align:center !important;} .order-item-price, .order-head-price, .order-head-sum,.order-item-sum{width: 150px;text-align: center !important;} .order-head-other4, .order-item-other4{text-align: center !important;} .order-item-cnt,.order-head-cnt{width: 120px;text-align: center !important;} .order-item-cnt span{padding: 5px;cursor: pointer;background: #fff;border: 1px solid #ddd;color: #000;display: inline-block;height: 40px;width: 40px;line-height: 30px;font-size: 10px;vertical-align: middle;} .order-item-cnt span.fa-minus{ border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; margin-right: -1px; } .order-item-cnt span.fa-plus{ border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; margin-left: -1px; } #cont-shop-order .order-item-cnt *{float:none} #cont-shop-order .order-item-cnt input{ -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;height:32px} .order-item-cnt *{float:left;} .order-item-cnt input{width: 40px;height: 40px;text-align: center;display:inline-block;border-radius: 0;margin: 0;vertical-align: middle;} .order-item-cnt input:focus{border-color:#ddd} .order-item-cnt span:hover{color: #0099ee;} #order-table .warning td { color:red }hed} #order-table .warning td { color:red } #order-table td.wantdel { text-decoration:line-through; } #order-but-recalc, #order-tax-wrapper { float:right } #order-journal { overflow-y:scroll; height:300px } #order-submit { text-align:center; margin:10px } #order-button {font-size: 16px;padding: 20px 50px;height: auto;} #order-button:hover{ background: #fff;color: #2196F3; } #order-info{padding: 20px 20px 20px;} #order-info .order-field{padding:0;width: 70%;display: inline-block;vertical-align: top;} /*.order-fname {padding: 0;font-weight:bold;color: #000;display: inline-block;vertical-align: top;width: 200px;}*/ .order-fname {padding: 0;font-weight:bold;color: #000;display: inline-block;vertical-align: top;width: 25%;} .order-field {padding: 20px 40px 10px 20px;} .more-checkout-info .order-field {padding: 10px 40px 10px 20px;}{} .order-field p {font-size: 13px;color: #777;margin: -5px 0px -20px 0px;} .order-field span { display:block; min-width:100px; min-height:25px; } .more-checkout-info {display:none} .more-checkout-info #bonuses{padding:0 20px} #total-sum {margin: 20px 0 0 0;overflow: hidden;line-height: 1;} #total-sum h4 { margin-bottom: 5px } #total-sum td { padding: 5px 20px 5px 5px; border-top: 1px dashed; border-left: #eee 4px solid } .go-bl{ height: 40px; background: #2196F3; color: #fff; box-shadow: inset 0 0 0px 1px #2196F3; display: inline-block; line-height: 40px; padding: 0 30px; border-radius: 4px; cursor: pointer; float:right; margin: 0; text-decoration: none; } .go-bl:hover{color:#2196F3;background:#fff} .back-bl{ height: 40px; background: #fff; color: #2196F3; box-shadow: inset 0 0 0px 1px #2196F3; display: inline-block; line-height: 40px; padding: 0 30px; border-radius: 4px; cursor: pointer; float:left; margin: 0; text-decoration: none; } #invoice_cont hr{display:none} .back-bl:hover{color:#fff;background:#2196F3} .order-bt{padding: 20px 20px 20px;border-top:1px solid #f0f0f0;} .methods-list .label, #typeFace .label { display: block; font-weight: 700 } #organizationField .label[for="order-fld-15"] {margin: 10px 0px 10px 0px;} #organizationField div {float: left; width: 32%;margin: 10px .5% 10px .5%;} .suggestions-nowrap, .suggestions-subtext_inline, .suggestions-subtext-delimiter {display: inline !important;} .methods-list td { line-height: 150% } .methods-list th { width: 1% } .methods-list textarea { height: 140px } .methods-list .fw {width: 100%;box-sizing: border-box;margin-bottom: 0;} .methods-list input.radio, .methods-list input.checkbox { vertical-align: -2px } #transaction-table .col_rem { font-size: 70% } #invoice-form {margin: 0 0 20px;padding: 0;border: 0;} .invoices-fl{display:none} #cont-shop-invoices .h-cat-sort span{display:inline-block;vertical-align:middle;width:auto;padding-right: 15px;} #cont-shop-invoices .h-cat-sort{border:0;padding:0;margin-bottom:15px} .inv-dop-inf{float:right;font-size: 14px;text-align: right;font-weight: 400;} #cont-shop-invoices .h-cat-sort span:last-child{padding-right:0} #cont-shop-invoices input[type=button], #cont-shop-invoices input[type=submit],#cont-shop-invoices select,#cont-shop-invoices input[type=text]{margin: 5px 0;} .ui-corner-all{border-radius: 16px !important;/* border: 0 !important; */} .ui-datepicker .ui-datepicker-header{border:0} .ui-datepicker .ui-datepicker-title{color:#fff} #ui-datepicker-div .ui-datepicker-calendar td .ui-state-default{text-align: center !important;border: 1px solid #eaeaea !important;background: #fafafa !important;box-shadow: none;border-radius: 23px;padding: 5px;} #ui-datepicker-div .ui-datepicker-calendar td .ui-state-default:hover{background:#ddd !important} .ui-datepicker{z-index: 9 !important;} .col_inv_id small{display;none !important;display: none !important;} .inv-profit{display:none !important} #cont-shop-invoices .h-sort-left{padding-right:15px} #invoice-table small, #transaction-table small { display: block } #invoice-table .col_amount small { cursor: help } #invoice-table .group-pic { vertical-align: -4px } #cont-shop-order .osum { display: block; height: 14px } #cont-shop-invoices .gTableSubTop { cursor: pointer; white-space: nowrap } #cont-shop-invoices .gTable td, #transactions_cont .gTable td { text-align: center } #cont-shop-invoices td.col_payment_id, .col_payment_id td, .col_note small { text-align: left !important } #cont-shop-invoices .forumNameTd { padding-left: 6px; padding-right: 6px } #shop-currency { text-align: center } #shop-page-more { padding: 10px 0; background-position: center center; background-repeat: no-repeat; background-color: transparent } #shop-page-more.wait { background-image: url(/.s/img/sh/wait.gif) } #shop-page-more.wait * { visibility: hidden } #shop-page-more button{border-radius:5px} .shop-page-wrap { text-align: center; padding: 10px } .shop-more-scroll.gTableTop { position: fixed; height: auto !important; max-width: 80%; bottom: 0; z-index: 5; padding: 25px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); border-top-left-radius: 10px; border-top-right-radius: 10px } .shop-more-scroll-close { display: none } .gTableTop a.shop-more-scroll-close { display: block; position: absolute; top: 7px; left: 7px; height: 16px; width: 16px; background: transparent url(/.s/img/sh/del.png) no-repeat scroll 3px 0; cursor: pointer } .gTableTop a.shop-more-scroll-close:hover { background: transparent url(/.s/img/sh/del.png) no-repeat scroll 3px -16px } .shop_spec {width:100%;border-bottom: 1px dashed #dedede;} .shop_spec u { cursor: help } .shop_spec_grp td { font-weight: 700; border-top: 1px dashed #dedede;padding:10px 0px} .shop_spec_sub, .shop_spec_val { padding-left: 20px } .shop_spec_nor { font-weight: 700 } .shop-itempage-images { padding-right: 10px; width: 1% } .shop-itempage-rating-td { width: 1% } .shop-itempage-rating { margin-bottom: 10px } .shop-itempage-rating-text { font-size: 10px; text-align: center } .shop-itempage-price { font-size: 14px; padding: 0 10px } .shop-itempage-buy { width: 1%; text-align: center } #cont-shop-invoices .col_payment_id small{font-size:14px} .col_payment_id td{display:block;padding: 0 !important;} .col_payment_id td input[type=submit]{margin: 10px 0 0 !important;background: #2196f3;color: #fff;} .shop-itempage-buy-btns div { margin: auto } .shop-itempage-author { margin-top: 10px } .shop-itempage-viewed-title { font-size: 20px; padding: 5px 0 10px } .shop-item-title, .shop-item-price { font-size: 1.286em } .shop-item-rating, .shop-item-brief, .shop-item-price { margin: 10px 0 } .shop-options {padding: 0;margin: 0;width: 100%;} .shop-options .shop-options { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .shop-options .shop-options{margin-bottom: 10px;} .shop-options .shop-options li{display:inline-block} .shop-options .shop-options .val {width:100%;margin-top: -20px;} .shop-options .shop-options .opt{font-weight:500} .shop-options .shop-options .val select{width:100%;margin-bottom: 0;} .shop-options li {width:100%;line-height: 150%;list-style-type: none;margin: 0;padding: 0;position: relative;} .shop-options li:last-child {border-bottom:0px} .shop-options .val select{/* width: 500px; */} .shop-options .val {font-weight: 700;line-height: 1;float: left;padding: 0 0 10px;} .shop-options label { font-weight: 400 !important } .shop-info {min-height: 30px;margin-bottom:60px;overflow: hidden;} .shop-imgs img { float: left; margin: 0 15px 15px 0 } .with-clear:after { content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0 } .without-bg { background: none; background-color: #F6F6F6 } .with-clear { display: block } #shop-hmenu { position: relative; list-style: none; margin: 0; padding: 0 } #shop-hmenu div.hmenu-item, #shop-hmenu li.hmenu-item { float: left; text-align: center; padding: 0 1px } #shop-hmenu td.hmenu-item { text-align: center; padding: 0 1px; height: 100% } #shop-hmenu .hmenu-link { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; vertical-align: middle; padding: 0 5px; text-align: center; text-decoration: none; font-size: 12px; font-weight: 700; background-color: #fff; color: #000; border: 1px solid #C2CFE0 } #shop-hmenu .hmenu-corn { width: 100%; height: 0; position: relative; display: none } #shop-hmenu .hmenu-corn b { width: 100%; height: 10px; position: absolute; display: block; background: url(/.s/img/sh/vcor.png) no-repeat 50% 0; margin-top: 1px; z-index: 99 } #shop-hmenu .hmenu-cont u { text-decoration: none } #shop-hmenu .hmenu-cont { display: none; position: absolute; left: 0; text-align: left; z-index: 98; width: 100% } #shop-hmenu .hmenu-cont ol { list-style: none; padding: 0 0 0 5px; background-color: #fff; border: 1px solid #C2CFE0; padding: 10px; margin-top: 10px; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) } #shop-hmenu .hmenu-cont ol li { margin: 0 10px 0 0; width: 200px; float: left !important /* for sort */ } #shop-hmenu .hmenu-cont div { margin: 2px 0 } #shop-hmenu .hmenu-cont div a { font-size: 12px; color: #000; font-weight: 700; text-decoration: none } #shop-hmenu .hmenu-cont ul { list-style: none; padding: 0 0 0 10px; margin: 0 } #shop-hmenu .hmenu-cont ul li { line-height: 20px } #shop-hmenu .hmenu-cont ul li a { font-size: 12px; color: #888; text-decoration: none } .hmenu-onhover .hmenu-item:hover .hmenu-corn { display: block !important } .hmenu-onhover .hmenu-item:hover .hmenu-cont { display: block !important } #shop_wnd_error { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/error_64.png) } #shop_wnd_warning { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/warning_64.png) } #shop_wnd_info { width: 64px; height: 64px; float: left; background-image: url(/.s/img/icon/Info_64.png) } #shop_wnd_text { margin-left: 74px } .payformErrorMsg { color: red; margin-left: 15px } ul.order_notice { list-style: none; padding: 0; margin: 0; font-weight: 700 } ul.order_notice li { padding: 0 0 5px } #recommended_products { padding: 5px 0 10px } #recommended_products_title { color: #000 } .cats_catalog_show_more { text-decoration: none; font-weight: 700; cursor: pointer } .cats_catalog_show_more:hover { text-decoration: underline } .spec-value > .fa { position: absolute; right: 0; top: 0 } .spec-value > .fa.fa-wrench { top: 30px } .warning-msg, .ok-msg { border: 2px dashed; border-radius: 10px; padding: 15px; margin-bottom: 20px } .warning-msg { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b } .ok-msg { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d } .fHelp { color: #96999e; font-size: .9em } .shop-spec-filter-wrapper { margin: 3px; width: 100% } .spec-filter { display: block; margin-bottom: 3px; padding: 3px 10px 3px 0;} .spec-val-ico { display: none } .spec-val-text, .spec-value-more { cursor: pointer } .spec-value-more a { padding-left: 20px } .spec-value-more a.more { background: transparent url(/.s/img/sh/ad.png) no-repeat center left } .spec-value-more a.hide { background: transparent url(/.s/img/sh/au.png) no-repeat center left; display: none } .spec-value { position: relative; white-space: nowrap } .spec-value > select { width: 100% } .collapsed .spec-filter-title { background-image: url(/.s/img/sh/ad.png) } .collapsed .spec-subfilter-title { background-image: url(/.s/img/sh/al.png) } .spec-filter-title, .spec-subfilter-title { position: relative; padding-top: 4px; padding-bottom: 4px; cursor: pointer } .spec-filter-title { padding-right: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center right } .spec-subfilter-title { padding-left: 20px; background: transparent url(/.s/img/sh/au.png) no-repeat center left } .spec-filter-title .sv-edit, .spec-subfilter-title .sv-edit, .spec-value .sv-edit { position: absolute; right: 10px; top: 0; display: none; transition: opacity 0 linear } .spec-filter-title:hover .sv-edit, .spec-subfilter-title:hover .sv-edit, .spec-value:hover .sv-edit { display: block } .sv-edit .u-mpanel-l { border-radius: 13px !important; padding-right: 0 !important } #reset-filter-btn {margin-bottom:15px} .spec-values .spec-value { margin:10px 0px} .spec-filter-title span { font-weight: 700; margin-bottom: 5px } .spec-subfilter-title span { cursor: pointer } .spec-subfilter-list { padding-left: 5px } .spec-subfilter { padding-bottom: 5px } .collapsed .spec-subfilter-list, .collapsed .spec-values { display: none } .important-values .collapsed, .view-as-user .hidden { display: none } .spec-value select { width: auto } .compare-widget-wrapper {} .compare-widget {;cursor: pointer;} .compare-widget-add {} .compare-widget-remove {color: red;} .compare-widget-wait {} .compare-widget-add + a { display: none } .compare-widget-remove + a {display: none;} @-webkit-keyframes fstAnimationEnter { from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0) } } @-moz-keyframes fstAnimationEnter { from { opacity: 0; -moz-transform: translate3d(0, -1em, 0) } to { opacity: 1; -moz-transform: translate3d(0, 0, 0) } } @keyframes fstAnimationEnter { from { opacity: 0; -webkit-transform: translate3d(0, -1em, 0); -moz-transform: translate3d(0, -1em, 0); -ms-transform: translate3d(0, -1em, 0); -o-transform: translate3d(0, -1em, 0); transform: translate3d(0, -1em, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .fstElement { display: inline-block; position: relative; border: 1px solid #D7D7D7; box-sizing: border-box; color: #232323; font-size: .9em; margin-right: 30px; background-color: #fff } .fstElement > select, .fstElement > input { position: absolute; left: -999em } .fstToggleBtn { font-size: 1.4em; display: block; position: relative; box-sizing: border-box; padding: .71429em 1.42857em .71429em .71429em; min-width: 14.28571em; cursor: pointer } .fstToggleBtn:after { position: absolute; content: ""; right: .71429em; top: 50%; margin-top: -.17857em; border: .35714em solid transparent; border-top-color: #cacaca } .fstQueryInput { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; outline: none; box-sizing: border-box; background: transparent; border: 0 } .fstResults { position: absolute; left: -1px; top: 100%; right: -1px; max-height: 30em; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; border: 1px solid #D7D7D7; border-top: 0; background-color: #fff; display: none } .fstResultItem { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; cursor: pointer; border-top: 1px solid #fff } .fstResultItem.fstUserOption { color: #707070 } .fstResultItem.fstFocused { color: #fff; background-color: #43A2F3; border-color: #73baf6 } .fstResultItem.fstSelected { color: #fff; background-color: #2694F1; border-color: #73baf6 } .fstGroupTitle { font-size: 1.4em; display: block; padding: .5em .71429em; margin: 0; font-weight: 700 } .fstGroup { padding-top: 1em } .fstGroup:first-child { padding-top: 0 } .fstNoResults { font-size: 1.4em; display: block; padding: .71429em; margin: 0; color: #999 } /*--- Single Mode ---*/ .fstSingleMode .fstControls { position: absolute; left: -1px; right: -1px; top: 100%; padding: .5em; border: 1px solid #D7D7D7; background-color: #fff; display: none } .fstSingleMode .fstQueryInput { font-size: 1.4em; display: block; width: 100%; padding: .5em .35714em; color: #999; border: 1px solid #D7D7D7 } .fstSingleMode.fstActive { z-index: 100 } .fstSingleMode.fstActive.fstElement, .fstSingleMode.fstActive .fstControls, .fstSingleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) } .fstSingleMode.fstActive .fstControls { display: block } .fstSingleMode.fstActive .fstResults { display: block; z-index: 10; margin-top: -1px } /*--- Multiple mode ---*/ .fstChoiceItem { display: inline-block; font-size: 1.2em; position: relative; margin: 0 .41667em .41667em 0; padding: .33333em .33333em .33333em 1.5em; float: left; border-radius: .25em; border: 1px solid #43A2F3; cursor: auto; color: #fff; background-color: #43a2f3; -webkit-animation: fstAnimationEnter .2s; -moz-animation: fstAnimationEnter .2s; animation: fstAnimationEnter .2s } .fstChoiceItem.mod1 { background-color: #f9f9f9; border: 1px solid #d7d7d7; color: #232323 } .fstChoiceItem.mod1 > .fstChoiceRemove { color: #a4a4a4 } .fstChoiceItem .fstChoiceRemove { margin: 0 !important; background: transparent !important; padding: 0 !important; top: 6px !important; left: 5px !important; box-shadow: none !important; font-size: 16px !important; height: auto !important; line-height: 1em !important } .fstChoiceRemove { box-shadow: none; height: 25px; margin: 0; padding: 0; border: 0; cursor: pointer; background: none; font-size: 1.16667em; position: absolute; left: 0; top: 50%; width: 1.28571em; line-height: 1.28571em; margin-top: -.64286em; text-align: center; color: #fff } .fstChoiceRemove::-moz-focus-inner { padding: 0; border: 0 } .fstMultipleMode .fstControls { box-sizing: border-box; padding: .5em .5em 0; overflow: hidden; width: 20em; cursor: text } .fstMultipleMode .fstQueryInput { font-size: 1.4em; float: left; padding: .28571em 0; margin: 0 0 .35714em; width: 2em; color: #999 } .fstMultipleMode .fstQueryInputExpanded { float: none; width: 100%; padding: .28571em .35714em } .fstMultipleMode .fstFakeInput { font-size: 1.4em } .fstMultipleMode.fstActive, .fstMultipleMode.fstActive .fstResults { box-shadow: 0 .2em .2em rgba(0, 0, 0, 0.1) } .fstMultipleMode.fstActive .fstResults { display: block; z-index: 10; border-top: 1px solid #d7d7d7 } #goods-images-wrapper { width: 696px; } .goods-images-item { width: 127px; height: 127px; border: solid white 1px; padding: 5px; display: block; position: relative; float: left; margin: 5px; } .goods-images-image { max-width: 117px; max-height: 117px; margin: 0 auto; } .google-images-loading, .google-images-unavailable { background: rgba(0,0,0,0.5); overflow: visible; position: absolute; top:0; left:0; z-index: 1000; height: 100%; width: 100%; text-align: center; } .google-images-loading span, .google-images-unavailable span { color: white; margin: 0 auto; display: inline-block; position: absolute; top: 50%; left: 0; } #goods-images-wrapper .pager { clear: both; } #goods-images-wrapper .pgSwchA { padding: 0 !important; border: none !important; } #goods-images-wrapper .pgSwchA b { display: inline-block; line-height: 2em; } .myWinCont #goods-images-wrapper a, .myWinCont #goods-images-wrapper a:link, .myWinCont #goods-images-wrapper a:visited { text-decoration: none!important; } #suggEdit { width: auto !important; box-sizing: border-box; } .h-shat-text .icon-bls{margin: 30px 0 0;} .h-shat-text .icon-bl{width:49%} .icon-bl a{color:#000;display: block;text-decoration: none;} .icon-bl{width: 32%;display:inline-block;vertical-align:top;padding: 0px;line-height:1;margin-bottom: 15px;} .icon-bl i{display:inline-block;font-size:40px;width: 70px;line-height: 70px;height: 70px;text-align: center;border-radius: 50px;vertical-align: middle;color:#0099EE;} .icon-bl:hover i {background:#0099EE;color:#fff} .icon-info{display:inline-block;width: calc(100% - 75px);padding-left: 5px;vertical-align: middle;} .icon-title{font-weight:500;padding-bottom: 5px;font-size:18px;} @import url(/css/other.css); @media only screen and (max-width: 1050px){ .h-shat-text .icon-bl{width:100%} .h-shat{margin-bottom: 30px;} } @media only screen and (max-width: 980px){ .icon-bl i{width:60px;height:60px;font-size: 30px;line-height:60px;} .icon-info{padding-left:0} .fixed-summ-block{top:10px} .floaing-block{width: 220px !important;} .summ-block2{width: 220px;} .order-block {width: calc(100% - 220px);} .order-bt{padding:20px 20px 20px;} .summ-bl{width:40%} .order-bl table{padding:0px 20px} .order-field {padding: 10px 20px 10px 20px;} .order-blocks{padding: 10px 20px 20px;} #order-info{padding: 10px 20px 20px;} } @media only screen and (max-width: 960px){ #invoice-form{display:none} #cont-shop-invoices .h-cat-sort{display:none} #invoice-form.open{display:block} #cont-shop-invoices .h-cat-sort.open{display:block} .invoices-fl{display:inline-block;padding: 0 15px;background-color: #2196F3;box-shadow: inset 0 0 0px 1px #2196F3;color: #fff;border-radius: 4px;margin-bottom: 15px;height: 30px;line-height: 30px;} #cont-shop-invoices .col_payment_id td {padding: 0 !important;} } @media only screen and (max-width: 870px){ .checkout-list-descr,.checkout-full-descr{width:100%;float:none} .checkout-full-descr{margin-bottom:20px} #order-info .order-field{width:50%} .order-item-price, .order-head-price, .order-head-sum, .order-item-sum{width: 100px;} .order-head-del,.order-item-del{width: 20px;padding-right: 20px !important;} } @media only screen and (max-width: 870px){ #invoice_cont table { display: block; } #invoice-table {border:none; border-collapse:collapse;} #invoice-table tbody {display:block; width:100%;} #invoice-table tr:first-child, #invoice-table tr td:first-child {display:none;} #invoice-table tr {display:block; margin-bottom:20px; border:1px solid #dcdcdc; width:100%;} #invoice-table tr td {display:block; position:relative; padding:12px 5px 12px 110px!important; border-bottom:1px solid #dcdcdc; width:100%; text-align:left!important;} #invoice-table tr td:nth-child(2n) {background:#f2f2f2;} #invoice-table tr td:last-child {border-bottom:none;} #invoice-table tr td:before {content:attr(data-label); position:absolute; left:5px; top:11.5px; font-size:13px; font-weight:bold;} #invoice-table tr table tr:first-child, #invoice-table tr table tr td:first-child {display:block; border:none;} #invoice-table tr table tr td {background:transparent!important;} #invoice-table tr table tr td:before {display:none;} #invoice-table tr:hover{background:none} #invoice-table td:hover{background:#f3f2f2} } @media only screen and (max-width: 800px){ .inv-dop-inf{float:none;width:100%;text-align:left} .order-bl h2{font-size:20px} .order-bl h2 i{margin-right:10px;font-size:30px} #delivery-list .label:before, #payments-list .label:before{margin-left: -110px;margin-top: -11px;height: 70px;width: 100px;} #delivery-list tr .imagePayDel-wrap, #payments-list tr .imagePayDel-wrap {width: 100px} #delivery-list tr .imagePayDel, #payments-list tr .imagePayDel{width:65px} #delivery-list tr, #payments-list tr{padding-left:90px;height: 45px;} #delivery-list .label, #payments-list .label{padding-top:10px;font-size: 16px;} #payment-block-1, #delivery-block-1 {margin-top:14px !important} .summ-bl{width:100%} .summ1 span, .summ2 span{min-width:150px;} } @media only screen and (max-width: 768px){ .order-item-other4:before{content:'Бонусы: '} .order-item-other4{text-align:left !important} .order-item-price:before{content:'Цена: '} .order-item-price{text-align:left !important} .icon-bl{width: 49%;} } @media only screen and (max-width: 640px){ .order-block{width:100%;padding-right:0} .order-bl h2{padding: 10px;} .order-bl h2 i{margin: 0 10px 5px 0 !important;font-size: 30px;} .summ-block2{width:100% !important;max-width: none;/* display: none !important; */} .floaing-block{width:100% !important;max-width: none !important;position: initial !important;margin-bottom: 20px;} .fixed-summ-block{position:initial;margin-bottom:20px} .order-item-price{width: auto !important;} } @media only screen and (max-width: 500px){ #order-info .order-field{width:100%} } @media only screen and (max-width: 400px){ #delivery-list tr .imagePayDel-wrap, #payments-list tr .imagePayDel-wrap, #delivery-list .label:before, #payments-list .label:before {width: 90px} #delivery-list tr .imagePayDel, #payments-list tr .imagePayDel{width:60px} .order-bl h2 span, .summ-block2 h2 span{font-size:12px;position: absolute;right: 10px;top: 15px;} .summ1 span, .summ2 span{min-width: auto;} .go-of, .credit {width: 100% !important; margin-left: 0px !important; margin-right: 0px !important;} .order-bl h2 { padding: 10px 90px 10px 10px; position: relative; line-height: 1; } .icon-bl{width: 100%;} .order-bl h2 i{font-size:24px} #delivery-list tr{width: 80%;} } .order-item-del input, .order-item-name small{display: none;} .clean-button { background: #fff; color: #0099ee; border-radius: 5px; border: 1px solid #0099ee !important; box-shadow: none !important; position: absolute; top: 10px; right: 0px; } /*@media(max-width:870px) { .compare-table > div, .compare-table > div > div {display:block!important; width:100%!important; max-width:100%!important;} .compare-table > div > div + div {opacity:1; text-align:left!important;} .compare-table > div {margin-bottom:15px!important;} .compare-menu-button.compare-mode {display:none;} }*/ .ex-block {/* overflow:hidden; */} .ex-button {transition:300ms; width:100%; padding:8px 0; color:#fff; margin:0 auto; display:none; text-align:center; font-size:16px; cursor:pointer; border-radius:5px; box-sizing:border-box; background:#333;} .ex-block--mobile{margin-bottom:12px;} .ex-block--mobile .ex-button {display:block} .ex-block--mobile .ex-slide {padding-top: 20px;display: none;} .ex-block--mobile .hb-block{margin:0} .ex-button-red {background:#ec1545;} .ex-button:hover {opacity:0.7!important;} @media(max-width:991px) { .hb-block {width:100%!important; float:none!important;} .ui-widget-content {max-width:100%!important;} } @media(max-width:1200px) { .hb-header {font-size:14px;} } .slist-text { display:none; } @media(min-width:992px) { .ex-slide:not(.hb-hide) {display:block!important;} .ex-block--mobile .ex-button {padding:10px 0;} } @media(max-width:991px) { .cat-filt {margin-bottom:20px;display:block;} .cat-filt-content {display:none; padding:20px 0 0 0;} .ex-block {width:33.2%; float:left; display:inline-block; margin:0; padding:0 5px;} .ex-button {display:block} .ex-slide {padding-top:20px; display:none;} .ex-block {margin-bottom:20px;} .h-cat-sort {/* border:none; *//* padding:0; */} .slist {font-size:0px;} .slist a {font-size:12px; padding:6.5px 5px;border-radius: 4px; border: 1px solid #bbb;display: inline-block;line-height: 1;color: #bbb; margin:0 4.5px 3px 0; text-decoration:none!important;} .slist a.active {border-color:#2196F3;} .slist-text {text-align:center; margin-bottom:15px; display:block;} .bread {display:none;} .h-cat-sort .item-shop {margin:0;} .bb {overflow:hidden;} .bb-left, .bb-right {float:left; overflow:hidden;} .bb-left {width:calc(100% - 95px);} .bb-right {width:95px;} .bb-right {text-align:right;} .bb-right .bb-vid-title {text-align:right; display:block; margin-bottom:8px;} .slist {text-align:left;} .bb-right .bb-vid {display:inline-block;} .slist-text {text-align:left; margin-bottom:8px;} .bb-vid a:not(:last-child) {margin-right:2px;} } @media(max-width:700px) { .hb-header {font-size:16px;} .order-item-img img{width:60px} .order-item-cnt, .order-head-cnt{width:100px} .ex-block {width:100%; display:block; padding:0; margin-bottom:12px;} } @media(max-width:550px) { .hs-path .add-link {display:none;} .slist a:nth-child(1), .slist a:nth-child(4) {display:none;} } /*@media(min-width:1001px) { .compare-table.compare-view-line {position:relative; padding-left:350px;} .compare-table.compare-view-line .compare-thumb {position:fixed; left:0; z-index:100; background:#fff;} .compare-table.compare-view-line .compare-entry_title {position:fixed; left:100px; z-index:100; background:#fff;} .compare-table.compare-view-column {position:relative; padding-top:204px;} .compare-table.compare-view-column .compare-thumb {position:fixed; left:0; top:100px; z-index:100; background:#fff!important; width:100%; max-height:204px!important; overflow:hidden;} }*/ /*@media(max-width:1000px) { .compare-table.compare-view-line {position:relative; padding-left:100px;} .compare-table.compare-view-line .compare-thumb {position:fixed; left:0; z-index:100; background:#fff;} }*/ .search-layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; display:none;} @media(max-width:350px) { .bb-vid .compact-mode {display:none!important;} .bb-right {width:62px;} .bb-left {width: calc(100% - 62px);} }