/* Start:/bitrix/templates/vsyaupakovka/css/owl.carousel.css?17135127881582*/ .owl-carousel:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;overflow:hidden;width:100%}.item-img,.item-img img,.item-title{width:115px}.owl-carousel .owl-wrapper{position:relative;display:inline-block;-webkit-transform:translate3d(0,0,0);-webkit-perspective:1000}.owl-carousel .owl-item{float:left;text-align:center}.owl-carousel .owl-item .item{display:block;text-align:center}.owl-pagination{display:none}.item-title{clear:both;text-align:left;font-size:14px;display:inline-block}.item-title a{text-decoration:underline}.item-title a:hover{text-decoration:none}.owl-carousel .owl-item .item:hover .item-img{box-shadow:0 0 15px #ccc}.item-img{margin:10px auto;clear:both;display:block;height:147px;position:relative}.owl-controlls .owl-buttons,.owl-controlls .owl-page{cursor:pointer}.owl-controlls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.owl-carousel .owl-next,.owl-carousel .owl-prev{position:absolute;background:url(/bitrix/templates/vsyaupakovka/css/../images/carusel-arrow.png) left center no-repeat!important;height:18px;top:60px;width:10px;overflow:hiddden;text-indent:-999px;padding:0!important;right:0}.owl-carousel .owl-prev{left:0;right:auto;background:url(/bitrix/templates/vsyaupakovka/css/../images/carusel-arrow.png) right center no-repeat!important}.grabbing{cursor:url(/bitrix/templates/vsyaupakovka/css/grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden} /* End */ /* Start:/bitrix/templates/vsyaupakovka/css/owl.theme.css?17135127881661*/ .owl-theme .owl-controlls{margin-top:10px;text-align:center}.owl-theme .owl-controlls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:5px;padding:3px 10px;font-size:12px;background:#869791;opacity:.5}.owl-theme .owl-controlls.clickable .owl-buttons div:hover{opacity:1;text-decoration:none}.owl-theme .owl-controlls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controlls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controlls .owl-page.active span,.owl-theme .owl-controlls.clickable .owl-page:hover span{opacity:1}.owl-theme .owl-controlls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}#slider{overflow:hidden;max-height:397px;margin-bottom:15px}#slider .owl-pagination{position:absolute;bottom:10px;width:100%;display:block}#slider .owl-buttons,.product-carusel .owl-buttons{position:absolute;bottom:57%;width:100%}.product-carusel .owl-buttons{bottom:67%}#slider .owl-next,#slider .owl-prev{position:absolute;left:5px;background:url(/bitrix/templates/vsyaupakovka/css/../images/slider-arrow.png) left top no-repeat!important;height:50px;width:51px;line-height:50px;overflow:hiddden;text-indent:-999px}#slider .owl-next{left:auto;right:5px;background:url(/bitrix/templates/vsyaupakovka/css/../images/slider-arrow.png) left bottom no-repeat!important}#slider span{width:10px;height:10px;margin:5px 7px;opacity:1;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#d7d5d5}#slider .active span{background:#3e3e3e!important} /* End */ /* Start:/bitrix/templates/vsyaupakovka/css/jquery.formstyler.css?17135127889372*/ .jq-checkbox,.jq-radio{vertical-align:middle;margin-right:5px;cursor:pointer}.jq-checkbox.disabled,.jq-radio.disabled{opacity:.55;filter:alpha(opacity=55)}.jq-file__name,.jq-selectbox__select-text{text-overflow:ellipsis;white-space:nowrap}.jq-checkbox{top:-2px;width:16px;height:15px;background:url(/bitrix/templates/vsyaupakovka/css/../images/cheked.png) bottom left no-repeat}.jq-checkbox.checked .jq-checkbox__div{width:16px!important;height:15px!important;background:url(/bitrix/templates/vsyaupakovka/css/../images/cheked.png) top left no-repeat}.jq-checkbox.focused{border:1px solid #08C}.jq-radio{width:15px;height:15px;border:1px solid #C3C3C3;border-radius:50%;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #FFF,inset 1px -1px #FFF;position:relative;top:-1px}.jq-radio.checked .jq-radio__div{width:7px;height:7px;margin:3px 0 0 3px;border-radius:50%;background:#000}.jq-radio.focused{border:1px solid #08C}.jq-file{margin-bottom:5px}.jq-file input{cursor:pointer;height:auto;line-height:1em}.jq-file__browse,.jq-file__name{height:21px;line-height:22px;color:#68696a;overflow:hidden}.jq-file__name{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 80px 0 10px;border:1px solid #ddd;background:#FFF}.focused .jq-file__name{border:1px solid #ccc}.jq-file__browse{position:absolute;top:0;right:0;background:#d7d5d5;padding:0 10px}.jq-file:hover .jq-file__browse{opacity:.8;background-position:0 -10px}.jq-file:active .jq-file__browse{border:1px solid #ddd}.jq-file.disabled .jq-file__name{color:#888}.jq-file.disabled,.jq-file.disabled .jq-file__browse{border:1px solid #ddd;background:#F5F5F5;color:#888}.jq-selectbox{vertical-align:bottom;cursor:pointer}.jq-selectbox__select{width:100%;outline:0;z-index:2;padding:0 25px 0 10px;position:relative;cursor:pointer;display:inline-block;margin-left:10px;height:23px;text-align:left;line-height:23px;border:1px solid #dedede;background:#fefefe;background:-moz-linear-gradient(top,#fefefe 0,#f7f7f7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fefefe),color-stop(100%,#f7f7f7));background:-webkit-linear-gradient(top,#fefefe 0,#f7f7f7 100%);background:-o-linear-gradient(top,#fefefe 0,#f7f7f7 100%);background:-ms-linear-gradient(top,#fefefe 0,#f7f7f7 100%);background:linear-gradient(to bottom,#fefefe 0,#f7f7f7 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=0 );border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.jq-selectbox__select:hover{background:#fff}.jq-selectbox.disabled .jq-selectbox__select{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;width:100%;overflow:hidden}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%}.jq-selectbox__trigger-arrow{position:absolute;top:0;right:0;overflow:hidden;opacity:1;height:22px;line-height:22px;color:#68696a;background:url(/bitrix/templates/vsyaupakovka/css/../images/arrow2.png) center center no-repeat;width:23px}.jq-selectbox.disabled .jq-selectbox__trigger-arrow,.jq-selectbox:hover .jq-selectbox__trigger-arrow{opacity:.3;filter:alpha(opacity=30)}.jq-selectbox__dropdown{left:10px;font-size:14px;z-index:1;top:23px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,.2);line-height:23px}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;outline:0;border:1px solid #CCC;border-radius:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) 100% 50% no-repeat;box-shadow:inset 1px 1px #F1F1F1;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#F0F0F0;font-size:13px}.jq-selectbox ul{margin:0!important;padding:0!important}.jq-selectbox li{width:100%;height:auto!important;padding:3px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;white-space:nowrap;color:#231F20;margin:0!important;background-image:none!important}.jq-selectbox li.selected{background-color:#A3ABB1;color:#FFF}.jq-selectbox li:hover{background-color:#08C}.jq-selectbox li.disabled{color:#AAA}.jq-selectbox li.disabled:hover{background:0 0}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:0 0;color:#231F20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1);background:#FFF;color:#333;font:14px/18px Arial,sans-serif;cursor:default}.jq-select-multiple.focused{border:1px solid #5794BF}.jq-select-multiple.disabled{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08C;color:#FFF}.jq-select-multiple li.disabled{color:#AAA}.jq-select-multiple li.selected.disabled,.jq-select-multiple.disabled li.selected{background:#CCC;color:#FFF}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}input[type=email].styler,input[type=number].styler,input[type=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:7px 9px;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;box-shadow:inset 1px 1px #F1F1F1,0 1px 2px rgba(0,0,0,.1);color:#333;font:14px Arial,sans-serif}input[type=search].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type=email].styler:hover,input[type=number].styler:hover,input[type=password].styler:hover,input[type=search].styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url].styler:hover,textarea.styler:hover{border-color:#B3B3B3}input[type=email].styler:focus,input[type=number].styler:focus,input[type=password].styler:focus,input[type=search].styler:focus,input[type=tel].styler:focus,input[type=text].styler:focus,input[type=url].styler:focus,textarea.styler:focus{border-color:#B3B3B3 #CCC #CCC;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);outline:0}button.styler,input[type=submit].styler,input[type=reset].styler,input[type=button].styler{overflow:visible;padding:7px 11px;outline:0;border:1px solid #CCC;border-bottom-color:#B3B3B3;border-radius:4px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x #F1F1F1;box-shadow:inset 1px -1px #F1F1F1,inset -1px 0 #F1F1F1,0 1px 2px rgba(0,0,0,.1);color:#333;text-shadow:1px 1px #FFF;font:14px Arial,sans-serif;cursor:pointer}button.styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner,input[type=reset].styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner{padding:0;border:0}button.styler:after{content:''}button.styler:not([disabled]):hover,input[type=submit].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=button].styler:not([disabled]):hover{background-color:#E6E6E6;background-position:0 -10px}button.styler:not([disabled]):active,input[type=submit].styler:not([disabled]):active,input[type=reset].styler:active,input[type=button].styler:not([disabled]):active{background:#F5F5F5;box-shadow:inset 1px 1px 3px #DDD}button.styler[disabled],input[type=submit].styler[disabled],input[type=button].styler[disabled]{border-color:#CCC;background:#F5F5F5;box-shadow:none;color:#888}#top-line .jq-selectbox__select{background:0 0;width:auto;padding-right:25px;color:#cfcfcf;margin-top:-3px;height:35px;line-height:35px;border:0}#top-line .jq-selectbox__trigger-arrow{position:absolute;top:16px;right:10px;height:5px;width:9px;background:url(/bitrix/templates/vsyaupakovka/css/../images/arrow.png)}#top-line .jq-selectbox__dropdown{top:32px;width:auto;min-width:150px}.search-line form .jq-selectbox__select{background:#d7d5d5;width:160px;padding-right:25px;color:#545454;height:28px;line-height:30px;margin-right:0}.search-line form .jq-selectbox__trigger-arrow{position:absolute;top:12px;right:10px;height:5px;width:9px;background:url(/bitrix/templates/vsyaupakovka/css/../images/arrow.png)}.search-line form .jqselect{float:left}.search-line form .jq-selectbox__search{display:none}.search-line form .jq-selectbox__dropdown{width:200px;top:29px}.jq-selectbox li:hover{background:#fff!important;color:#136bb8} /* End */ /* Start:/bitrix/templates/vsyaupakovka/css/lightbox.css?17135127882931*/ .lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(/bitrix/templates/vsyaupakovka/css/../img/close.png) url(/bitrix/templates/vsyaupakovka/css/../img/loading.gif) url(/bitrix/templates/vsyaupakovka/css/../img/prev.png) url(/bitrix/templates/vsyaupakovka/css/../img/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{display:none;position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(/bitrix/templates/vsyaupakovka/css/../img/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(/bitrix/templates/vsyaupakovka/css/../img/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(/bitrix/templates/vsyaupakovka/css/../img/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(/bitrix/templates/vsyaupakovka/css/../img/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /* End */ /* Start:/bitrix/templates/vsyaupakovka/css/style.css?172889943679166*/ a, body { color: #3e3e3e } body { width: 100% !important; } .clearfix:after { content: ''; display: block; clear: both; } #top-line, body { min-width: 250px } #logo, #side-content, .product { overflow: hidden } #logo, #webpusk span, .social li a { text-indent: -999px } .filter, .publ-link a, a.abutton { filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=0) } .clear, .of-line, .publ-link, .tabs { clear: both } @font-face { font-family: yanuscregular; src: url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.eot); src: url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.eot?#iefix) format('embedded-opentype'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.woff2) format('woff2'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.woff) format('woff'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.ttf) format('truetype'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC.svg#yanuscregular) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: yanuscbold; src: url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold.eot); src: url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold?#iefix) format('embedded-opentype'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold.woff2) format('woff2'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold.woff) format('woff'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold.ttf) format('truetype'), url(/bitrix/templates/vsyaupakovka/css/../font/YanusC-Bold.svg#yanuscregular) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: 'amsterdam'; src: url('/bitrix/templates/vsyaupakovka/css/../font/amsterdam.eot'); src: local('☺'), url('/bitrix/templates/vsyaupakovka/css/../font/amsterdam.woff') format('woff'), url('/bitrix/templates/vsyaupakovka/css/../font/amsterdam.ttf') format('truetype'), url('/bitrix/templates/vsyaupakovka/css/../font/amsterdam.svg') format('svg'); font-weight: normal; font-style: normal; } * { margin: 0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: yanuscregular, Helvetica, 'Trebuchet MS', Tahoma, sans-serif } #footer-about h1, .cat-desc ul, body { font-family: yanuscregular } a img { border: 0 } a { text-decoration: none } a:hover { text-decoration: underline } p { margin-bottom: 10px } h2, h3 { font-weight: 400; font-size: 21px; margin-bottom: 15px } body { background: #fff; font-size: 15px } input[type=password], input[type=text],input[type=tel],input[type=email], textarea { display: block; height: 30px; line-height: 23px; padding: 0 2px; box-shadow: inset 3px 3px 5px #eee; border: 1px solid #dedede; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #3e3e3e; font-size: 14px } #top-line ul li, .tl-menu, .tl-phone { display: inline-block } #top-line, .tl-phone { line-height: 35px; height: 35px } #content>.bx_page>ul>li, #content>p>ol>li, #content>p>ul>li, #content>ul>li { margin: 8px 20px } .ap-addcart a:hover, .ci-order a:hover, .fd-button input:hover, .filter .reset:hover, .filter-price .reset:hover, .go_to_link_button a:hover, .link-order a:hover, .publ-link a:hover, .social li a:hover, a:hover#webpusk, a:hover.abutton, a:hover.link-kraft, .ap-text a:hover, .action_link a:hover, input[type=submit]:hover { text-decoration: none; opacity: .8 } #wrapper, .centering { position: relative; width: 100%; max-width: 1100px; margin: 0 auto } #top-line { background: #3e3e3e; position: fixed!important; z-index: 222; width: 100%; top: 0; left: 0; color: #fff; font-size: 14px; padding: 0 10px } .tl-menu li { margin-right: 20px } #top-line a { color: #fff } #top-line ul { list-style-type: none } #top-line ul li { /* height: 35px;*/ position: relative } .tl-phone { font-size: 18px; font-weight: 700; opacity: 0; -webkit-transition: opacity .2s ease-out .2s; -moz-transition: opacity .2s ease-out .2s; -o-transition: opacity .2s ease-out .2s; transition: opacity .2s ease-out .2s } .tl-fixed #am1 { opacity: 1; -webkit-transition: opacity .2s ease-out .2s; -moz-transition: opacity .2s ease-out .2s; -o-transition: opacity .2s ease-out .2s; transition: opacity .2s ease-out .2s } #to-top:hover, a:hover.catalog-prod { opacity: .8 } #profile-menu { position: absolute; right: 0; top: 0 } #profile-menu li { margin-left: 20px } #profile-menu li a { display: block; height: 35px; padding-left: 30px } #profile-menu li.link-logreg a.first { padding-left: 30px } #profile-menu li.link-logreg a { display: inline; padding-left: 0 } .link-logreg { background: url(/bitrix/templates/vsyaupakovka/css/../images/tl-icons.png) left 8px no-repeat } .link-cart a { background: url(/bitrix/templates/vsyaupakovka/css/../images/tl-icons.png) left -34px no-repeat; padding-left: 46px!important } .link-cart span { position: absolute; height: 20px; line-height: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; text-align: center; padding: 0 5px; font-weight: 700; color: #fff; background: #ed1b24; left: 22px; top: 5px; font-size: 11px } .link-order { float: right; padding-top: 7px } #logo, .head-about, .head-jobtime, .head-mail, .head-phone { float: left } .link-order a { padding: 0 5px!important; height: 22px!important; line-height: 22px!important; background: #ed1b24!important; border-radius: 3px; webkit-border-radius: 3px; moz-border-radius: 3px } #header { margin-bottom: 30px; margin-top: 60px } #logo { display: block; width: 255px; height: 35px; background: url(/bitrix/templates/vsyaupakovka/css/../images/logo.png) center top no-repeat; margin-top: 5px } .head-additional { margin-left: 221px; display: block } .head-about { font-size: 16px; width: 30%; margin-top: 7px } .head-jobtime, .head-mail { font-size: 14px; margin-top: 7px } .head-mail { width: 22% } .head-mail a { text-decoration: underline } .head-mail a:hover, a:hover.catalog-prod { text-decoration: none } .head-jobtime { width: 18% } .head-phone { font-size: 17px; text-align: right; width: 30% } .head-phone span { display: block; font-weight: 700; font-size: 23px } a.catalog-prod { display: block; color: #fff; padding: 0 20px; text-transform: uppercase; line-height: 45px; height: 45px; background: url(/bitrix/templates/vsyaupakovka/css/../images/menu-general.png) 95% center no-repeat #1662b0 } #general-menu, #index-menu { font-size: 14px; padding: 11px 0; position: relative; list-style-type: none } #general-menu { background: #f2f2f3; box-shadow: 0 0 5px rgba(0, 0, 0, .11); height: 406px } #index-menu { background: #fff } #index-menu a.selected, ul.fm-big a.selected, ul.fm-mini a.selected { color: #1662b0 } #profile-menu a.selected, ul.tl-menu a.selected { text-decoration: underline } #general-menu>li>a, #index-menu>li>a { display: block; padding: 4px 20px; position: relative } #general-menu>li:hover>a, #general-menu>li>a:hover, #index-menu>li:hover>a, #index-menu>li>a:hover { background: #fff; text-decoration: none; color: #1662b0 } #errorSum a, .link-kraft { text-decoration: underline } #general-menu>li>a:after { content: ">"; position: absolute; right: 10px; top: 4px; font-size: 12px } #general-menu>li>ul { position: absolute; z-index: 100; left: 211px; top: -1px; width: 420px; max-width: 730px; min-height: 408px; padding: 20px 15px 0; background: #f2f2f3; list-style-type: none; border: 1px solid #e9e9e9; box-shadow: 0 0 5px #eae8e8; font-size: 14px; border-left: 0; display: none } #general-menu>li:hover>ul { display: block } #general-menu>li>ul>li { width: 50%; margin: 0 0 10px; float: left } #general-menu>li>ul>li>strong { display: block; margin-bottom: 10px; font-size: 12px; font-weight: 700 } #general-menu>li>ul>li>ul { list-style-type: none } #general-menu>li>ul>li>ul>li { margin-bottom: 7px } #general-menu>li>ul>li>ul>li:last-child { margin-bottom: 0 } #general-menu .clear { float: none!important; padding: 0!important } #general-menu .vip { float: right!important } #general-menu .product { position: absolute; border-left: 1px solid #e9e9e9; top: 0; right: 0; min-height: 408px; bottom: 0 } #general-menu .product-line-price { margin-bottom: 3px } .sf-menu { position: relative; margin-bottom: 10px } #hide-menu #general-menu { display: none; position: absolute; left: 0; top: 44px; min-height: 406px; height: auto } #hide-menu #general-menu>li>a { padding: 8px 20px } #hide-menu:hover #general-menu { display: block; z-index: 100 } #side-left { float: left; width: 211px } #hide-menu { margin-bottom: 0 } .sf-block { margin-bottom: 30px } #side-content { /* margin-left: 221px;*/ padding-bottom: 135px; float: left; margin-left: 10px; max-width: 870px; overflow: visible; width: 100%; margin-bottom: 20px; } .red { color: red } #errorSum { text-align: center; color: #fff; background-color: #ed1b34; position: relative; line-height: 1.5; margin-bottom: 20px } #errorSum div { padding: 20px } #errorSum a { color: inherit } .search-line { height: 30px; margin-bottom: 10px } .ap-text, .ap-title { margin-bottom: 25px } .link-kraft { float: right; display: block; height: 30px; line-height: 30px; padding-left: 37px; background: url(/bitrix/templates/vsyaupakovka/css/../images/kraft.png) left center no-repeat; margin-right: 10px } #contentiframe { width: 100%!important } .search-line form { display: inline-block; position: relative; width: 65%; height: 30px } .search-line form input[type=text] { display: block; width: 100%; height: 30px; line-height: 30px; padding-left: 15px; padding-right: 30px; background: #fff; border: 1px solid #c2c2c2; outline: 0 } .search-line form input[type=submit] { position: absolute; overflow: hidden; text-indent: -999px; right: 1px; top: 1px; width: 28px; height: 28px; border: 0; background: url(/bitrix/templates/vsyaupakovka/css/../images/search.png) center center no-repeat; cursor: pointer } #advantages ul li, #slider .item { position: relative } #slider .item .advert-product { position: absolute; top: 39px; right: 75px; width: 220px } #slider .owl-item .item img { max-height: 297px; max-width: 1195px } .ap-title, .ap-title a { font-weight: 700; font-size: 28px; line-height: 28px } .ap-text a{ font-size: 17px; color: #fff; border-radius: 10px; webkit-border-radius: 10px; moz-border-radius: 10px; display: block; text-align: center; background: #ED1B24; border: 1px solid #c2c2c2; padding: 8px ; } .ap-addcart a, .go_to_link_button a { color: #fff; height: 31px; line-height: 31px; border-radius: 31px; webkit-border-radius: 31px; moz-border-radius: 31px; font-size: 12px; display: block; text-align: center; text-transform: uppercase } .ap-addcart a { background: url(/bitrix/templates/vsyaupakovka/css/../images/addcart.png) 25px center no-repeat #ed1b24; padding-left: 27px } .go_to_link_button a { background: #ed1b24 } #advantages { margin-top: 35px; margin-bottom: 28px } #advantages ul { list-style-type: none } #advantages ul li { float: left; padding-left: 59px; padding-top: 10px } #advantages ul li span { display: block; width: 50px; height: 50px; position: absolute; left: 0; top: 0; background: url(/bitrix/templates/vsyaupakovka/css/../images/advantages.png) no-repeat } #advantages ul li.advantage1 span { background-position: left 0 } #advantages ul li.advantage2 span { background-position: left -50px } #advantages ul li.advantage3 span { background-position: left -100px } #advantages ul li.advantage4 span { background-position: left -150px } #advantages ul li.advantage5 span { background-position: left -200px } #advantages ul li:hover.advantage1 span { background-position: right 0 } #advantages ul li:hover.advantage2 span { background-position: right -50px } #advantages ul li:hover.advantage3 span { background-position: right -100px } #advantages ul li:hover.advantage4 span { background-position: right -150px } #advantages ul li:hover.advantage5 span { background-position: right -200px } #advantages li a { display: block } #advantages li:hover a { color: #1662b0; text-decoration: none } .mw-add-cart a, .publics-all-link a { font-weight: 700; text-decoration: underline } #advantages ul li.advantage1 { width: 18% } #advantages ul li.advantage2 { width: 21% } #advantages ul li.advantage3 { width: 18% } #advantages ul li.advantage4 { width: 23% } #advantages ul li.advantage5 { width: 20% } .sf-block h4 { font-size: 13px; text-transform: uppercase; font-weight: 700; margin-bottom: 20px } .publics { list-style-type: none; font-size: 14px } .publics li { margin-bottom: 15px } .publics li:last-child { margin-bottom: 10px } .publics-all-link a:hover { text-decoration: none } #general-filter { background: url(/bitrix/templates/vsyaupakovka/css/../images/shadow.png) center bottom no-repeat; padding-bottom: 45px } #general-filter form { background: #f2f3f1; padding: 30px 15px; border-bottom: 3px solid #00aeef } #general-filter form>span { color: #ed1b24; font-size: 13px; text-transform: uppercase; font-weight: 700; display: inline-block; width: 14% } #general-filter form .jq-selectbox { width: 16%; margin-right: 1.25% } #general-filter form input[type=submit] { height: 24px; line-height: 24px; text-align: center; background: #ed1b24; border: 0; cursor: pointer; color: #fff; width: 12%; margin-left: 25px } #general-filter form a.afakesubmit { height: 22px; line-height: 24px; text-align: center; background: #ed1b24; border: 0; cursor: pointer; color: #fff; width: 12%; display: inline-block; margin-left: 20px } .rub, .rub span { display: inline-block!important; margin: 0!important } .rub { position: relative } .rub span { position: absolute; left: 0; bottom: -3px } .product, .product-popup { position: relative; z-index: 1 } .products { padding: 0 5px; text-align: center; margin-bottom: 20px } .product { display: inline-block; width: 205px; text-align: left; float: left; margin: 0 2px 0 8px } #content .product { margin: 0 2px 0 5px } .product-popup { display: block; padding: 10px; background: #fff } #page-navigation ul li, #thumbs .item, #webpusk span, .and-sr, .map, .pf-right, .product-img, .product-title a, .social li a { overflow: hidden } .product-img { display: block; width: 190px; height: 192px; position: relative; margin-bottom: 10px; text-align: center } .product-img img { width: 150px } .product-action { display: block; position: absolute; top: 0; right: 0; font-size: 14px } .product-action div, .product-action span { display: block; width: 35px; height: 35px; line-height: 35px; border-radius: 35px; webkit-border-radius: 35px; moz-border-radius: 35px; text-align: center; text-transform: uppercase; margin-bottom: 5px } .product-price, .product-title { margin-bottom: 10px; display: block } .products .product .product-img a { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #pi-general div.img img, #thumbs .owl-wrapper .owl-item a { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%) } .sale { color: #252525; background: #beea21 } .hit { color: #fff; background: #00aeef } .new { color: #252525; background: #ffe400 } .action { color: #fff; background: #ff141f; font-size: 10px; } #general-menu>li:first-child>a { color: #ff141f; } .product-title { padding-bottom: 20px; border-bottom: 1px solid #ebebeb; min-height: 74px; height: auto } .product-title a { display: block; max-height: 53px } .product-price { font-size: 14px; } .product-line-price { display: block; display: inline-block; line-height: 16px } .product-price del { display: block; text-align: right } .product-price-color { font-weight: 700; font-size: 16px; color: #ed1b24 } .detail-prices-item.active { text-decoration: underline; } .product-line-price .price-value { text-align: right; display: inline-block; } /*.char-length-2 .product-line-price .price-value { width: 35px; } .char-length-3 .product-line-price .price-value { width: 49px; } .char-length-4 .product-line-price .price-value { width: 49px; } .char-length-5 .product-line-price .price-value { width: 68px; } .char-length-6 .product-line-price .price-value { width: 69px; }*/ .price-separator { display: inline-block; margin: 0 5px; } .products .product .price-separator, .sale-viewed .price-separator { text-transform: uppercase; } .product-addcart, .product-status { margin-bottom: 10px; } .product-addcart span {display: inline-block;} .product-addcart input[type=text] { width: 70px; display: inline-block; padding: 0 5px; margin:0 5px 15px 5px } .product-addcart span.quant {width: 60px;} .product-addcart span.shtuk {width: 45px;} .product-status { font-size: 14px; color: #00a651 } .product-info { font-size: 14px } .color-line { clear: both; height: 3px; margin-bottom: 30px } .color-line .cl-1, .color-line .cl-2, .color-line .cl-3, .color-line .cl-4, .color-line .cl-5 { float: left; width: 20%; height: 3px } .cl-1 { background: #ed1b24 } .cl-2 { background: #1662b0 } .cl-3 { background: #00aeef } .cl-4 { background: #beea21 } .cl-5 { background: #ffe400 } .footer-menus { margin-top: 50px; margin-bottom: 50px } .footer-menus ul { list-style-type: none } .fm-mini { width: 20%; float: left } .fm-block { width: 17.5%; float: left } .fm-big { width: 42.5%; float: left } .fm-big li { width: 50%; float: left } .fm-big li:first-child, .fm-block strong, .fm-mini li:first-child { display: block; width: 100%; margin-bottom: 25px; font-weight: 700; font-size: 13px; text-transform: uppercase } .social { list-style-type: none } .social li a { display: block; width: 30px; height: 30px; margin-right: 7px; background: url(/bitrix/templates/vsyaupakovka/css/../images/social.png) no-repeat } #webpusk span, .facebook, .twitter, .vk { display: inline-block } .social li { margin-bottom: 5px } .social li.vk a { background-position: left center } .social li.facebook a { background-position: center center } .social li.twitter a { background-position: right center } #footer-about-think { background: #f2f3f1; height: 5px } #footer-about { padding: 30px 0; background: #f2f3f1 } #footer-about ol, #footer-about ul { margin-bottom: 10px; margin-left: 25px } #footer-about ol li, #footer-about ul li { margin-bottom: 10px } #footer-about ol li:last-child, #footer-about ul li:last-child { margin-bottom: 0 } #footer-about h1 { font-size: 21px; font-weight: 700; margin-bottom: 20px; text-align: left } #footer { padding: 25px 0 } #webpusk { display: block; float: right; margin: 20px 0; text-align: center } #webpusk span { background: url(/bitrix/templates/vsyaupakovka/css/../images/webpusk.png) right bottom no-repeat; width: 84px; height: 23px; margin-bottom: -7px } .adddvert-block { display: inline-block!important; width: 211px; border: 1px solid #c5c5c5; padding: 20px; text-align: left } #page-navigation ul li, .mw-add-cart, .nav, .nav li, .publ-link a, a.abutton { text-align: center } .adddvert-block .ap-title { font-size: 21px; margin: 50px 0 } .nav { overflow: hidden; margin-top: 25px; padding-bottom: 30px; display: block; list-style-type: none } .nav li { margin: 0 3%; display: inline-block; background: #fff; height: 31px; line-height: 31px; font-weight: 700; padding: 0 10px; border-radius: 31px; webkit-border-radius: 31px; moz-border-radius: 31px; font-size: 13px; text-transform: uppercase; cursor: pointer } .nav li:last-child { margin-right: 0 } .activeNav, .nav li:hover { background: #1662b0!important; color: #fff!important } .tabs { display: block; list-style-type: none } .tabs li { display: none } .tabs li.activeTab { display: block } .modal { z-index: 1000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(228, 228, 228, .67) } .modal-window { max-width: 675px; position: absolute; background: #fff; box-shadow: 0 0 15px #c8c8c8; top: 20%; left: 50%; margin-left: -180px; display: none; z-index: 1001 } .mw-title { font-weight: 700; font-size: 14px; text-transform: uppercase; padding: 15px } .mw-close { display: block; position: absolute; right: 10px; top: 8px } .mw-content { position: relative; padding: 0 15px 20px } .mw-add-cart img { width: 170px; border: 1px solid #e0e0e0; margin-bottom: 20px } .mw-add-cart a { display: inline-block; padding: 0 10px; height: 21px; line-height: 21px; font-size: 15px } .mw-add-cart a:hover, a:hover.mw-close { opacity: .8; text-decoration: none } .wmac-order { background: #ed1b24!important; color: #fff!important; text-decoration: none!important; border-radius: 3px; webkit-border-radius: 3px; moz-border-radius: 3px } .wmtac { background: url(/bitrix/templates/vsyaupakovka/css/../images/ok.png) 15px center no-repeat; padding-left: 50px; margin-left: 45px } #side-content #content, .filter { margin-left: 10px } #to-top { opacity: .4; width: 50px; height: 50px; background: url(/bitrix/templates/vsyaupakovka/css/../images/go-top.png) center center no-repeat #000; position: fixed; z-index: 100; bottom: 30px; right: 30px; cursor: pointer; display: none; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px } #pi-general, #pi-general div.img img, .cf-img, .content-side-right, .filter { position: relative } #breadcrumbs { font-size: 14px; padding: 5px 10px; margin-bottom: 10px } #breadcrumbs>li>a { display: inline-block; margin: 0 2px; } #breadcrumbs>li { display: inline; } #content h1, #page-full h1 { font-weight: 400; font-size: 26px; margin-bottom: 15px } #content { padding-bottom: 100px } #content li, #content p, #page-full li, #page-full p { margin-bottom: 15px } #content ol, #content ul, #page-full ol, #page-full ul { margin-left: 20px } .cf-line-title, .cf-text { margin-left: 136px } #content ul.tabs>li { margin-bottom: 0 } .publ, .publ-date { margin-bottom: 15px } .publ { padding-bottom: 15px; border-bottom: 1px solid #dedede } #publics div:last-child.publ { border: 0 } .publ-img, .publ-link a { border: 1px solid #dedede } .publ-date { font-size: 15px; font-weight: 400 } .publ-title { font-size: 21px; font-weight: 400; margin-bottom: 10px } .publ-img, .review, .srb-title { margin-bottom: 15px } .publ-text { font-size: 15px } .publ-img { float: left; margin-right: 35px } .publ-img img { width: 135px } .publ-link { margin-top: 15px } #page-navigation, .cf-info, .filters-bottom { margin-top: 10px } .publ-link a { display: inline-block; height: 23px; width: 98px; line-height: 23px; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -o-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -ms-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: linear-gradient(to bottom, #fefefe 0, #f7f7f7 100%); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #page-navigation ul { list-style-type: none } #page-navigation ul li { height: 30px; width: 30px; display: inline-block; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; line-height: 30px; border: 1px solid #dedede; margin-right: 5px; font-size: 14px } #page-navigation ul li a { display: block; height: 30px; text-align: center } #page-navigation ul li a:hover { text-decoration: none; color: #ed1b24 } #page-navigation ul li span { font-weight: 700 } #page-navigation ul li span.red { color: #ed1b24 } a.abutton { display: inline-block; height: 23px; line-height: 23px; padding: 0 15px; border: 1px solid #dedede; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -o-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -ms-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: linear-gradient(to bottom, #fefefe 0, #f7f7f7 100%); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .content-side-right { float: right; width: 245px; top: -47px } .and-sr { margin-right: 280px } .srb-title { font-weight: 400; font-size: 26px } .review-date, .review-name { margin-bottom: 10px } .review-name { font-size: 21px } .cf-line-title, .ci-price { font-size: 17px } #page-full { padding-bottom: 100px } #page-full #breadcrumbs { padding-left: 0!important; margin-left: 0; } .and-pf { padding-bottom: 0!important } .cf-line { padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; margin-bottom: 20px } .cf-line strong { display: none } .cf-count, .cf-del, .cf-price, .cf-summ, .cf-title { float: left; padding: 20px 0 } .top_line{ margin:0 0 10px 50.5%; } .top_line .left{ float: left; width: 30%; text-align: center; } .cf-line.top{ } .top_line .right{ float: right; width: 44%; font-weight: normal !important; text-align: center; } .cft-price.two{ margin-left: 14%; text-align: center; font-weight: normal !important; } .cft-summ.two{ text-align: center; font-weight: normal !important; } .cf-title { width: 41%; } .cf-count, .cf-del, .cf-price, .cf-summ { width: 14.5%; text-align: center; } .cf-price{ margin-left: 1%; } .cf-count del, .cf-price del { display: block } .cf-img { float: left; border: 1px solid #e8e8e8 } .cf-img img { width: 116px } .cft-count, .cft-price, .cft-summ { width: 14.5%; float: left; text-align: center; } .gray{ color: gray !important; } .cf-img .product-action { top: 5px; right: 5px } .cf-del a, .go-buy a { text-decoration: underline } .cf-del a:hover, .go-buy a:hover { text-decoration: none } .cf-line-title { font-weight: 700 } .cft-count { margin-left: 41% } .go-buy { float: left } .cart-itog { float: right; width: 44%; margin-bottom: 35px } .ci-order, .ci-price { width: 100%; font-weight: bold; float: left } .ci-order { text-align: right } .ci-price dl{ width: 50% !important; } .ci-price dl.first-child{ text-align: left; float: left !important; } .ci-price dl.first-child dt{ margin: 0 40px 0 18px; } .ci-price dl.last-child{ float: right !important; font-weight: normal; width: 40% !important; text-align: right; margin: 0 10px 20px 0; } .cf-del{ text-align: center; } .econ{ margin: 0 0 20px 0; text-align: right; line-height: 28px; font-weight: bold; } .more_items{ background: #1662b0 !important; color: #fff !important; margin-right: 20px; } a.make{ margin-left: 20px; } a.make.quick-order{ margin-right: 20px; } .econ span{ color: red; } .ci-order .fakeButton, .ci-order a { color: #fff; background: #ed1b24; display: inline-block; height: 25px; text-align: center; line-height: 25px; font-size: 17px; padding: 0 15px; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer } .ci-price dl { text-align: right } .ci-price dt { float: left } .pf-left { float: left; width: 460px } #pf-img { text-align: center } #pi-general div.img { width: 300px; height: 250px; border: 1px solid #dedede } #pi-general div.img img { max-width: 100%; width: auto; max-height: 100%; height: auto; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } #pi-general { display: inline-block; margin-bottom: 20px; max-width: 300px } #pi-general .product-action { top: 10px; right: 10px; z-index: 99 } .pf-right { margin-left: 330px } #thumbs .owl-next, #thumbs .owl-prev { top: -5px; background-color: #fff!important; height: 40px!important; opacity: 1!important } #thumbs .owl-prev { left: -5px } #thumbs .owl-next { right: -5px } #thumbs .item { display: inline-block; border: 1px solid #dedede; width: 60%; height: 60%; cursor: pointer } .pf-left #thumbs .item { width: 45px; height: 45px; } #thumbs { display: inline-block!important; max-width: 300px } #thumbs img { width: 100% } #thumbs, #thumbs .owl-wrapper, #thumbs .owl-wrapper .owl-item { height: 67px!important } #thumbs .owl-wrapper .owl-item a, #thumbs .owl-wrapper .owl-item a img { width: auto!important; max-width: 100%!important; height: auto!important; max-height: 100%!important } #thumbs .owl-wrapper .owl-item a { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .prod-status { color: green; margin-bottom: 15px } .pfr-left, .pfr-right { float: left; width: 50%; margin-bottom: 15px; line-height: 26px } .pfr-left dt, .pfr-right dt { float: left; margin-right: 10px } .pfr-right input[type=text] { width: 50px; display: inline-block; text-align: center } .pfr-right .product-addcart { margin-top: 15px; width: 170px } .pfr-left a { text-decoration: underline } .pfr-left a:hover { text-decoration: none } .cat-desc ul li a, .login-link a { text-decoration: underline } .pf-right .nav, .pf-right .tabs { text-align: left; margin-left: 0!important; padding-bottom: 5px!important } .pf-right .nav li { padding: 0 15px!important; margin: 0 0 5px!important } .ablue { color: #1662b0 } .pfr-right .abutton { border-radius: 24px; webkit-border-radius: 24px; moz-border-radius: 24px; width: 170px } .pfr-block { margin-bottom: 15px } .pfr-block p { font-size: 17px; line-height: 20px; } .pfr-block strong { display: block; margin-bottom: 10px } .filter, a.print, a.sayfriend { display: inline-block } .tabs dl { line-height: 35px } .tabs dt { float: left; width: 150px; font-weight: 700 } .pfr-left big { color: #ed1b24; font-size: 24px } .pf-left .owl-carousel { margin-bottom: 20px } .pfr-social .social { float: right } a.print { padding-right: 30px; background: url(/bitrix/templates/vsyaupakovka/css/../images/print.png) right top no-repeat; margin-right: 15px; line-height: 21px } a.sayfriend { padding-right: 25px; background: url(/bitrix/templates/vsyaupakovka/css/../images/print.png) right -40px no-repeat } .pfr-social { margin-bottom: 15px } .cat-desc { font-size: 16px; /*margin-bottom: 20px*/ } @media (max-width: 767px) { .cat-desc, .filters-all, .filters-bottom .fb-fr:first-child, .filter-label { display: none !important; } .fb-fr { width: 100% !important; } .fb-fr .jq-selectbox { width: 100% !important; max-width: inherit !important; } .fb-fr .jq-selectbox__select { background: #fff; } .products .product { width: 47%; } .products .product .product-img { width: inherit !important; } .products .product .product-img img { display: block; max-width: 100%; width: inherit !important; } .products .product .count-input { width: 86px !important; margin-top: 2px !important; } .products .product .count-input input { width: 45px !important; font-size: 14px !important; } .products .product .product-addcart { margin-top: 8px !important; } #page-navigation { text-align: center; } .products .product-line-price, .products .product-line-price .price-separator, .sale-viewed .product-line-price, .sale-viewed .product-line-price .price-separator{ font-size: 12px !important; } } @media (max-width: 359px) { .products .product-line-price, .products .product-line-price .price-separator, .sale-viewed .product-line-price, .sale-viewed .product-line-price .price-separator{ text-transform: lowercase } .products .product-line-price, .sale-viewed .product-line-price { font-weight: normal!important; } } .cat-desc ul { margin: 20px 0 0!important; list-style-type: none; font-size: 15px } .cat-desc ul li { float: left; width: 25%; margin-bottom: 5px!important; padding: 0 40px 0 0; } .cat-desc ul li a:hover { text-decoration: none } #filters { padding: 15px 0 25px; border-top: 1px solid #d0d1d1; border-bottom: 1px solid #d0d1d1; margin-bottom: 10px; /*display: none;*/ } #filters>form.smartfilter div.formitems, #filters>form.smartfilter div.formname { float: left } #filters>form.smartfilter div.formitems { width: auto; max-width: 800px } .filter { margin-bottom: 5px; cursor: pointer; height: 23px; text-align: center; line-height: 23px; border: 1px solid #dedede; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -o-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -ms-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: linear-gradient(to bottom, #fefefe 0, #f7f7f7 100%); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .filterfakesubmit { padding: 0 10px } .filterfakesubmit:hover { opacity: .8 } .filter .f-name { padding: 0 15px } #general-filter .filter .f-name { padding: 0 30px } .filter-dropdown { display: none; text-align: left; position: absolute; top: 37px; left: 50%; margin-left: -85px; width: 170px; background: #fff; z-index: 200; border: 1px solid #bfbfbe; cursor: default; box-shadow: 0 0 10px #a3a3a3 } .fd-ugol { position: absolute; left: 75px; top: -13px; width: 19px; height: 15px; background: url(/bitrix/templates/vsyaupakovka/css/../images/filter.png) top center no-repeat } .fd-window { padding: 5px 10px; border-bottom: 1px solid #e3e2e2 } .fd-window input[type=text] { width: 100%; margin-bottom: 10px } .fd-button { padding: 10px } .fd-button input, .filter-price { position: relative; cursor: pointer; display: inline-block; color: #fff; height: 25px; text-align: center; line-height: 25px; padding: 0 10px; border: 1px solid #136ab6; background: #01a8eb; background: -moz-linear-gradient(top, #01a8eb 0, #136ab6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #01a8eb), color-stop(100%, #136ab6)); background: -webkit-linear-gradient(top, #01a8eb 0, #136ab6 100%); background: -o-linear-gradient(top, #01a8eb 0, #136ab6 100%); background: -ms-linear-gradient(top, #01a8eb 0, #136ab6 100%); background: linear-gradient(to bottom, #01a8eb 0, #136ab6 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#01a8eb', endColorstr='#136ab6', GradientType=0); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .filter-price { height: 23px; text-align: left; line-height: 23px; margin-left: 10px; cursor: default; font-size: 14px; padding-right: 30px } .filter-price .reset { position: absolute; right: 0; top: 0; display: inline-block; height: 22px; width: 25px; background: url(/bitrix/templates/vsyaupakovka/css/../images/close.png) center 3px no-repeat; border-left: 1px solid #136ab6 } .filter-dropdown label, .filter-dropdown strong { display: block; margin-bottom: 5px } .filter-dropdown label { cursor: pointer } .fd-window div, .fd-window label, .fd-window strong { color: #3e3e3e } .fd-window label { font-size:13px; } .filters-bottom { padding: 15px 10px 15px 0 } .filters-bottom .jq-selectbox { vertical-align: middle; line-height: 1; } .filters-bottom .filter-label { font-weight: bold; } .filters-bottom .filter { padding-left: 28px; padding-right: 10px; float: left; margin-top: 5px } .filter .reset { position: absolute; left: 5px; top: 2px; display: inline-block; height: 16px; width: 16px; background: url(/bitrix/templates/vsyaupakovka/css/../images/close.png) center bottom no-repeat } .reset>.filter { background: url(/bitrix/templates/vsyaupakovka/css/../images/close.png) 3px -22px no-repeat } .filters-all { display: inline-block; font-size: 24px; float: left } .fb-fr { margin-top: 5px; line-height: 24px; margin-left: 5%; float: right } .fb-fr .jq-selectbox__dropdown { width: auto } .login-link { background: #cadff4; text-align: center; padding: 3px 5px; margin-bottom: 10px } .login-link a:hover { text-decoration: none } div.news-detail>p a, ul.news-list-menu>li>a.activeNav { text-decoration: underline } .of-line { margin-bottom: 15px } .of-line label { margin-right: 15px; cursor: pointer } .of-line .location-block-wrapper, .of-line input[type=text] { float: left; width: 24%; margin-right: 1%; margin-bottom: 5px } .of-line .dropdown-block.bx-ui-sls-input-block, .of-line .dropdown-block.bx-ui-sls-input-block input[type=text] { height: 23px; color: #3e3e3e; font-weight: 200; width: 100%; font-size: 11px; border: 1px solid #dedede; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .of-line .dropdown-block.bx-ui-sls-input-block .dropdown-icon { top: 20% } .of-line .bx-sls .dropdown-fade2white { width: auto; height: auto } .of-line .bx-sls .bx-ui-sls-clear { top: -5px; right: -4px } .widthinput { width: 49.6%!important } .of-line input.nomargin { margin-right: 0!important } .of-title { margin-bottom: 10px; font-weight: 700 } .of-block, .of-block label, .of-textarea, .of-textarea textarea { margin-bottom: 15px } .of-block { width: 50%; float: left } .of-block label { display: block; cursor: pointer } .of-block strong { display: block } .of-block .jq-radio { float: left; top: 3px } .of-block span { display: block; margin-left: 25px } .cio-full { float: right } .of-textarea textarea { width: 100%; min-height: 80px; padding: 10px } .oft-checkbox { text-align: right } .oft-checkbox label { cursor: pointer } .map { width: 100%; border: 1px solid #ccc } .contact-left { float: left; width: 50% } .contact-right { float: left; width: 45%; margin-left: 5% } #contact-form .jq-file.inputfile, #contact-form input[type=text], #contact-form input[type=tel],#contact-form input[type=email], #contact-form textarea { margin-bottom: 15px; width: 100% } #contact-form .jq-file.inputfile { box-shadow: inset 3px 3px 5px #eee; border: 1px solid #dedede; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #contact-form textarea { height: 80px } #contact-form input[type=submit] { border: 0; color: #fff; background: #ed1b24; display: inline-block; height: 25px; text-align: center; line-height: 25px; font-size: 17px; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer } @media screen and (max-width:1000px) { .cart-itog { float: right; width: 55% } .pfr-social .social { float: none; margin: 0!important } .pfr-social .social li { margin: 0!important } } @media screen and (max-width:900px) { .cat-desc ul li { width: 50% } #logo, .pfr-left, .pfr-right { float: none; width: 100% } #profile-menu li { margin-left: 0!important; margin-right: 10px!important } #profile-menu li.link-cart a, #profile-menu li.link-logreg a { font-size: 0; overflow: hidden; text-indent: -999px } #logo { margin-top: 0; margin-bottom: 30px } .head-additional { margin-left: 0; display: block } .head-about, .head-jobtime, .head-mail, .head-phone { float: left; width: 50%; margin-bottom: 10px; min-height: 50px; text-align: center } .search-line { height: auto } .search-line form { display: block; position: relative; width: 100% } .link-kraft { float: none; display: block; margin-bottom: 10px } #advantages ul li { float: left; width: 50%!important; min-height: 50px; margin-bottom: 10px } #general-filter form .jq-selectbox, #general-filter form span { width: 100%; margin-right: 0; margin-bottom: 10px } #general-filter form input[type=submit] { width: 100%; text-align: center } .fm-big, .fm-block, .fm-mini { width: 50%; float: left; margin-bottom: 15px } .content-side-right { float: none; width: 100%; margin-bottom: 20px } .and-sr { margin: 0!important } .cart-itog { width: 65% } } #header-email, #header-phone, .page_menu{ display: none; } .index .page_menu .all_menu{ display: block; } .page_menu{ position: relative; background: #fff; margin: 0; margin-bottom: 25px; } .page_menu>ul{ list-style-type: none; } .page_menu>ul>li{ border-bottom: 1px solid #f2f2f3; } .pm_link{ position: relative; display: block; line-height: 50px; font-size: 16px; padding-left: 55px; padding-right: 10px; cursor: pointer; background: #fff; color: #343434; transition: background 0.3s, color 0.3s; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pm_current .pm_link, .pm_link:hover{ background: #1662b0; color: #fff; transition: background 0.3s, color 0.3s } .pm_link:before{ content: ""; position: absolute; left: 17px; width: 20px; top: 15px; height: 20px; background: red; } .pm_1:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/1g.png) center center / contain no-repeat; } .pm_1:hover:before, .pm_current .pm_1:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/1w.png) center center / contain no-repeat; } .pm_2:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/2g.png) center center / contain no-repeat; } .pm_2:hover:before, .pm_current .pm_2:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/2w.png) center center / contain no-repeat; } .pm_3:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/3g.png) center center / contain no-repeat; } .pm_3:hover:before, .pm_current .pm_3:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/3w.png) center center / contain no-repeat; } .pm_4:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/4g.png) center center / contain no-repeat; } .pm_4:hover:before, .pm_current .pm_4:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/4w.png) center center / contain no-repeat; } .pm_5:before, .pm_13:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/5g.png) center center / contain no-repeat; } .pm_5:hover:before, .pm_current .pm_5:before, .pm_13:hover:before, .pm_current .pm_13:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/5w.png) center center / contain no-repeat; } .pm_6:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/craft-paper-icon.png) center center / contain no-repeat; } .pm_6:hover:before, .pm_current .pm_6:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/craft-paper-icon.png) center center / contain no-repeat; } .pm_7:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/6g.png) center center / contain no-repeat; } .pm_7:hover:before, .pm_current .pm_7:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/6w.png) center center / contain no-repeat; } .pm_8:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/7g.png) center center / contain no-repeat; } .pm_8:hover:before, .pm_current .pm_8:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/7w.png) center center / contain no-repeat; } .pm_9:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/8g.png) center center / contain no-repeat; } .pm_9:hover:before, .pm_current .pm_9:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/8w.png) center center / contain no-repeat; } .pm_10:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/9g.png) center center / contain no-repeat; } .pm_10:hover:before, .pm_current .pm_10:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/9w.png) center center / contain no-repeat; } .pm_11:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/10g.png) center center / contain no-repeat; } .pm_11:hover:before, .pm_current .pm_11:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/10w.png) center center / contain no-repeat; } .pm_12:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/11g.png) center center / contain no-repeat; } .pm_12:hover:before, .pm_current .pm_12:before{ background: url(/bitrix/templates/vsyaupakovka/css/../images/menu_/11w.png) center center / contain no-repeat; } .page_menu>ul>li ul{ position: relative; list-style-type: none; margin-left: 20px; margin-bottom: 15px; } .page_menu>ul>li>ul li{ border-bottom: 1px solid #f2f2f3; } .pm_back{ position: relative; display: block; line-height: 40px; font-size: 16px; color: #1662b0; font-family: 'pt_sansbold'; text-decoration: underline; cursor: pointer; } .pm_back:hover{ text-decoration: none; } .pm_back:before{ content: "<"; display: inline-block; vertical-align: top; margin-right: 5px; } .pm_sublink, .pm_subspan{ position: relative; display: block; line-height: 40px; font-size: 16px; color: #343434; text-decoration: none; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .pm_sublink:hover, .pms_current .pm_sublink, .pm_subspan:hover, .pms_current .pm_subspan, .pmss_cur{ text-decoration: underline; } .pm_submenu{ display: none; } .pm_current>.pm_submenu{ display: block; } @media screen and (max-width:1050px) { body{ max-width: 100%; overflow-x: hidden; } #side-content, #side-left{ width: 100%; } #side-left .sf-block, #side-left .sf-block, .head-additional, .show-phone, .link-logreg span, #side-left .sf-menu, .page_menu ul.all_menu, #side-left br, .link-order, #advantages, #callBackOrder, .fm-block br{ display: none !important; } #logo{ color: #fff; } .tl-phone{ opacity: 1; } #profile-menu li.link-logreg a{ display: inline-block; } .search-line{ text-align: center; } .link-kraft{ background: none; padding: 0; } #general-menu{ height: auto; } #header{ position: relative; } #header-email, #header-phone{ display: block; position: absolute; top: -5px; width: 35px; height: 35px; cursor: pointer; } #header-email{ left: 10px; background: url(/bitrix/templates/vsyaupakovka/css/../img/e-mail.png) left center no-repeat; } #header-phone{ background: url(/bitrix/templates/vsyaupakovka/css/../img/Phone.png) left center no-repeat; right: 15px; } #logo, .pfr-left, .pfr-right { float: none; width: 100% } #advantages ul{ max-width: 62%; margin: 0 auto; } .page_menu{ display: block; } #side-content{ margin-top: -20px !important; } .product{ max-width: 100%; } .filters-bottom{ padding: 0; margin: 0; } .fb-fr{ display: inline-block; width: 49%; margin: 0; float: none; } .fb-fr .jq-selectbox{ max-width: 90%; display: block !important; } .fb-fr .jq-selectbox__select{ margin-left: 0 !important; } #side-content{ max-width: 100%; } .footer-menus{ margin-top: 0 !important; } .fm-mini, .fm-big{ margin: 0 !important; } .fm-big, .fm-block, .fm-mini{ width: 100% !important; float: none; } .fm-mini li{ margin: 0 !important; } .fm-mini li, .fm-big li{ display: none; float: none !important; } .fm-mini li:first-child, .fm-big li:first-child, .current li{ display: block; margin: 0 !important; } .fm-mini li strong, .fm-big li strong{ margin: 0 0 2px !important; display: block; padding: 10px 10px 5px 10px; background: #e5f0f0; position: relative; cursor: pointer; } .current{ margin-bottom: 10px !important; } .current li{ margin: 5px 0 0 10px !important; } .fm-mini li strong:after, .fm-big li strong:after{ content: ' '; padding: 3px; margin-left: 7px; border-top: 2px solid #3e3e3e; border-right: 2px solid #3e3e3e; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 12px; right: 19px; } .current li strong:after{ -webkit-transform: rotate(135deg); transform: rotate(135deg); } .fm-block{ text-align: center; margin-top: 20px; } .fm-block strong{ margin-bottom: 10px !important; } .fm-block a{ display: block; text-decoration: underline; margin-bottom: 10px; cursor: pointer; } .fm-block a:hover{ text-decoration: none; } .social li{ font-weight: bold; } .copyright{ padding-top: 50px !important; background-position: center top !important; } #footer-about{ padding: 30px 10px !important; margin-top: -40px; } .index .page_menu .all_menu, .page_menu ul.all_menu.active{ display: block !important; } .tl-phone#am1 a{ font-weight: normal; } } @media screen and (max-width:800px) { .contact-left, .contact-right, .pf-left, .pf-right { float: none; width: 100%; margin: 0 0 15px } } @media screen and (max-width:700px) { .cart-itog, .ci-order, .ci-price, .go-buy { float: none; margin-bottom: 10px; width: 100% } .tl-menu { display: none } .cf-title { width: 35% } .cf-count, .cf-del, .cf-price, .cf-summ, .cft-count, .cft-price, .sft-summ { width: 16.25% } .cft-price { margin-left: 35% } .cart-itog, .go-buy { padding: 0 20px } .ci-order, .ci-price, .ci-price dl { text-align: left } .ci-price dt { float: left; margin-right: 10px } .cio-full { float: none; width: 100%; text-align: center } } @media screen and (max-width:600px) { .of-line input[type=text] { float: left; width: 49.5%; margin-right: 1%; margin-bottom: 5px } .nomarginwidth, .widthinput { margin-right: 0!important } .widthinput { width: 100%!important } #side-content, #side-left { float: none; width: 100%; } #side-content{ margin: 0 0 30px } .sf-block { text-align: center } #general-menu>li:hover>ul { display: none!important } .cf-line strong { display: block; margin-bottom: 5px } .cf-line-title { display: none } .cf-img { width: 118px; display: block; margin: 0 auto; float: none } .cf-text { margin: 0 20px } .cf-count, .cf-del, .cf-price, .cf-summ, .cf-title { width: 100%; float: none; padding: 10px 0 } #hide-menu #general-menu { width: 100% } #general-menu>li>a:after { content: "" } } @media screen and (max-width:450px) { .cat-desc ul li { width: 100%; float: none } } @media screen and (max-width:500px) { .print, .sayfriend { margin-top: 5px } .of-line input[type=text] { float: none; width: 100%!important; margin-right: 0!important; margin-bottom: 5px } .of-block, .pf-left, .pf-right { float: none; width: 100% } .of-line label { display: block; margin-bottom: 5px } .pf-left, .pf-right { margin: 0 0 15px } } @media screen and (max-width:400px) { #footer, #webpusk { text-align: center } .fb-fr { margin-left: 0!important; float: none!important } #advantages ul li, #webpusk { margin-bottom: 10px; float: none } .filter, .filter-price { width: 100%; margin-left: 0 } .fm-big li { width: 100% } #advantages ul li { width: 100%!important; min-height: 50px } .head-about, .head-jobtime, .head-mail, .head-phone { float: none; width: 100%; margin-bottom: 10px; min-height: 50px; text-align: center } #webpusk { display: block } } @media screen and (max-width:320px) { #content { margin-right: 10px } .fm-big, .fm-block, .fm-mini { width: 100%; float: none; margin-bottom: 15px!important; text-align: center } .footer-menus li { float: none!important } #pi-general img { width: 100%; border: 1px solid #dedede } } div.dost-gorod-item .tables table, div.dost-gorod-item .tables table td, div.dost-gorod-item table.textbox, div.dost-gorod-item table.textbox td, table.textbox, table.textbox td { border: 1px solid #B8B4B4 } div.dost-gorod-item .tables table td, div.dost-gorod-item table.textbox td, table td, table.textbox td { padding: 3px 5px } div.dost-gorod-item table.textbox td input[type=text], table.textbox td input[type=text] { width: 100% } table.dostavka-gorod-form { margin: 0 auto } ul.dost-gorod, ul.dost-gorod>li>ul, ul.news-list-menu { margin: 0!important } table.dostavka-gorod-form input[type=text] { width: 250px } ul.dost-gorod>li { float: left; width: 30%; list-style-type: none } ul.dost-gorod>li.clear { margin: 0!important; height: 0!important } ul.dost-gorod>li>ul>li { float: left; list-style-type: none } ul.dost-gorod>li>ul>li.first { width: 20% } ul.dost-gorod>li>ul>li.second { width: 70% } .catalog-search>#filters { border-top: 1px solid #d0d1d1; border-bottom: 1px solid #d0d1d1 } .catalog-search>.filters-bottom { border: none } ul.news-list-menu { text-align: left; padding-bottom: 0!important } #content>ul.news-list-menu>li, ul.news-list-menu>li { margin: 0 25px 10px 0!important } ul.news-list-menu>li:hover, ul.news-list-menu>li:hover a { color: #fff } ul.news-list-menu>li>a { padding: 8px 15px; border-radius: 31px; webkit-border-radius: 31px; moz-border-radius: 31px } ul.news-list-menu>li.active { padding: 0 10px; background: #1662b0!important } div.product.viewed { height: 235px!important } .bx-auth-profile input[type=password], .bx-auth-profile input[type=text], .bx-auth-reg input[type=password], .bx-auth-reg input[type=text], .bx-system-auth-form input[type=password], .bx-system-auth-form input[type=text], .forgotpass input[type=text], table.bx-changepass-table input[type=password], table.bx-changepass-table input[type=text] { width: 300px } #content div.bx-auth>form[name=bform]>p, table.bx-changepass-table thead { display: none } #content div.bx-auth>form[name=bform] input[type=submit] { margin: 5px 0 } font.errortext { color: red!important } .news-detail img.detail_picture { float: left; border: 1px solid #dedede; margin-right: 35px; margin-bottom: 15px } #ORDER_PROP_22-styler>input { z-index: 3 } .cart-full.order .cf-title { width: 60% } .cart-full.order .cft-price { margin-left: 60% } .cart-dl { width: 210px } .cart-dl dt { float: left } .cart-dl dd { float: left; margin-left: 5px } .cart-warning { color: red; display: none; font-size: 11px; text-align: left } .yashare-auto-init { display: block; float: right; margin-right: 38px; height: auto; position: relative; top: -4px } .modal { display: none } .modal input[type=submit] { background: #1662b0!important; color: #fff!important; border: none; font-weight: 100; padding: 3px 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .modal input[type=submit]:hover { cursor: pointer } .wmntac { text-align: center } #boss form table, #yourpricepopup form table, .modal-window form table { width: 100%; text-align: left } #boss form table input[type=text], #yourpricepopup form table input[type=text], .modal-window form table input[type=text], .modal-window form table input[type=tel], .modal-window form table input[type=email] { width: 100% } #boss form table textarea, #yourpricepopup form table textarea, .modal-window form table textarea { width: 100%; resize: vertical; height: 100px } #boss form table input[name=web_form_submit], #yourpricepopup form table input[name=web_form_submit], .modal-window form table input[name=web_form_submit] { float: right; margin-top: 10px } .modal-window input[type=submit] { border: 0; color: #fff; background: #ed1b24; display: inline-block; height: 20px; text-align: center; font-size: 17px; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer } ul.polezno li { display: block } .owl-wrapper .item-img>a { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } a.articlesa { display: inline-block; height: 23px; padding: 0 5px; width: auto; text-align: center; line-height: 23px; border: 1px solid #dedede; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(100%, #f7f7f7)); background: -webkit-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -o-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: -ms-linear-gradient(top, #fefefe 0, #f7f7f7 100%); background: linear-gradient(to bottom, #fefefe 0, #f7f7f7 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f7f7', GradientType=0); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } #content form input[type=password], #content form input[type=text], #content form textarea, #content>.txt-contacts, #page-full form input[type=password], #page-full form input[type=text], #page-full form textarea { margin-bottom: 10px } #content form input[type=submit], #page-full form input[type=submit] { border: 0; color: #fff; background: #ed1b24; display: inline-block; height: 30px; text-align: center; font-size: 17px; padding: 0 15px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer } #authmodal input[type=password], #authmodal input[type=text] { width: 250px } #basket_items input[type=text] { margin-bottom: 0!important } div.news-detail>p a { color: #1662b0 } div.news-detail>p a:hover { text-decoration: none } .articles-block li { float: left; list-style: none; width: 30%; text-align: center; margin-right: 3%; margin-bottom: 35px!important } .articles-block li .img { width: 100%; height: 200px } .articles-block li img { max-width: 100%; max-height: 100% } .articles-block li a { background: #1662b0!important; color: #fff!important; padding: 5px 10px; display: block; max-width: 80%; margin: 0 auto; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .copyright { background: url(/bitrix/templates/vsyaupakovka/css/../images/visa.png) center center no-repeat; padding: 20px 0 } .calculet form .field.second label { margin-top: 5px } #slider .owl-pagination { bottom: 20px } #slider .owl-buttons, .product-carusel .owl-buttons { top: 30% } .basket_quantity_control a { padding: 10px } .basket_quantity_control a.plus { background-position: 5px 5px } .basket_quantity_control a.minus { background-position: 5px -15px } .pfr-block h3 { font-size: inherit } .product-full { font-size: 14px; line-height: 1 } .form-table-order td.pad{ float: left; width: 70%; padding-left:10px; text-align:left; } .form-table-order td.texts { width:30%; text-align:left; border-right:1px solid #dedede; } .form-table-order img{ width:200px; float:center; } .expander { margin: 1em 0 } .expander a:hover, .expander > a:visited{ text-decoration:none; color: #5797C1; } .expander-link { display: inline-block; font-size: 18px; cursor: pointer; position: relative; } .expander-link > span { border-bottom: 1px dashed rgba(0, 0, 0, 0.2) } .expander-content { margin-top: 10px; padding: 15px 0 20px 20px; display: none; line-height: 1,65em; border-left: 2px solid #aaa; } .expander-content li{ padding: 4px 0 4px 3px; line-height: 4px; margin: 0 10px; } .expander-attentions{ display: block; width: 100%; padding: 15px 10px; background: #fff; border: 1px solid #c2c2c2; outline: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .action_button{ margin: 50px 0px 30px 200px; } .action_button a{ font-size: 17px; color: #fff; border-radius: 10px; webkit-border-radius: 10px; moz-border-radius: 10px; display: block; text-align: center; background: #ED1B24; border: 1px solid #c2c2c2; padding: 8px; width:200px; margin: 50px 0px 0px 110px } .action_button a:hover { text-decoration:none; color: #fff; opacity: .8; } .action_table{ width: 400px; margin: 10px auto; display: none; } .action_link a{ text-decoration:underline; float:right; padding: 10px; } #wrapper #general-menu li > ul { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #f2f2f3 none repeat scroll 0 0; /* #fff */ border-color: #e9e9e9 #e9e9e9 #e9e9e9 -moz-use-text-color; border-image: none; border-style: solid solid solid none; border-width: 1px 1px 1px 0; box-shadow: 0 0 5px #eae8e8; display: none; font-size: 14px; left: 100%; list-style-type: none; max-width: 730px; min-height: 408px; padding: 20px 0 0; position: absolute; top: -1px; width: 215px; z-index: 100; border: 1px solid #e9e9e9; } #wrapper #general-menu > li > ul li{ width:100%; padding:0; margin:0; } #wrapper #general-menu > li > ul li a { padding:4px 15px; box-sizing:border-box; display:block; position:relative; } #general-menu li a.parent:after { content: ">"; position: absolute; right: 10px; top: 12px; font-size: 12px; } #wrapper #general-menu > li > ul li a:first-letter { text-transform:uppercase; } ul#vertical-multilevel-menu,#vertical-multilevel-menu ul{margin:0;padding:0;list-style:none;width:214px;font-size:12px}#vertical-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;border:1px solid #c1c1c1;border-bottom:0;width:200px}#vertical-multilevel-menu li a{display:block;text-decoration:none;color:#4f4f4f;font-weight:bold;padding:5px;background:#f5f5f5;border-bottom:1px solid #c1c1c1}#vertical-multilevel-menu li a.item-selected{background-color:#d6d6d6}#vertical-multilevel-menu li a:hover{background-color:#d6d6d6}#vertical-multilevel-menu a.root-item{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/vsyaupakovka/css/images/item_bg.gif) 0 0 no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.root-item:hover,#vertical-multilevel-menu a.root-item-selected:hover{background:#61656a url(/bitrix/templates/vsyaupakovka/css/images/item_bg.gif) 0 -26px no-repeat}#vertical-multilevel-menu a.root-item-selected{color:#fff;font-weight:bold;font-size:12px;padding:5px 0 7px 35px;background:#61656a url(/bitrix/templates/vsyaupakovka/css/images/item_bg.gif) 0 -26px no-repeat;border:0;box-sizing:border-box;-moz-box-sizing:border-box}#vertical-multilevel-menu a.parent{background:#f5f5f5 url(/bitrix/templates/vsyaupakovka/css/images/arrow.gif) center right no-repeat;padding-right:10px}#vertical-multilevel-menu a.denied{background:#f5f5f5 url(/bitrix/templates/vsyaupakovka/css/images/lock.gif) center right no-repeat;color:#ddd;padding-right:10px}/*\*/* html ul#vertical-multilevel-menu li{float:left;height:1%}* html ul#vertical-multilevel-menu li a{height:1%}/**/#vertical-multilevel-menu li ul.root-item{margin:-27px 0 0 210px}#vertical-multilevel-menu li ul{margin:-27px 0 0 133px}#vertical-multilevel-menu li:hover ul ul,#vertical-multilevel-menu li.jsvhover ul ul,#vertical-multilevel-menu li:hover ul ul ul,#vertical-multilevel-menu li.jsvhover ul ul ul{display:none}#vertical-multilevel-menu li:hover ul,#vertical-multilevel-menu li.jsvhover ul,#vertical-multilevel-menu li li:hover ul,#vertical-multilevel-menu li li.jsvhover ul,#vertical-multilevel-menu li li li:hover ul,#vertical-multilevel-menu li li li.jsvhover ul{display:block} #overlay { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: 999; -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; overflow: auto; } .popup { top: 25%; left: 0; right: 0; font-size: 14px; margin: auto; width: 85%; min-width: 320px; max-width: 600px; position: absolute; padding: 15px 20px; border: 1px solid #383838; background: #fefefe; z-index: 1000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; font: 14px/18px 'Tahoma', Arial, sans-serif; -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3); -webkit-animation: fade .6s; -moz-animation: fade .6s; animation: fade .6s; } .close { top: 10px; right: 10px; width: 32px; height: 32px; position: absolute; border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: rgba(0, 131, 119, 0.9); -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); cursor: pointer; outline: none; } .close:before { color: rgba(255, 255, 255, 0.9); content: "X"; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; text-shadow: 0 -1px rgba(0, 0, 0, 0.9); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } /* кнопка закрытия при наведении */ .close:hover { background-color: rgba(252, 20, 0, 0.8); } .filter_right {float: right;} .filter_help a {border: 0;} .filter_help a:hover {text-decoration:none;} .filter_help a span {border-bottom: 1px dashed #3e3e3e;} .filter_help a:hover span {border-color: #1662b0;} .filter_help a i { position: relative; top: 3px; margin-left: 5px; font-size: 20px; } .filter_help span.packaging_more_span { display: none; position: absolute; width: 330px; right: 25px; top: -53px; background: #fff; padding: 10px; line-height: 20px; border: 2px solid #4481BF; border-radius: 4px; font-size: 13px; font-weight: normal } a.packaging_more_a { position: relative } a.packaging_more_a:hover span.packaging_more_span { border-color: #4481BF; color: #3e3e3e; cursor: default; display: inline } .filter_help span.packaging_more_span:after { content: ""; position: absolute; border: 15px solid transparent; border-left: 10px solid #fff; right: -21px; top: 37%; position: absolute } .filter_help span.packaging_more_span:before { content: ""; position: absolute; border: 15px solid transparent; border-left: 10px solid #4481BF; right: -25px; top: 37% } a.packaging_more_a .fa-question-circle { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transition: all .3s ease-in-out } a.packaging_more_a:hover .fa-question-circle { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg) } .product-line-price{ position: relative; } .product-line-price:hover{ cursor: pointer; } .sale-viewed .product-line-price { display: block; } .products .product-line-price, .sale-viewed .product-line-price { font-weight: bold; font-size: 17px; } .products .product-line-price.blue, .sale-viewed .product-line-price.blue { color: #1662b0; } .products .product-line-price .price-separator, .sale-viewed .product-line-price .price-separator { font-weight: normal; font-size: 13px; } .products .product-line-price .price-separator.blue:after, .sale-viewed .product-line-price .price-separator.blue:after { display: none; } .products .product .count-min, .products .product .count-max { background: none; } .products .product .product-addcart .product-addcart-link:before { content: ' '; background: url(/bitrix/templates/vsyaupakovka/images/btn-cart.jpg) no-repeat; width: 26px; height: 26px; display: block; position: absolute; margin: 4px 0 0 15px; } .products .product .product-addcart .product-addcart-link { font-size: 0; } .products .product .count-input { float: left; width: 116px; } .products .product .product-addcart { float: right; margin-right: 27px; margin-top: 18px; } .products .product .count-input input { width: 75px; font-size: 16px; } .products .product .count-min, .products .product .count-max { width: initial; } .products .product .count-min { padding-left: 9px; } .products .product .count-max { padding-right: 9px; } .products .product .product-addcart .product-addcart-link:before { margin: 0; } #callBackOrder{ /*margin: 51px auto 0; border: 1px solid #1662b0; color: #1662b0; padding: 12px 16px; position: fixed; z-index: 100; bottom: 30px; background: #fff; opacity: 0.9; right: 90px;*/ position: fixed; z-index: 100; bottom: 86px; width: 50px; height: 50px; right: 31px; background: url(/bitrix/templates/vsyaupakovka/css/../images/phone-icon-dark.png) no-repeat; /*border-radius: 5px;*/ } /* Для подъёма товара лифт-пешком */ .list-present { display: flex; justify-content: space-around; flex-wrap: wrap; } .list-present .list-present-item { min-width: 240px; max-width: 300px; text-align: center; padding: 10px 5px; } .list-present .lp-img { padding: 15px 0 5px 0; } .list-present .lp-text { font-size: 18px; font-weight: normal; padding: 5px 0; } .list-present .lp-price { padding: 5px 0; } .lp-price-matrix { display: flex; justify-content: center; align-content: center; } .lp-price-matrix .lp-pm-left { padding-right: 19px; text-align: right; /* font-size: 18px; line-height: 50px;*/ line-height: 30px; white-space: nowrap; } .lp-price-matrix .lp-pm-right { padding-left: 19px; text-align: left; } .price-nom { color: #1662b0; font-size: 24px; font-weight: bold; display: inline-block; } table.counter { margin: 0px auto -22px auto; } #general-menu>li>a.no-parent:after{ display: none; } #wrapper #general-menu li{ position: relative; } #wrapper #general-menu li > ul { padding-bottom: 12px !important; } .link-delivery ul{ margin-left: 0 !important; } .link-delivery ul li{ list-style: none; } .link-delivery ul li .text{ display: none; } .link-delivery a.toggler { border-bottom: solid 1px #000; } .link-delivery a.toggler:hover { text-decoration: none; } /* ################################################# */ .expander {margin: 1em 0} .expander a:hover, .expander > a:visited{text-decoration:none;color: #5797C1;} .expander-link {display: inline-block;font-size: 18px;cursor: pointer;position: relative;} .expander-link > span {border-bottom: 1px dashed rgba(0, 0, 0, 0.2);} .expander-content {margin-top: 10px;padding: 15px 0 20px 20px;display: none;line-height: 1,65em;border-left: 2px solid #aaa;} .expander-content li, .expander-content p {padding:4px 0 4px 3px; /*line-height: 4px;*/margin: 0 10px;} .expander-attentions {display: block;width: 100%;padding: 15px 10px;background: #fff;border: 1px solid #c2c2c2;outline: 0px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;} .bx-soa-pp-company .bx-soa-pp-company-block { /* display: none; */ } .bx-soa-pp-company .bx-soa-pp-company-block input { display: none; } .bx-soa-pp-company-graf-container .bx-soa-pp-delivery-cost { display: none; } .bx-soa-pp-company .bx-soa-pp-company-block .checkbox, .bx-soa-pp-company .bx-soa-pp-list > li:nth-child(1) { display: none; } #bx-soa-delivery .bx-soa-pp-price { white-space: nowrap; margin-left: -26px; } .bx-soa-pp-company-graf-container .bx-soa-pp-company-checkbox, .bx-soa-pp-company-checkbox .jq-checkbox__div { display: none !important; } /* Для доставки*/ .link-delivery h3 { color:#1662B0; } .link-delivery h3:hover { /*color:#1662B0;*/ color:#3E3E3E; text-decoration: underline; } .link-delivery h3:hover>strong { /* color:#ED1B24; font-weight:normal;*/ } /* Для ссылок на главной (вывод каталога) side-content в под заголовком Гипермаркет упаковочных решений */ .bx_sitemap .li-ul ul li h2 a {text-decoration:none;} .bx_sitemap .li-ul ul li h2 a:hover{text-decoration:none;color:#1662B0;} /* 2-3 уровень меню приведены к 1-му */ #wrapper #general-menu > li > ul li:hover,#wrapper #general-menu > li > ul li a:hover {background: #fff;text-decoration: none;color: #1662b0;} /* Указание новинки в меню. JS в пятке*/ #general-menu .new_menu::after,.pm_submenu .new_menu::after{ content:' '; background-image: url(/images/new12.png); display: inline-block; height: 24px; width: 24px; margin-left:10px; margin-bottom:-5px; padding: 0; } .fm-big .new_menu::after{ content:' '; background-image: url(/images/new22.png); display: inline-block; height: 24px; width: 22px; margin-left:1%; margin-bottom: -5px; padding: 0; } #general-menu .new_menu_a::before{ content:' '; background-image: url(/images/new12.png); display: inline-block; height: 24px; width: 24px; margin:0 5px 0 -30px; margin-bottom:-5px; padding: 0; } .sale-viewed.recommended .product { width: 80%; } .sale-viewed.recommended .product .item-img, .sale-viewed.recommended .product .item-title { text-align: center; } #content .sale-viewed.recommended .product:hover { box-shadow: none; } #content .sale-viewed.recommended .owl-buttons { display: none; } @media (max-width: 715px) { #content .sale-viewed.recommended .owl-buttons { display: block; } } .modal-window .products .product .product-img { width: auto !important; } .modal-window .mw-add-cart img { border: none; } .modal-window .products .product { width: 30%; margin: 30px 2px 0 8px; } .mw-add-cart { text-align: left; } .mw-add-cart a { display: initial; padding: 0; height: auto; line-height: normal; font-size: 15px; text-decoration: none; font-weight: normal; } .modal-window .item_title { margin: 20px 0; } .wmtac { background: none; padding: 0; margin: 0; } .modal-window { padding: 35px 50px; left: 45%; } .mw-content { padding: 0; } .mw-title { font-weight: normal; font-size: 19px; text-transform: none; } .wmac-order { background: none !important; border-radius: 5px; right: 0; position: absolute; border: 1px solid #ed1b24; color: #ed1b24 !important; padding: 4px 14px !important; font-weight: bold !important; text-transform: uppercase; font-size: 12px !important; } .wmac-continue { font-weight: bold !important; text-decoration: underline !important; } .modal-window .products { padding: 0; margin: 20px 0 0 0; } .modal-window .product-img { height: 142px; } @media (max-width: 767px) { .modal-window .products .product { width: 46%; margin: 5px; min-height: 320px; } } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/menu/top/style.css?1713512788583*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/bitrix/templates/vsyaupakovka/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/style.css?17135127888385*/ .bx_cart_block{ /*color:#404040;*/ font-size:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space: normal; line-height: normal !important; } .bx_cart_block.bx_cart_fixed{ border:1px solid #b7b7b7; background:#fff; max-height: 100%; width:100%; overflow: hidden; border-radius:3px; position:fixed; z-index:1000; width:210px; box-shadow:0 2px 5px 0 rgba(0,0,0,.18); /*max-height:100%;*/ } .bx_cart_block.bx_cart_fixed.top {top:5px} .bx_cart_block.bx_cart_fixed.right {right:5px} .bx_cart_block.bx_cart_fixed.bottom {bottom:5px} .bx_cart_block.bx_cart_fixed.left {left:5px} .bx_cart_block.bx_cart_fixed.max_height{top:5px;bottom:5px} /**/ .bx_cart_block.bx_cart_sidebar .bx_small_cart{padding:10px 8px;} .bx_cart_block.bx_cart_fixed .bx_small_cart{padding:10px 8px;line-height: 18px;} .bx_cart_block.bx_cart_fixed.min {min-height:88px} .bx_cart_block.bx_cart_fixed.min .bx_small_cart{padding:10px 8px} /*.bx_cart_block.bx_cart_fixed.max_height .bx_small_cart{padding:10px 8px }*/ .bx_cart_block .bx_small_cart .icon_cart, .bx_cart_block .bx_small_cart .icon_info, .bx_cart_block .bx_small_cart .icon_spacer, .bx_cart_block .bx_small_cart .icon_profile{ display:inline-block; width:20px; height:14px; margin-right:3px; position: relative; margin-bottom: -3px; } /* .bx_cart_sidebar .bx_small_cart .icon_cart{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/cart.png) no-repeat top center} .bx_cart_sidebar .bx_small_cart .icon_cart{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/cart.png) no-repeat top center} .bx_cart_sidebar .bx_small_cart .icon_profile{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/profile.png) no-repeat top center} */ .bx_cart_block .bx_small_cart .icon_cart{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/cart.png) no-repeat top center} .bx_cart_block .bx_small_cart .icon_profile{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/profile.png) no-repeat top center} .bx_cart_block .bx_small_cart .icon_info{background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/info.png) no-repeat top center} .bx_cart_block .bx_small_cart a{font-weight:bold;/*color:#404040*/} .bx_cart_block .bx_small_cart a:hover{text-decoration:none} .bx_cart_block .bx_small_cart .link_profile{font-weight:normal} .bx_cart_block .bx_small_cart .link_another{font-weight:normal; margin-left:26px;} .bx_cart_block .bx_item_listincart{position:relative;width:100%} .bx_cart_block.bx_cart_fixed .bx_item_listincart{padding-bottom:21px} .bx_cart_block.bx_cart_fixed.max_height .bx_item_listincart{ position: absolute; bottom: 0; /*height: 100%;*/ top: 70px; } .bx_cart_block.bx_cart_fixed.max_height .bx_item_listincart.top2{top: 55px;} .bx_cart_block.bx_cart_fixed.max_height .bx_item_listincart.top1{top: 40px;} .bx_cart_block.bx_cart_fixed.close .bx_item_listincart{ top:auto !important} .bx_cart_block .bx_item_listincart .bx_itemlist_container{/*padding-bottom:21px;*/padding-top:10px;width:100%} .bx_cart_block.bx_cart_fixed .bx_item_listincart .bx_itemlist_container{position:relative} /*.bx_cart_block.bx_cart_sidebar .bx_title_component{*/ /*margin:10px;*/ /*padding:10px 0 17px;*/ /*font-size:18px;*/ /*line-height:20px;*/ /*color:#000;*/ /*vertical-align:middle;*/ /*border-bottom:1px solid #E5E5E5;*/ /*}*/ /*.bx_cart_block.bx_cart_sidebar .bx_title_component .cart_icon_big{*/ /*line-height:20px;*/ /*height:20px;*/ /*width:25px;*/ /*background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/cart_big.png) no-repeat center;*/ /*}*/ /*.bx_cart_block.bx_cart_sidebar.close .bx_item_listincart{height:0;overflow:hidden}*/ .bx_cart_block.bx_cart_fixed .bx_item_listincart .bx_itemlist_container{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; overflow:auto; } .bx_cart_block.bx_cart_fixed.max_height .bx_item_listincart .bx_itemlist_container{ position: absolute; bottom: 80px; top: 0; } .bx_cart_block.bx_cart_fixed.close.top{bottom:auto} .bx_cart_block.bx_cart_fixed.close.bottom{top:auto} .bx_cart_block.bx_cart_fixed.close .bx_item_listincart{height:0;overflow:hidden} .bx_cart_block.bx_cart_fixed .bx_item_listincart .status{ width:100%; background:#f7f7f7; position:absolute; bottom:0; z-index:120; text-align:center; font-size:12px; color:#4f4f4f; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:3px; border-radius:0 0 2px 2px ; } .bx_cart_block .bx_item_listincart .status:hover{background:#ececec;cursor:pointer} .bx_cart_block .bx_item_listincart .bx_itemincart{ position:relative; padding:0 10px; margin-bottom:15px; } .bx_cart_block .bx_item_listincart .bx_item_status{ font-weight:bold; padding:3px; background:#ebebeb; margin:0 10px 20px; line-height:16px; font-size:13px; /*height:16px;*/ border-radius:3px; text-align:center; } /*.bx_cart_block.bx_cart_fixed .bx_item_listincart .bx_itemincart{position:relative}*/ .bx_cart_block .bx_item_listincart .bx_item_delete{ background:url(/bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/images/delete_item.png) no-repeat center; width:16px; height:16px; position:absolute; right:10px; top:-3px; cursor:pointer; opacity: .2; } .bx_cart_block .bx_item_listincart .bx_item_delete:hover{opacity: 1;} .bx_cart_block .bx_item_listincart .bx_item_img_container{ text-align:center; padding-bottom:16px; color:#3f3f3f; font-size:12px; } .bx_cart_block .bx_item_listincart .bx_item_img_container a{} .bx_cart_block .bx_item_listincart .bx_item_img_container a img{ max-width:90px; height:auto; border:1px solid #e6e6e6; } .bx_cart_block .bx_item_listincart .bx_item_title{padding-bottom:5px} .bx_cart_block .bx_item_listincart .bx_item_title a{ font-size:13px; color:#3f3f3f; text-decoration:none; } .bx_cart_block .bx_item_listincart .bx_item_title a:hover{text-decoration:underline} .bx_cart_block .bx_item_listincart .bx_item_price{padding-bottom:5px} .bx_cart_block .bx_item_listincart .bx_item_price .bx_item_oldprice{ text-decoration:line-through; color:#b0b0b0; vertical-align:bottom; font-size:12px; font-weight:bold; } .bx_cart_block .bx_item_listincart .bx_item_col_summ{ font-size:12px; border-bottom:1px solid #E5E5E5; padding-bottom:10px; } .bx_cart_block .bx_item_listincart .bx_itemincart:last-child .bx_item_col_summ{border-bottom:none} .bx_cart_block .bx_item_hr{ border:none; border-top:1px solid #e5e5e5; width:100%; margin:11px 0; } .bx_cart_block .bx_item_listincart .bx_button_container{ /*height:62px;*/ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:15px 10px; text-align:center; } .bx_cart_block.bx_cart_fixed .bx_item_listincart .bx_button_container{position:relative} .bx_cart_block.bx_cart_fixed.max_height .bx_item_listincart .bx_button_container{ position:absolute; bottom:21px; } /* buttons */ .bx_cart_block .bx_bt_button_type_2{ display:inline-block; border-radius:3px; text-align:center; text-decoration:none; font-size:13px; cursor:pointer; } .bx_cart_block .bx_bt_button_type_2 { border:1px solid #e9e9e9; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfcfc), to(#f1f1f1)); background-image:-webkit-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image:-moz-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image:-o-linear-gradient(#fcfcfc 0%, #f1f1f1 100%); background-image:linear-gradient(#fcfcfc 0%, #f1f1f1 100%); color:#656565; text-shadow:0 1px 0 #fff; } .bx_cart_block .bx_bt_button_type_2:hover {background:#fff} .bx_cart_block .bx_bt_button_type_2:active { background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#fcfcfc)); background-image:-webkit-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image:-moz-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image:-o-linear-gradient(#f1f1f1 0%, #fcfcfc 100%); background-image:linear-gradient(#f1f1f1 0%, #fcfcfc 100%); box-shadow:inset 0 2px 2px 0 rgba(0,0,0,.05); } .bx_cart_block .bx_small.bx_bt_button_type_2{ display:inline-block; min-width:20px; line-height:20px; } .bx_cart_block .bx_small.bx_bt_button_type_2 { } .bx_cart_block .bx_small.bx_bt_button_type_2:hover { } .bx_cart_block .bx_small.bx_bt_button_type_2:active { } .bx_cart_block .bx_medium.bx_bt_button_type_2 { padding:0 13px; height:25px; font-weight:bold; line-height:25px; } .bx_cart_block .bx_medium.bx_bt_button_type_2 {font-weight:bold} .bx_cart_block .bx_medium.bx_bt_button_type_2:hover{ } .bx_cart_block .bx_medium.bx_bt_button_type_2:active{ } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/menu/vertical_multilevelNEW/style.css?17135127891013*/ #wrapper #general-menu li > ul { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #f2f2f3 none repeat scroll 0 0; /* #fff */ border-color: #e9e9e9 #e9e9e9 #e9e9e9 -moz-use-text-color; border-image: none; border-style: solid solid solid none; border-width: 1px 1px 1px 0; box-shadow: 0 0 5px #eae8e8; display: none; font-size: 14px; left: 100%; list-style-type: none; max-width: 730px; min-height: 408px; padding: 20px 0 0; position: absolute; top: -1px; width: 215px; z-index: 100; border: 1px solid #e9e9e9; } #wrapper #general-menu > li > ul li{ width:100%; padding:0; margin:0; } #wrapper #general-menu > li > ul li a { padding:4px 15px; box-sizing:border-box; display:block; position:relative; } #general-menu li a.parent:after { content: ">"; position: absolute; right: 10px; top: 4px; font-size: 12px; } #wrapper #general-menu > li > ul li a:first-letter { text-transform:uppercase; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/menu/vertical_multilevelINDEX/style.css?1713512788414*/ .pm_pp:before{ background: url(/bitrix/templates/vsyaupakovka/images/menu_/pp.png) center center / contain no-repeat; top: 10px; } .pm_zip:before{ background: url(/bitrix/templates/vsyaupakovka/images/menu_/zip.png) center center / contain no-repeat; top: 10px; } .pm_vpp:before{ background: url(/bitrix/templates/vsyaupakovka/images/menu_/pm_vpp.png) center center / contain no-repeat; top: 10px; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/news.list/article-index/style.css?1713512788150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/news.list/add-index/style.css?1713512788150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/breadcrumb/template/style.css?1713512787947*/ .bx_breadcrumbs{ margin-bottom:15px; padding-top:0px } .bx_breadcrumbs ul{ margin:0; padding:0 } .bx_breadcrumbs ul li{ display:inline-block; line-height:20px } .bx_breadcrumbs ul li a{ display:block; padding:0 15px; background:url(/bitrix/templates/vsyaupakovka/components/bitrix/breadcrumb/template/images/breadcrumbs_arrow.png) no-repeat center right; color:#555; text-decoration:none; font-size:13px; opacity:.5 } .bx_breadcrumbs ul li:first-child a{padding-left:0} .bx_breadcrumbs ul li:last-child a{background:none} .bx_breadcrumbs ul li a:hover{ text-decoration:underline; line-height:20px; opacity:1 } .bx_breadcrumbs ul li span{ display:block; padding:0 15px; color:#aaa; text-decoration:none; font-size:11px } .bx_breadcrumbs, .bx_breadcrumbs ul li{ -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/components/bitrix/menu/footer/style.css?1713512788583*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/bitrix/templates/vsyaupakovka/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.css?171351278564*/ font.errortext { color:red; } font.notetext { color:green; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/styles.css?171864332525706*/ @font-face { font-family: 'Roboto Regular'; src: url('/bitrix/templates/vsyaupakovka/font/Roboto-Regular.eot'); src: url('/bitrix/templates/vsyaupakovka/font/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/vsyaupakovka/font/Roboto-Regular.woff') format('woff'), url('/bitrix/templates/vsyaupakovka/font/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rouble'; src: url('/bitrix/templates/vsyaupakovka/font/RUBSN.eot'); src: url('/bitrix/templates/vsyaupakovka/font/RUBSN.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/vsyaupakovka/font/RUBSN.woff') format('woff'), url('/bitrix/templates/vsyaupakovka/font/RUBSN.ttf') format('truetype'); font-weight: normal; font-style: normal; } .rouble { font-family: 'rouble'; margin-left: 2px; } #content { padding-bottom: 10px !important; } #logo { background: none; } #logo img{ width: 205px; display: block; margin-left: 26px; } #side-left { width: 255px; } #general-menu { height: auto; padding: 0px 0; } #general-menu>li>a { padding: 0px 7px; font-size: 16px; /*border-bottom: solid #ccc 1px;*/ height: 40px; line-height: 40px; } #general-menu>li>a:after{ top: 0px; } #wrapper #general-menu li > ul { margin: 0px 0 0 0; padding: 0; min-height: 100%; } #wrapper #general-menu > li > ul li{ padding: 0; } #wrapper #general-menu > li > ul li a { padding: 13px 7px; font-size: 16px; height: 40px; line-height: 15px; } #slider .owl-item .item img { min-width: 100%; } a.catalog-prod{ line-height: 53px; height: 53px; background: #1662b0; /*background: url(/bitrix/templates/vsyaupakovka/images/menu-general.png) 95% center no-repeat #1662b0;*/ font-size: 20px; text-transform: unset; } #wrapper, .centering{ max-width: 1170px; } #side-content{ max-width: 898px; margin-left: 17px; } #logo{ margin-left: 0px; } .time-header{ text-align: center; } .header-left{ width: 255px; float: left; } .header-right{ width: 915px; float: left; } .header-name{ padding-left: 15px; } .time-header, .call-header, .head-phone, .header-name{ width: 25%; float: left; } .email-header a { color: #3e3e3e; text-decoration: none; margin: 4px 5px; display: block; } .call-order{ margin-right: -3px; float: right; } .email-header{ float: right; } .call-header .call-order a{ text-transform: uppercase; color: #1662b0; border: solid 1px; padding: 7px 20px; border-radius: 22px; display: block; } .call-header .mail-dir{ margin: 2px auto 0 auto; width: 140px; } .call-header .mail-dir a{ text-decoration: underline; } .head-phone span { display: block; font-weight: bold; font-size: 24px; } .head-phone p{ font-size: 18px; color: #3e3e3e; } .link-kraft{ font-size: 15px; padding-left: 38px; margin-right: 0px; color: #1662b0; } #side-content { padding-bottom: 40px !important; } .advantage1, .advantage2, .advantage3, .advantage4{ width: 25% !important; } .advantage5{ display: none; } #advantages ul li span{ left: 35px; } #advantages ul li { padding-left: 100px; padding-right: 40px; padding-top: 10px; } #advantages { margin-top: 20px; } .sf-block h4 { font-size: 16px; font-weight: 400; } .sf-block .publics a{ font-size: 16px; } .publics-all-link a{ color: #0d7fc8; font-weight: 400; } .sf-menu { margin-bottom: 38px; } h2.border-h2 {font-family: 'Roboto Regular'; text-align: center; margin-top: 50px;} h2.border-h2 em{ border-bottom: solid 1px; display: block; float: left; width: 220px; margin: 12px 0; } h2.border-h2 em.right{ float: right; } ul.main-list a{ color: #3e3e3e; } ul.main-list>li{ float: left; width: 25%; padding-right: 20px; list-style: none; height: 250px; position: relative; } ul.main-list li img{ width: 200px; height: 170px; display: block; margin: 0 auto 30px auto; } ul.main-list li a{ font-size: 14px; text-transform: uppercase; text-align: center; display: block; margin: 0 auto; width: 210px; } ul.main-list li ul a{ text-align: left; font-size: 16px; text-transform: unset; margin-bottom: -5px; text-decoration: underline; } ul.main-list li .li-ul{ display: none; } ul.main-list li:hover ul{ list-style: none; display: table-cell; vertical-align: middle; } ul.main-list li:hover .li-ul{ position: absolute; top: 0; background: #ffffffc7; border: solid 1px #ccc; padding: 15px; height: 235px; width: 210px; overflow: hidden; display: table; z-index: 99; } #wrapper #general-menu li > ul { font-size: 15px; width: 275px; } #top-line, .tl-phone { line-height: 48px; height: 48px; } .search-line form { width: 74%; } .product-addcart a:hover{ opacity: 1; } @media screen and (min-width: 1110px){ .link-logreg { background: url(/bitrix/templates/vsyaupakovka/images/tl-icons.png) left 7px no-repeat; } #profile-menu li a { display: inline-block; } #top-line ul li { margin-top: -14px; } .link-cart a { background: url(/bitrix/templates/vsyaupakovka/images/tl-icons.png) left -36px no-repeat; font-size: 15px; height: 22px; } #top-line ul li.link-order{ margin-top: 0px !important; } #header { margin-top: 65px; margin-bottom: 20px; } #profile-menu li { margin-left: 0; } #top-line, .tl-phone { line-height: 35px; height: 35px; } .tl-phone .logo img{ display: none; } .link-order a{ display: block !important; } #hide-menu #general-menu{ width: 255px; } #callBack, #boss { margin-top: -150px; } .search-mob a img, .link-cart a img, .mob-menu a img{ display: none; } } /*Мобильная версия*/ @media screen and (min-width: 1100px and max-width: 1170px){ .header-right { width: 820px; } .call-header .call-order a { font-size: 14px; text-align: center; padding: 7px 30px; } #side-content { max-width: 800px; } .tl-menu{ margin: 0 0 15px 15px; display: block; padding: 0px; float: left; } .search-mob a img, .link-cart a img, .mob-menu a img{ display: none; } } @media screen and (max-width: 1100px){ #header { /*margin-top: 20px;*/ } .free-delivery{ display: none; } .header-right{ width: 100%; position: relative; margin: 10px 0; } .header-left { display: none; } #top-line a { color: #131313; } .basket_line p{ display: none; } .header-name{ display: none; } .email-header a { float: left; } .time-header{ padding-left: 14px; } .page_menu{ top: 0; position: fixed; overflow: scroll; background: #fff; z-index: 999; width: 100%; height: 100%; } .page_menu ul.all_menu{ display: block !important; } .link-cart a { background: none; } .tl-menu{ margin: 0 0px 0 15px; width: 320px; float: left; } a.catalog-prod{ background: url(/bitrix/templates/vsyaupakovka/images/close_menu.png) 95% center no-repeat #4581c1; } .time-header{ display: none; } .email-header, .time-header, .call-header, .head-phone { width: 50%; float: left; } .head-phone p{ display: none; } .mail-dir{ display: none; } ul.main-list>li{ float: left; width: 48%; height: 235px; } #side-content { max-width: 100%; margin-left: 0; padding: 0 10px; margin: 0; } #top-line .logo { margin: 15px 10px; } h2.border-h2 em{ display: none; } #side-left { width: 100%; display: none; } #top-line{ background: #fff; color: #fff; padding: 0 0px; box-shadow: 0px 2px 2px #e6e6e6; } #top-line .logo img{ width: 210px; margin: 13px 0; /*width: 210px; height: 45px; margin: 10px 10px; display: block; background: url(/bitrix/templates/vsyaupakovka/images/logo.png) center top no-repeat;*/ } .link-logreg { display: none !important; } .search-mob a, .link-cart a,.mob-menu a{ padding-left: 0 !important; width: 25px; height: 42px !important; margin-top: 10px; } .search-mob a img, .link-cart a img,.mob-menu a img{ padding-left: 0 !important; width: 28px; display: block; } #profile-menu li { margin-left: 0!important; margin-right: 0px!important; } #profile-menu li.search-mob{ margin-right: 10px !important; } #profile-menu li.link-cart{ margin-right: 22px !important; } #profile-menu li.mob-menu{ margin-right: 13px !important; } .link-cart span{ padding: 0 7px; } .head-phone{ position: absolute; top: 0; left: 15px; } .head-phone span { font-size: 22px; text-align: left; } .call-header{ float: right; margin-right: 10px; } .email-header { position: absolute; top: 30px; left: 15px; } .call-header .call-order a { padding: 7px 18px; text-align: center; margin-top: 6px; display: block; max-width: 285px; float: right; } .search-line{ display: none; top: 50px; left: 0; position: fixed; overflow: hidden; background: #ffffff; padding: 10px 7px; z-index: 999; width: 100%; box-shadow: 0px 0px 2px #c3c3c3; } #box-slider{ display: none; } ul.main-list li:hover .li-ul{ display: none; } h2.border-h2 { margin: 40px 0; } #side-left .sf-block{ display: none; } .search-line a{ display: none; } ul.main-list li img { width: auto; max-width: 205px; height: 170px; } #top-line .centering{ max-width: 100%; max-height: 50px; } #callBack, #boss { margin-top: -150px; } #general-menu>li>a:after{ display: block; } #general-menu ul li a.parent:after { top: 12px !important; } .cart-itog .weight{ margin: 0 0 25px 0; float: right; display: block; text-align: right; left: 0 !important; } .row { margin-right: 0; margin-left: 0; } } @media screen and (max-width: 400px){ .search-mob a, .link-cart a,.mob-menu a{ padding-left: 0 !important; width: 25px; height: 42px !important; margin-top: 15px; } .search-mob a img, .link-cart a img,.mob-menu a img{ padding-left: 0 !important; width: 28px; display: block; } #profile-menu li { margin-left: 0!important; margin-right: 0px!important; } #profile-menu li.search-mob{ margin-right: 6px !important; } #profile-menu li.link-cart{ margin-right: 14px !important; } #profile-menu li.mob-menu{ margin-right: 13px !important; } #top-line .logo { margin: 15px 10px; } .link-cart span{ padding: 0 7px; left: 14px; top: 7px; } .head-phone { position: absolute; top: 0; left: 10px; } .head-phone span { font-size: 21px; } .email-header { left: 10px; } .call-header .call-order a { padding: 10px 15px; text-align: center; margin-top: 2px; font-size: 15px; } .call-header { float: right; margin-right: 10px; width: 48%; } ul.main-list li img { width: auto; height: 105px; display: block; margin: 0 auto 30px auto; } ul.main-list li a { width: auto; } .mob-menu{ margin-left: 14px !important; } #profile-menu li { margin-left: 5px; } ul.main-list>li { height: 210px; } } @media screen and (max-width: 320px){ .search-mob a img, .link-cart a img,.mob-menu a img{ padding-left: 0 !important; width: 24px; display: block; } #profile-menu li { margin-left: 0!important; margin-right: 0px!important; } #profile-menu li.search-mob{ margin-right: -5px !important; } #profile-menu li.link-cart{ margin-right: 8px !important; } #profile-menu li.mob-menu{ margin-right: 10px !important; } .head-phone { position: absolute; top: 0; left: 10px; } .head-phone span { font-size: 18px; } .email-header { left: 10px; } .call-header .call-order a { padding: 10px 15px; text-align: center; margin-top: 6px; font-size: 12px; line-height: 11px; } .call-header { float: right; margin-right: 10px; width: 44%; } ul.main-list li img { width: auto; height: 105px; display: block; margin: 0 auto 30px auto; } ul.main-list li a { width: auto; } } /*Карточка товара*/ #pi-general div.img { /* width: 485px; */ width: auto; height: 300px; border: none; } #thumbs { display: inline-block!important; max-width: 460px; width: 460px; } #thumbs .item { display: inline-block; /*border: 2px solid #3c7dbb;*/ border: 1px solid #ebebeb; border-radius: 3px; } #thumbs .item:hover { border: 2px solid #3c7dbb; } .pf-left #thumbs .item { width: 75px; height: 75px; float: left; margin: 0 14px 5px 1px; } #thumbs, #thumbs .owl-wrapper, #thumbs .owl-wrapper .owl-item { height: 77px !important; float: left; } #thumbs .owl-wrapper .owl-item{ width: 77px !important; } .pf-right { margin-left: 500px; } .detail-count-price{ margin-bottom: 20px; } .detail-count-price .product-line-price1 span.price-num{ font-weight: bold; font-size: 22px; line-height: 24px; margin: 0 0 10px 0px; display: inline-block; } .price-separator { display: inline-block; margin: 0 5px; font-size: 17px; } .product-full .product-price-color { font-weight: 700; font-size: 22px; color: #1662b0; margin-bottom: 15px; display: inline-block; } .price-separator.blue{ color: #1662b0; position: relative; } .pfr-left dt, .pfr-right dt, .pfr-left dd, .pfr-right dd { font-size: 17px; } .prod-status { color: #3e3e3e; margin-bottom: 15px; font-size: 17px; float: right; } #thumbs .owl-wrapper .owl-item a img{ padding: 5px; } .pfr-right .product-addcart a { display: block; border: solid #ed1b24 1px; color: #ed1b24; height: 36px; background: #fff; font-size: 15px; text-align: center; border-radius: 10px; padding: 10px 20px; text-transform: uppercase; line-height: 16px; margin-bottom: 20px; padding-left: 45px; font-weight: bold; } .count-input{ width: 164px; height: 38px; text-align: center; border: solid #ebebeb 1px; border-radius: 6px; margin: 12px 0px 0 0; } .count-input input{ height: 35px; border: none; box-shadow: none; font-size: 17px; display: inline-block; float: left; width: 84px; text-align: center; } .count-min, .count-max{ width: 38px; display: block; height: 38px; font-size: 24px; font-weight: bold; text-align: center; line-height: 34px; background: #ebebeb; border-radius: 4px; cursor: pointer; } .count-max{ float: right; } .count-min{ float: left; } .pfr-right .izm{ font-size: 17px; line-height: 58px; margin-right: 5px; } .pfr-right .sum{ font-size: 19px; } .product-full .hr{ display: block; border-bottom: solid 1px #ebebeb; margin: -12px 0 12px 0; } .buyclick-1{ margin-top: 20px; display: block; font-weight: bold; font-size: 15px; text-decoration: none !important; text-transform: uppercase; } .list-link{ margin-top: 15px; } .list-link ul{ margin-left: 0 !important; } .list-link ul li ul>li>a:hover{ text-decoration:none; } .list-link ul li{ list-style: none; font-size: 14px; border-bottom: solid 1px #ebebeb; } .list-link ul li ul li{ border-bottom: none; margin-bottom: 10px !important; } .list-link ul li ul>li>a{ padding: 0; display: unset; border-bottom: solid 1px #000; text-transform: uppercase; font-weight: normal; } .list-link ul li ul ul>li>a{ font-size: 14px; padding: 0; display: unset; border-bottom: solid 1px #0d7fc8; text-transform: none; font-weight: normal; } .list-link ul li .text{ display: none; padding: 10px 15px 15px 0px; } .list-link ul li .text .text{ display: none; padding: 20px 15px 15px 10px; line-height: 18px; } .list-link ul li .text .text p{ margin-bottom: -10px !important; } .list-link ul li .red{ color: red; text-decoration: underline; } .list-link ul li h3{ font-size: 15px; font-weight: bold; } .list-link ul>li>a{ font-size: 14px; padding: 3px 0 14px 0; position: relative; cursor: pointer; display: block; } .list-link ul ul ul a{ color: #0d7fc8; text-decoration: none; } .list-link>ul>li>a:after{ content: ' '; display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 0; background: url(/bitrix/templates/vsyaupakovka/images/galka-down.jpg) no-repeat; } .list-link ul li.active>a:after{ -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .list-link .new{ background: #1563ae; color: #fff; padding: 5px; margin-left: 7px; border-radius: 7px; font-size: 12px; } .product-line-price1.opt{ pointer-events: none; } .price-separator.blue:before { content: ' '; background: url(/bitrix/templates/vsyaupakovka/images/vopros-circle.jpg) no-repeat; width: 28px; height: 26px; display: block; position: absolute; right: 0; top: 0; margin: 4px -32px 0 0; pointer-events: all; } .btn-find-cheaper { display: inline-block; } .btn-find-cheaper a{ margin: 0px 0 15px 0; border-bottom: 1px solid; line-height: 18px; font-size: 16px; display: block; } .btn-find-cheaper a:hover{ text-decoration: none; } #find_cheaper input[type="submit"]{ width: 100%; height: 30px; } #find_cheaper { margin-top: -150px; } .product-line-price1.opt:hover::after { right: 0; top: 0; position: absolute; /* width: 49%;*/ display: block; content: attr(attr-title); z-index: 999999999; background: #fff; font-size: 12px; padding: 5px 5px; border: 1px solid #1662B0; /*#3e3e3e*/ -webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px; color:#1662B0; } .prod-status:before { content: ' '; background: url(/bitrix/templates/vsyaupakovka/images/galka-circle.jpg) no-repeat; width: 28px; height: 26px; display: block; position: absolute; margin: 0px 0px 0 -28px; } .pfr-right .product-addcart:before { content: ' '; background: url(/bitrix/templates/vsyaupakovka/images/btn-cart.jpg) no-repeat; width: 26px; height: 26px; display: block; position: absolute; margin: 4px 0 0 15px; } .product-line-price1{ line-height: 35px; position: relative; } .hr100{ margin: 6px 0 28px 0; display: block; border-bottom: solid 1px #ebebeb; } .zag-product{ font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 25px 0; display: inline-block; } .prf-tabs .property.hidden { height: 70px; overflow: hidden; } .prf-tabs{ margin-bottom: 0; transition: all .2s; } .prf-tabs ul{ margin-left: 0 !important; } /* .prf-tabs .tabs dt { float: left; width: 150px; font-weight: normal; font-size: 17px; }*/ ul.property { padding: 0; margin: 0; list-style-type: none; width: 460px; } ul.property li { border-bottom: 2px dotted #ebebeb; position: relative; padding: 0; margin-bottom:5px; } ul.property li span { background-color: #FFF; margin: 0; } ul.property li span.text, ul.property li span.page { bottom: -5px; font-size: 17px; } ul.property span.text { position :relative; margin-right:7em; padding-right:2px; } ul.property span.page { position: absolute; right: 0; padding-left:2px; } .pfr-block p { font-size: 17px; line-height: 20px; } .sale-viewed{ margin-top: 45px; } .sale-viewed .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: unset; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .sale-viewed .item-title a{ font-size: 15px; color: #000000; text-decoration: none; text-align: left; float: left; } .sale-viewed .item-title { height: 50px !important; } .sale-viewed .owl-item .item:hover .item-img { box-shadow: none; } .sale-viewed .hr{ display: block; border-bottom: solid 1px #ebebeb; margin-bottom: 10px; } .sale-viewed .product-line-price1{ text-align: left; line-height: 25px; } .sale-viewed .product-line-price1 .price-num{ font-size: 17px; font-weight: bold; } .sale-viewed .product-line-price1 .price-separator{ font-size: 13px; margin: 0 0px; } .sale-viewed .product-line-price1 .product-price-color { font-weight: 700; font-size: 17px; color: #1662b0; } .sale-viewed .price-separator.blue:before { display: none; } .sale-viewed .count-input { border-radius: 7px; width: 115px; height: 35px; float: left; } .sale-viewed .count-min, .sale-viewed .count-max{ background: none; width: 30px; font-weight: normal; font-size: 21px; } .sale-viewed .product-addcart input[type=text] { width: 52px; font-size: 15px; height: 32px; margin: 0; padding: 0; } .sale-viewed .product-addcart a { background: url(/bitrix/templates/vsyaupakovka/images/btn-cart-list.jpg) no-repeat; width: 40px !important; height: 28px; margin: 14px -10px 0 0 !important; float: right; text-indent: -99999px; } .sale-viewed .owl-carousel .owl-item .item { width: 80%; text-align: left; } .sale-viewed .item-img, .sale-viewed .item-title { width: 100% !important; } .prf-tabs--mobile { display: none; } @media screen and (max-width: 1100px){ #pi-general div.img { width: 100%; height: 150px; border: none; } #thumbs, #thumbs .owl-wrapper, #thumbs .owl-wrapper .owl-item { height: 77px !important; width: 100% !important; } .pf-right { margin-left: 0; } ul.property { width: 94%; } #content h1, #page-full h1 { font-size: 22px; } #breadcrumbs { padding: 5px 0px; } #side-content #content { margin-left: 0; } #logo, .pfr-left, .pfr-right { float: left; width: 50%; } .buyclick-1{ float: right; font-size: 14px; } .pfr-right .product-addcart a { font-size: 14px; width: 150px; } .sale-viewed .count-input { width: 90px; height: 32px; } .sale-viewed .count-min, .sale-viewed .count-max { width: 20px; height: 30px; line-height: 28px; } .sale-viewed .product-addcart input[type=text] { width: 45px; height: 29px; } .hr100 { display: none; } .sale-viewed .hr100 { display: block; } .sale-viewed .item-title { height: 100px !important; } .prf-tabs .property.hidden { height: 208px; } } @media screen and (max-width: 800px) { .prf-tabs--desktop { display: none; } .prf-tabs--mobile { display: block; margin-bottom: 15px; } } @media screen and (max-width: 374px){ .count-input { /*width: 120px;*/ width: 131px; } .count-min, .count-max { width: 30px; } .count-input input { /*width: 58px;*/ width: 66px; } .buyclick-1 { font-size: 13px; } .pfr-right .product-addcart a { font-size: 13px; width: 130px; /*padding: 10px 8px;*/ padding: 11px 0px 11px 30px; } .pfr-right .product-addcart:before{ margin: 4px 0 0 10px; } .sale-viewed .count-input { width: 75px; height: 32px; } .sale-viewed .count-min, .sale-viewed .count-max { width: 20px; height: 30px; line-height: 28px; } .sale-viewed .product-addcart input[type=text] { width: 30px; height: 29px; font-size: 13px; } #thumbs, #thumbs .owl-wrapper{ float: none !important; } #thumbs { text-align: center !important; width: 308px !important; } .products .rouble{ margin-left: 0px; } .products .price-value, .products .product-line-price.blue .price-separator{ font-size: 14px !important; } } @media screen and (max-width: 700px){ #thumbs .owl-wrapper .owl-item{ width: 77px !important; } } .page_menu .all_menu li.add-menu{ padding: 15px 55px; height: 50px; } #hide-menu #general-menu>li>a { padding: 0px 7px !important; height: 40px; } #content .product { padding: 3px 0px 3px 0; } #content .product:hover { box-shadow: 0 0 5px rgba(0, 0, 0, .3); } .news-detail img { max-width: 100%; height: auto; } @media screen and (min-width: 375px) and (max-width: 400px){ .news-detail img { float: none !important; margin: 0 auto !important; width: 100%; } .form-table-order td { width: 100% !important; display: inline; } .form-table-order td.texts img { width: 90% !important; } #thumbs .item.blue { border: 2px solid #3c7dbb; } .price-separator.blue:before { margin: -4px -28px 0 0; } #thumbs, #thumbs .owl-wrapper{ float: none !important; } #thumbs { text-align: center !important; width: 308px !important; } .buyclick-1 { float: left; font-family: yanuscbold; } .pfr-right .product-addcart a{ height: 38px; width: 164px !important; } } @media screen and (max-width: 400px){ .news-detail img { float: none !important; margin: 0 auto !important; width: 100%; } .form-table-order td { width: 100% !important; display: inline; } .form-table-order td.texts img { width: 90% !important; } #thumbs .item.blue { border: 2px solid #3c7dbb; } .rouble { font-family: 'rouble'; margin-left: 6px; } .price-separator.blue:before { margin: -4px -28px 0 0; } #thumbs, #thumbs .owl-wrapper{ float: none !important; } #thumbs { text-align: center !important; width: 308px !important; } .buyclick-1 { float: left; font-family: yanuscbold; } #side-content{ padding: 0 15px; } .products .product-line-price .price-separator, .sale-viewed .price-separator{ font-size: 14px !important; } .products .price-value, .sale-viewed .price-value{ font-size: 14.5px !important; } .products .rouble, .sale-viewed .rouble{ margin-left: 0px !important; } .products .price-separator,.sale-viewed .price-separator{ margin: 0 2px; } } .detail-properties-show-link { margin-top: 15px; display: inline-block; border-bottom: 1px dashed; } .detail-properties-show-link:hover, .detail-properties-show-link:focus { text-decoration: none; } /* End */ /* Start:/bitrix/templates/vsyaupakovka/template_styles.css?1753116508250*/ #map ul ul{ margin: 10px 20px 0; } .fd-window { max-height: 25vh; overflow-y: auto; } .products { text-align: left !important; } .rouble { font-weight: bold; font-size: 22px; } .form-order-catalog{ max-width: 500px; } /* End */ /* /bitrix/templates/vsyaupakovka/css/owl.carousel.css?17135127881582 */ /* /bitrix/templates/vsyaupakovka/css/owl.theme.css?17135127881661 */ /* /bitrix/templates/vsyaupakovka/css/jquery.formstyler.css?17135127889372 */ /* /bitrix/templates/vsyaupakovka/css/lightbox.css?17135127882931 */ /* /bitrix/templates/vsyaupakovka/css/style.css?172889943679166 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/menu/top/style.css?1713512788583 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/sale.basket.basket.line/template/style.css?17135127888385 */ /* /bitrix/templates/.default/components/bitrix/menu/vertical_multilevelNEW/style.css?17135127891013 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/menu/vertical_multilevelINDEX/style.css?1713512788414 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/news.list/article-index/style.css?1713512788150 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/news.list/add-index/style.css?1713512788150 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/breadcrumb/template/style.css?1713512787947 */ /* /bitrix/templates/vsyaupakovka/components/bitrix/menu/footer/style.css?1713512788583 */ /* /bitrix/components/bitrix/system.show_message/templates/.default/style.css?171351278564 */ /* /bitrix/templates/vsyaupakovka/styles.css?171864332525706 */ /* /bitrix/templates/vsyaupakovka/template_styles.css?1753116508250 */