/* Start:/local/templates/.default/ajax/ajax.min.css?1508316389417*/ iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;background-color:#fcf7d1;border:1px solid #e1b52d;background-image:url(/local/templates/.default/ajax/images/wait.gif);background-position:center center;background-repeat:no-repeat}div.waitwindowlocalshadow{position:absolute;z-index:9998;background-image:url(/local/templates/.default/ajax/images/shadow.gif);border:1px solid gray} /* End */ /* Start:/local/templates/new/css/gray.min.css?1508756211716*/ /*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */ .grayscale{-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0} /* End */ /* Start:/local/templates/new/css/baron.min.css?15087562115076*/ .main__clipper{position:relative;box-sizing:border-box;width:100%;height:100%;border:1px solid #fc9;overflow:hidden}.main__scroller{overflow-x:scroll;overflow-y:hidden;height:100%;white-space:nowrap}.baron__scroller::-webkit-scrollbar,.main__scroller::-webkit-scrollbar{width:0;height:0}.main__bar{position:absolute;bottom:0;width:10px;height:10px;background:#fc9}.baron{display:inline-block;vertical-align:middle;text-align:left;white-space:normal}.baron,.baron__clipper{position:relative;overflow:hidden}.baron__scroller{overflow-y:scroll;-ms-overflow-style:none;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;border:0;padding:0;width:100%;height:100%;-webkit-overflow-scrolling:touch}.baron__track{display:none}.baron._scrollbar .baron__bar,.baron._scrollbar .baron__track{display:block}.baron__free,.baron__track{position:absolute;top:0;bottom:0;right:0}.baron__bar{position:absolute;right:0;z-index:1;width:10px;background:#999}.baron__bar,.baron__control{display:none}.baron._simple .baron__track{opacity:0;position:absolute;z-index:3;top:10px;bottom:10px;right:5px;width:8px;border-radius:5px;background:#ddf;background:rgba(0,0,255,.1);pointer-events:none}.baron._simple._scrollbar .baron__track{opacity:1}.baron._simple .baron__bar{position:absolute;z-index:1;width:8px;border-radius:3px;background:#987;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;pointer-events:auto}.baron._simple .baron__bar:hover{opacity:.8}.baron._simple.baron .baron__bar{opacity:.6}.baron._macosx .baron__track{opacity:0;position:absolute;z-index:3;top:2px;bottom:2px;right:2px;width:0}.baron._macosx._scrollbar .baron__track{opacity:1}.baron._macosx .baron__bar{position:absolute;z-index:1;width:6px;border-radius:3px;background:#333;opacity:0;transition:.1s opacity .4s linear;pointer-events:auto}.baron._macosx .baron__bar:hover,.baron._scrolling .baron__bar{transition-duration:0s;transition-delay:0s;opacity:.5}.baron._winxp .baron__scroller{padding-right:17px}.baron._winxp .baron__track{opacity:0;position:absolute;z-index:3;top:0;bottom:0;right:0;width:15px;overflow:hidden;background-image:linear-gradient(to right,#f2f1ec,#fdfef9);border:1px solid #ecede5}.baron._winxp._scrollbar .baron__track{opacity:1}.baron._winxp .baron__control{display:block;border:1px solid #f3ffff;box-shadow:1px 1px 1px #b7caf5 inset,1px 1px 1px #7b9fd3;border-radius:3px;background-image:linear-gradient(to right,#c9d7fc,#baccf4)}.baron._winxp .baron__bar,.baron._winxp .baron__control{text-align:center;font-size:8px;line-height:14px;color:#4e6287;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.baron._winxp .baron__bar:hover,.baron._winxp .baron__control:hover,.baron._winxp._dragging .baron__bar{background-image:linear-gradient(to right,#d9e7ff,#cadcff)}.baron._winxp .baron__down,.baron._winxp .baron__up{position:absolute;z-index:1;width:15px;height:16px;box-sizing:border-box}.baron._winxp .baron__up{top:0}.baron._winxp .baron__down{bottom:0}.baron._winxp .baron__free{position:absolute;top:18px;bottom:18px;right:0;width:0}.baron._winxp .baron__bar{position:absolute;z-index:1;width:15px;box-sizing:border-box;border:1px solid #f3ffff;box-shadow:1px 1px 1px #b7caf5 inset,1px 1px 1px #7b9fd3;border-radius:3px;background-image:linear-gradient(to right,#c9d7fc,#baccf4);opacity:1;-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;pointer-events:auto}.baron._winxp .baron__bar:before{content:'';position:absolute;top:45%;left:3px;width:6px;height:7px;z-index:1;background-image:linear-gradient(to bottom,#f0f4ff 0,#f0f4ff 1px,rgba(255,255,255,0) 1px,rgba(255,255,255,0) 2px,#f0f4ff 2px,#f0f4ff 3px,rgba(255,255,255,0) 3px,rgba(255,255,255,0) 4px,#f0f4ff 4px,#f0f4ff 5px,rgba(255,255,255,0) 5px,rgba(255,255,255,0) 6px,#f0f4ff 6px,#f0f4ff 7px,rgba(255,255,255,0) 7px,rgba(255,255,255,0) 8px)}.baron._winxp .baron__bar:after{content:'';position:absolute;top:47%;left:4px;width:6px;height:7px;background-image:linear-gradient(to bottom,#8aaff6 0,#8aaff6 1px,rgba(138,175,246,0) 1px,rgba(138,175,246,0) 2px,#8aaff6 2px,#8aaff6 3px,rgba(138,175,246,0) 3px,rgba(138,175,246,0) 4px,#8aaff6 4px,#8aaff6 5px,rgba(138,175,246,0) 5px,rgba(138,175,246,0) 6px,#8aaff6 6px,#8aaff6 7px,rgba(138,175,246,0) 7px,rgba(138,175,246,0) 8px)}.baron._ubuntu12 .baron__scroller{padding-right:14px}.baron._ubuntu12 .baron__track{opacity:0;position:absolute;z-index:3;top:0;bottom:0;right:0;width:14px;box-sizing:border-box;border:1px solid #c5c1bd;border-radius:7px;background-image:linear-gradient(to right,#d3d3d3,#e5e5e5)}.baron._ubuntu12._scrollbar .baron__track{opacity:1}.baron._ubuntu12 .baron__bar{position:absolute;z-index:1;width:12px;box-sizing:border-box;border:1px solid #fff;border-radius:6px;background-image:linear-gradient(to right,#fcfbfb,#eeeceb);opacity:1;pointer-events:auto;box-shadow:0 0 1px #d6d3d0}.baron._ubuntu12 .baron__bar:hover,.baron._ubuntu12._dragging .baron__bar{background-image:linear-gradient(to right,#e96d3a,#f58050);border-color:#e1632f} /* End */ /* Start:/local/templates/new/css/jquery.jgrowl.min.css?15087562111676*/ .jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:0;width:50%;left:25%}.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification{margin-left:auto;margin-right:auto}.jGrowl-notification{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-closer,.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:0;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;margin:10px;display:none;border-radius:5px;padding:4px 10px;cursor:pointer;font-size:.9em;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}} /* End */ /* Start:/local/templates/new/css/jquery.formstyler.min.css?150875621110506*/ .jq-checkbox,.jq-radio{top:-1px;vertical-align:middle;width:16px;height:16px;margin:0 4px 0 0;border:1px solid #c3c3c3;border-radius:3px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:0 1px 1px rgba(0,0,0,.05),inset -1px -1px #fff,inset 1px -1px #fff;cursor:pointer}.jq-checkbox.checked .jq-checkbox__div{width:12px;height:12px;margin:2px 0 0 2px;border-radius:2px;background:#666;box-shadow:inset 0 -3px 6px #aaa}.jq-checkbox.focused{border:1px solid #08c}.jq-checkbox.disabled{opacity:.55}.jq-radio{border-radius:50%}.jq-radio.checked .jq-radio__div{width:10px;height:10px;margin:3px 0 0 3px;border-radius:50%;background:#777;box-shadow:inset 1px 1px 1px rgba(0,0,0,.7)}.jq-radio.focused{border:1px solid #08c}.jq-radio.disabled{opacity:.55}.jq-file{width:270px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.jq-file input{height:auto;line-height:1em;cursor:pointer}.jq-file__browse,.jq-file__name{font:14px/32px Arial,sans-serif;color:#333}.jq-file__name{overflow:hidden;box-sizing:border-box;width:100%;height:34px;border:1px solid #ccc;border-bottom-color:#b3b3b3;background:#fff;box-shadow:inset 1px 1px #f1f1f1;white-space:nowrap;text-overflow:ellipsis;padding:0 80px 0 10px;border-radius:4px}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #ccc;border-radius:0 4px 4px 0;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);text-shadow:1px 1px #fff}.jq-file:hover .jq-file__browse{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-file:active .jq-file__browse{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-file.focused .jq-file__name{border:1px solid #5794bf}.jq-file.disabled,.jq-file.disabled .jq-file__browse,.jq-file.disabled .jq-file__name{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number{position:relative;display:inline-block;vertical-align:middle;padding:0 36px 0 0}.jq-number__field{width:100px;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)}.jq-number__field:hover,input[type=email].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}.jq-number__field input{box-sizing:border-box;width:100%;padding:8px 9px;border:0;outline:0;background:0 0;font:14px Arial,sans-serif;color:#333;text-align:left;-moz-appearance:textfield}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.jq-number__spin{position:absolute;top:0;right:0;width:32px;height:14px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-shadow:1px 1px #fff;cursor:pointer}.jq-number__spin.minus{top:auto;bottom:0}.jq-number__spin:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-number__spin:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-number__spin.minus:after,.jq-number__spin:after{border-right:5px solid transparent;border-left:5px solid transparent}.jq-number__spin:after{content:'';position:absolute;left:11px;width:0;height:0;top:4px;border-bottom:5px solid #999}.jq-number__spin.minus:after{top:5px;border-top:5px solid #999;border-bottom:none}.jq-number__spin.minus:hover:after{border-top-color:#000}.jq-number__spin.plus:hover:after{border-bottom-color:#000}.jq-number.focused .jq-number__field{border:1px solid #5794bf}.jq-number.disabled .jq-number__field,.jq-number.disabled .jq-number__spin{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-number.disabled .jq-number__spin:after{border-bottom-color:#aaa}.jq-number.disabled .jq-number__spin.minus:after{border-top-color:#aaa}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-selectbox__select:hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-selectbox__select:active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #ccc}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#aaa}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.2);font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #ccc;border-radius:3px;outline:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;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-select-multiple ul,.jq-selectbox ul{margin:0;padding:0}.jq-select-multiple li,.jq-selectbox li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-selectbox li{min-height:18px;color:#231f20;padding:5px 10px 6px}.jq-selectbox li.selected{background-color:#a3abb1;color:#fff}.jq-selectbox li:hover{background-color:#08c;color:#fff}.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{box-sizing:border-box;padding:1px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px/18px Arial,sans-serif;color:#333;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 li{padding:3px 9px 4px;list-style:none}.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=password].styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:8px 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);font:14px Arial,sans-serif;color:#333}input[type=search].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type=email].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;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit].styler{overflow:visible;padding:8px 11px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;outline:0;background:#f5f5f5;background:-webkit-linear-gradient(#fff,#e6e6e6);background:linear-gradient(#fff,#e6e6e6);box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);font:14px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff;cursor:pointer}button.styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner,input[type=reset].styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner{padding:0;border:0}button.styler:not([disabled]):hover,input[type=button].styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=submit].styler:not([disabled]):hover{background:#e6e6e6;background:-webkit-linear-gradient(#f6f6f6,#e6e6e6);background:linear-gradient(#f6f6f6,#e6e6e6)}button.styler:not([disabled]):active,input[type=button].styler:not([disabled]):active,input[type=reset].styler:active,input[type=submit].styler:not([disabled]):active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}button.styler[disabled],input[type=button].styler[disabled],input[type=submit].styler[disabled]{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888} /* End */ /* Start:/local/templates/new/css/jquery.countdown.min.css?15087562111056*/ .countdownHolder{margin:0 auto;font:14px/1.5 'Roboto',sans-serif;text-align:center;letter-spacing:-2px}.position{display:inline-block;height:1.6em;overflow:hidden;position:relative;width:1.05em}.digit{position:absolute;display:block;width:1em;background-color:#fc9d56;border-radius:.2em;text-align:center;color:#fff;letter-spacing:0;font-weight:700}.digit.static{background-image:linear-gradient(bottom,#ff6d26 50%,#fc9d56 50%);background-image:-o-linear-gradient(bottom,#ff6d26 50%,#fc9d56 50%);background-image:-moz-linear-gradient(bottom,#ff6d26 50%,#fc9d56 50%);background-image:-webkit-linear-gradient(bottom,#ff6d26 50%,#fc9d56 50%);background-image:-ms-linear-gradient(bottom,#ff6d26 50%,#fc9d56 50%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,#ff6d26),color-stop(.5,#fc9d56))}.countDiv{display:inline-block;width:9px;height:1.6em;position:relative}.countDiv:after,.countDiv:before{position:absolute;width:3px;height:3px;background-color:#444;border-radius:50%;left:30%;top:.5em;content:' '}.countDiv:after{top:.9em} /* End */ /* Start:/local/templates/new/css/magnific-popup.min.css?15087562115136*/ .mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;height:100%;left:0;top:0}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden;position:fixed}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-container:before{content:'';height:100%}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{display:block;width:auto;height:auto}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} /* End */ /* Start:/local/templates/new/owl-carousel/owl.carousel.min.css?15087562111118*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(/local/templates/new/owl-carousel/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;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} /* End */ /* Start:/local/templates/new/owl-carousel/owl.theme.min.css?15087562111148*/ .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div,.owl-theme .owl-controls .owl-page span.owl-numbers{color:#fff;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-controls .owl-buttons div{margin:5px;background:#869791;filter:Alpha(Opacity=50);opacity:.5;padding:3px 10px}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-buttons div,.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;padding:2px 10px}.owl-item.loading{min-height:150px;background:url(/local/templates/new/owl-carousel/AjaxLoader.gif) no-repeat center center} /* End */ /* Start:/local/templates/new/components/yenisite/geoip.city/main/style.min.css?15087562123824*/ #ys-locator{font-size:12px!important;line-height:18px!important;z-index:1100!important}#ys-geoip-mask,.ys-popup{position:fixed!important;display:none}#ys-geoip-mask{height:100%!important;background:url(/local/templates/new/components/yenisite/geoip.city/main/images/mask.png) top left!important;width:100%!important;top:0!important;left:0!important}.ys-geoip-mask{z-index:1000}.ys-popup{width:240px!important;top:40px!important;left:50%!important;margin:0 0 0 -141px!important;z-index:1100!important;background:#fff!important;border-radius:5px!important;-moz-border-radius:5px!important;-webkit-border-radius:5px!important;box-shadow:0 1px 3px #777!important;padding:20px 21px!important}.ys-popup a.close{width:25px!important;height:25px!important;display:block!important;overflow:hidden!important;position:absolute!important;top:10px!important;right:10px!important;border:0!important;opacity:1!important}.ys-popup a.close:hover{color:#4880cd!important}#ys-locator .sym{font-family:WebHostingHub-Glyphs!important}#ys-locator .txt,#ys-locator textarea{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #c1c5c8;padding:6px 10px!important;width:100%!important}#ys-locator .txt:focus,#ys-locator textarea:focus{border-color:#4880cd}#ys-locator{width:100%!important;max-width:463px;top:30%!important;left:50%!important;margin-left:-231px!important}#ys-locator h2{font-size:20px!important;width:550px!important;font-weight:400!important}#ys-locator .ys-my-city{margin:5% 0 0 31%!important}#ys-locator .txt{margin-top:15px!important}#ys-locator .ys-loc-cities ul{list-style-type:none!important;padding:0!important;margin:0 0 0 30px!important;width:120px!important}#ys-locator .ys-loc-cities ul li{text-align:left;margin:0 0 5px!important;display:list-item!important}#ys-locator .ys-loc-cities ul.ys-loc-first{margin:0!important}#ys-locator .ys-loc-cities ul li a{background:0 0!important;width:auto!important;float:none!important}.ys-loc-cities{margin-top:20px!important}.ys-loc-choose{margin-top:25px!important}.ys-loc-choose-city,.ys-loc-choose-country,.ys-loc-choose-region{margin:5px 0 15px!important}.ys-loc-choose-region{display:none!important}a.ys-loc-city{display:inline;text-decoration:none!important}.ys-loc-autocomplete{position:absolute!important;display:none;width:350px!important;max-height:400px!important;overflow:auto!important;z-index:1200!important;background:#fff!important;border:1px solid #aaa!important;border-radius:2px!important;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;box-shadow:0 1px 2px #777!important}#ys-locator .button,.ys-loc-autocomplete div{font-size:14px!important;cursor:pointer!important}.ys-loc-autocomplete div{line-height:14px!important;padding:3px 5px!important}.ys-loc-autocomplete div strong{color:red!important}.ys-loc-autoc-selected{background:#e0e0e0!important}#ys-locator .button,#ys-locator a{text-decoration:none!important}#ys-locator a span,a.ys-loc-city{border-bottom:1px dashed!important}.ys-your-city .sym{color:#8db600!important}#ys-locator .button{-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important;text-align:center!important;padding:8px 15px!important;border:0;text-transform:uppercase;margin-top:15px}@media screen and (max-width:480px){.ys-loc-cities{float:left;width:100%}#ys-locator .ys-my-city{float:left;width:100%;text-align:center;margin:0!important}#ys-locator{max-width:none!important;margin-left:0!important;left:0!important}#ys-locator .ys-loc-cities ul{margin-left:0!important;width:33%!important}#ys-locator .ys-loc-cities ul:nth-child(odd){padding-right:10px!important}#ys-locator .ys-loc-cities ul:nth-child(even){padding-left:10px!important}.title-block-city{margin-bottom:0}.ys-loc-autocomplete{width:auto!important}}@media screen and (max-width:380px){#ys-locator .ys-loc-cities ul{width:50%!important}} /* End */ /* Start:/local/templates/new/components/yenisite/geoip.city/main/ice.min.css?1508756212593*/ #ys-locator a.close{font-size:22px;color:#3169b6;text-align:center;line-height:28px}#ys-locator a.close:hover{color:#0660cf;border-color:#0660cf!important}#ys-locator a.close:active{color:#7c7c7c;border-color:#7c7c7c!important}#ys-locator .txt{border:1px solid #7c7c7c}#ys-locator .txt:focus{border-color:#0660cf}#ys-locator a{color:#3160b6;border-color:#3160b6}#ys-locator a:hover{color:#4880cd;border-color:#4880cd}#ys-locator .button{background-color:#3169b6;color:#fff!important}#ys-locator .button:hover{background-color:#4880cd}a.ys-loc-city{color:#fff}a.ys-loc-city:hover{color:#9dc618} /* End */ /* Start:/local/templates/new/components/yenisite/geoip.city/main/css/jquery.jgrowl.min.css?15087562123339*/ div.jGrowl{padding:10px;z-index:9999;color:#fff;font-size:12px}div.ie6,div.jGrowl{position:absolute}div.ie6.top-left,div.ie6.top-right{top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.top-right{right:auto;bottom:auto;left:expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' )}div.ie6.top-left{left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' )}div.ie6.bottom-right{left:expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.bottom-left,div.ie6.center{left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' )}div.ie6.bottom-left{top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' )}div.ie6.center{top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );width:100%}body>div.jGrowl{position:fixed}div.jGrowl.top-left{left:0;top:0}div.jGrowl.top-right{right:0;top:0}div.jGrowl.bottom-left{left:0;bottom:0}div.jGrowl.bottom-right{right:0;bottom:0}div.jGrowl.center{top:0;width:50%;left:25%}div.jGrowl.center-center{top:40%;width:50%;left:40%}div.jGrowl.ls{top:70%;width:50%;left:70%}div.jGrowl div.ls_theme{width:300px!important}div.center div.jGrowl-closer,div.center div.jGrowl-notification{margin-left:auto;margin-right:auto}div.jGrowl div.jGrowl-notification{padding:10px;font-size:1em;text-align:left}div.jGrowl div.jGrowl-closer,div.jGrowl div.jGrowl-notification{background-color:#000;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);zoom:1;width:235px;margin-top:5px;margin-bottom:5px;font-family:Tahoma,Arial,Helvetica,sans-serif;display:none;-moz-border-radius:5px;-webkit-border-radius:5px}div.jGrowl div.jGrowl-notification{min-height:40px}div.jGrowl div.jGrowl-notification div.jGrowl-header{font-weight:700;font-size:.85em}div.jGrowl div.jGrowl-notification div.jGrowl-close{z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}div.jGrowl div.jGrowl-closer{padding:4px 10px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}@media print{div.jGrowl{display:none}} /* End */ /* Start:/local/templates/new/components/beono/flashmessage/.default/style.css?15795116291066*/ div.beono-flashmessage { position: absolute; position: fixed; z-index: 9999; top: -5px; left: 50%; width: 440px; margin: 0px 0 0px -245px; padding: 15px 25px 15px 20px; border: 2px solid #FFE000; border-radius: 6px; background: #FFF500; box-shadow: 0px 0px 100px rgba(0,0,0,0.5); font-size: 13px; color: #000; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-name: slideIn; } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%)); } } a.beono-flashmessage-close, a.beono-flashmessage-close:link, a.beono-flashmessage-close:visited, a.beono-flashmessage-close:active { display: block; position: absolute; right: 8px; top: 16px; font-size: 16px; line-height: 16px; text-decoration: none; font-weight: bold; color: #666; font-family: Verdana, Arial, Helvetica, sans-serif } a.beono-flashmessage-close:hover { color: #444; } @media(max-width: 480px){ div.beono-flashmessage{ margin: 0; left: 0; width: 100%; } } /* End */ /* Start:/local/templates/new/styles.min.css?15130665155603*/ .CSSTableGenerator,.videotable{margin:0;padding:0;width:100%;box-shadow:10px 10px 5px #888;border:1px solid #000;-moz-border-radius-bottomleft:14px;-webkit-border-bottom-left-radius:14px;border-bottom-left-radius:14px;-moz-border-radius-bottomright:14px;-webkit-border-bottom-right-radius:14px;border-bottom-right-radius:14px;-moz-border-radius-topright:14px;-webkit-border-top-right-radius:14px;border-top-right-radius:14px;-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;border-top-left-radius:14px}.CSSTableGenerator table,.videotable table{border-collapse:collapse;border-spacing:0;width:100%;height:100%;margin:0;padding:0}.CSSTableGenerator tr:last-child td:last-child{-moz-border-radius-bottomright:14px;-webkit-border-bottom-right-radius:14px;border-bottom-right-radius:14px}.CSSTableGenerator table tr:first-child td:first-child{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;border-top-left-radius:14px}.CSSTableGenerator table tr:first-child td:last-child{-moz-border-radius-topright:14px;-webkit-border-top-right-radius:14px;border-top-right-radius:14px}.CSSTableGenerator tr:last-child td:first-child{-moz-border-radius-bottomleft:14px;-webkit-border-bottom-left-radius:14px;border-bottom-left-radius:14px}.CSSTableGenerator tr:nth-child(odd){background-color:#b9c868}.CSSTableGenerator tr:nth-child(even),.table-adaptive-style tr:nth-child(2n){background-color:#fff}.CSSTableGenerator td{vertical-align:middle;border:1px solid #000;border-width:0 1px 1px 0;text-align:left;padding:10px;font-size:15px;font-weight:700;color:#000}.CSSTableGenerator tr:last-child td{border-width:0 1px 0 0}.CSSTableGenerator tr td:last-child{border-width:0 0 1px}.CSSTableGenerator tr:last-child td:last-child{border-width:0}.CSSTableGenerator tr:first-child td{border:0 solid #000;text-align:center;border-width:0 0 1px 1px;font-size:18px;font-weight:700;color:#fff}.CSSTableGenerator tr:first-child td,.CSSTableGenerator tr:first-child:hover td{background:-o-linear-gradient(bottom,#4e85c1 5%,#235a96 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#4e85c1),color-stop(1,#235a96));background:-moz-linear-gradient(center top,#4e85c1 5%,#235a96 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e85c1", endColorstr="#235a96");background:-o-linear-gradient(top,#4e85c1,235a96);background-color:#4e85c1}.CSSTableGenerator tr:first-child td:first-child{border-width:0 0 1px}.CSSTableGenerator tr:first-child td:last-child{border-width:0 0 1px 1px}.videotable tr:last-child td:last-child{-moz-border-radius-bottomright:14px;-webkit-border-bottom-right-radius:14px;border-bottom-right-radius:14px}.videotable table tr:first-child td:first-child{-moz-border-radius-topleft:14px;-webkit-border-top-left-radius:14px;border-top-left-radius:14px}.videotable table tr:first-child td:last-child{-moz-border-radius-topright:14px;-webkit-border-top-right-radius:14px;border-top-right-radius:14px}.videotable tr:last-child td:first-child{-moz-border-radius-bottomleft:14px;-webkit-border-bottom-left-radius:14px;border-bottom-left-radius:14px}.videotable td,.videotable tr:hover td{background-color:#fff}.videotable td{vertical-align:middle;background:-o-linear-gradient(bottom,#fff 5%,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#fff),color-stop(1,#fff));background:-moz-linear-gradient(center top,#fff 5%,#fff 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff");background:-o-linear-gradient(top,#fff,ffffff);border:1px solid #000;border-width:0 1px 1px 0;text-align:left;padding:10px;font-size:15px;font-weight:700;color:#000}.videotable tr:last-child td{border-width:0 1px 0 0}.videotable tr td:last-child{border-width:0 0 1px}.videotable tr:last-child td:last-child{border-width:0}.videotable tr:first-child td{border:0 solid #000;text-align:center;border-width:0 0 1px 1px;font-size:18px;font-weight:700;color:#fff}.videotable tr:first-child td,.videotable tr:first-child:hover td{background:-o-linear-gradient(bottom,#4e85c1 5%,#235a96 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#4e85c1),color-stop(1,#235a96));background:-moz-linear-gradient(center top,#4e85c1 5%,#235a96 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4e85c1", endColorstr="#235a96");background:-o-linear-gradient(top,#4e85c1,235a96);background-color:#4e85c1}.videotable tr:first-child td:first-child{border-width:0 0 1px}.videotable tr:first-child td:last-child{border-width:0 0 1px 1px}.row>#col1 #vendor{margin-top:10px!important;position:absolute;z-index:22}.table-adaptive-style{margin:auto;width:100%;border-radius:14px;padding:0;border-left:1px solid #d6dce1}.table-adaptive-style td{vertical-align:middle;border:1px solid #d6dce1;border-width:0 1px 1px 0;text-align:left;padding:10px;font-size:14px;color:#000}.table-adaptive-style tr:nth-child(2n+1){background-color:#b9c868}.table-adaptive-style tr th,.table-adaptive-style tr:first-child td{background-color:#3169b6;text-align:center;font-size:12px;color:#fff;text-transform:uppercase}.box-shadow{box-shadow:10px 10px 5px #888}.desc-image img{max-width:476px;width:100%}.delivery-table-xs{display:none}@media screen and (max-width:767px){.table-responsive{border:0}.delivery-table-xs{display:block}.table-adaptive-style tr th,.table-adaptive-style tr:first-child td{font-size:11px}.row>#col1 #vendor{left:10px}}@media screen and (min-width:768px){.row>#col1 #vendor{margin-left:10px!important}}@media (max-width:500px){.desc-image{display:none}} /* End */ /* Start:/local/templates/new/template_styles.css?1586328742268529*/ select[id^="LIST_PROPERTY_CODE_bx_comp_params_manager_"], select[id^="DETAIL_PROPERTY_CODE_bx_comp_params_manager_"]{ height: 200px !important; } .label-img-watermark { color: #000; position: absolute; left: 0; top: 50%; right: 0; margin-top: -50px; text-align: center; font-size: 30px; font-weight: 700; text-transform: uppercase; background-color: rgba(255,255,255,.5); padding: 10px 0; } .jGrowl-notification, .jGrowl-closer { background-color: #3169b6 !important; } /* bootstapreset.css */ body { background-color: inherit; line-height: inherit; } a, a:focus, a:hover { text-decoration: none; color: inherit; } h1,h2,h3 { font-size: inherit; font-weight: inherit; padding: 0; margin: 0; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-right: 0; padding-left: 0; } .container { padding-right: 0; padding-left: 0; } .modal-header { border-bottom: 0; } header .nav>li>a:focus, header .nav>li>a:hover { text-decoration: none; background-color: inherit; } .row { margin-right: 0; margin-left: 0; } .label{ border-radius: 0; } .close { text-shadow: none; } /* end bootstapreset.css */ @font-face { font-family: 'icons'; src: url('/local/templates/new/fonts/icons.eot'); src: url('/local/templates/new/fonts/icons.eot?#iefix') format('embedded-opentype'), url('/local/templates/new/fonts/icons.woff') format('woff'), url('/local/templates/new/fonts/icons.ttf') format('truetype'), url('/local/templates/new/fonts/icons.svg?#icons') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: WebHostingHub-Glyphs; src: url("/local/templates/new/fonts/webhostinghub-glyphs.eot"); src: url("/local/templates/new/fonts/webhostinghub-glyphs.eot?#iefix") format("embedded-opentype"), url("/local/templates/new/fonts/webhostinghub-glyphs.ttf") format("truetype"); font-weight: normal; font-style: normal; -moz-font-feature-settings: "calt=0,liga=0"; font-display: swap; } .icon { white-space: nowrap; overflow: hidden; text-indent: -9999px; position: relative; display: inline-flex !important; text-align: left; vertical-align: top; } .icon:after { display: flex; text-indent: 0; content: '\f4ca'; font-family: 'WebHostingHub-Glyphs'; background: none; width: auto; height: auto; font-style: normal; } .no-padding { padding: 0 !important; } .no-padding-left { padding-left: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-margin { margin: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } .hidden { display: none !important; visibility: hidden !important; } .visible { display: block !important; visibility: visible !important; } .no-decoration-hover:hover { text-decoration: none !important; } /* cleaning stream */ .clear-box { letter-spacing: -0.3em; } .clear-box .clear-item * { letter-spacing: normal; } .clear-box .clear-item { display: inline-block !important; float: none !important; vertical-align: top; } /* end cleaning stream */ .disabled-element { pointer-events: none !important; cursor: default !important; background-color: #eee !important; position: relative !important; } .disabled-element:before { content: ""; position: absolute; z-index: 100; width: 32px; height: 32px; background-image: url("/local/templates/new/images/preloader.gif"); background-size: 32px; background-repeat: no-repeat; background-position: center; left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; } .disabled-form { pointer-events: none !important; cursor: default !important; background-color: #eee !important; position: relative !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .disabled-form:before { content: ""; position: absolute; z-index: 100; width: 100%; height: 100%; background-image: url("/local/templates/new/images/preloader.gif"); background-size: 32px; background-repeat: no-repeat; background-position: center; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.2); } /* base element */ a { color: #3169b6; } a:hover, a:active, a:focus { color: #4880cd; text-decoration: underline; } h2 { font-size: 22px; margin-bottom: 15px; } h3 { font-size: 18px; margin-bottom: 15px; } p { margin: 0 0 15px 0; line-height: 1.4; } ul, ol { padding-left: 40px; margin-bottom: 15px; line-height: 1.4; } ul li, ol li { text-align: left; } /* нумерация вложенных списков ol */ ol.counter-list { counter-reset: list1; padding-left: 0; } /* Список первого уровня */ ol.counter-list ol { counter-reset: list2; padding-left: 25px; } /* Список второго уровня*/ ol.counter-list ol ol { counter-reset: list3; } /* Список третьего уровня*/ ol.counter-list > li, ol.counter-list ol > li, ol.counter-list ol ol > li { list-style-type: none; } /* Убираем исходную нумерацию */ ol.counter-list > li:before { /* Список первого уровня */ counter-increment: list1; /* Увеличиваем значение счетчика */ content: counter(list1) ". "; /* Выводим значение в виде 1., 2.*/ } ol.counter-list ol > li:before { /* Список второго уровня */ counter-increment: list2; /* Увеличиваем значение счетчика */ content: counter(list1) "." counter(list2) ". "; /* Выводим значение типа 2.1, 2.2,... */ } ol.counter-list ol ol > li:before { /* Список третьего уровня */ counter-increment: list3; /* Увеличиваем значение счетчика */ content: counter(list1) "." counter(list2) "." counter(list3) ". "; /* Выводим значение типа 2.1.1, 2.1.2,... */ } /* end нумерация вложенных списков ol */ .style-h1 { text-transform: uppercase; position: relative; font-size: 20px !important; font-weight: 400; } .style-h1 span { color: #fff; background-color: #4880cd; position: relative; display: inline-block; padding: 4px 15px 6px; border-left: 10px solid #3169b6; } .style-h1 span:before { position: absolute; content: " "; right: -15px; top: 0; border-top: 17px solid #4880cd; border-right: 15px solid transparent; } .style-h1 span:after { position: absolute; content: " "; right: -15px; bottom: 0; border-bottom: 17px solid #4880cd; border-right: 15px solid transparent; } .style-old-h1 { position: relative; color: #2f3843; font-size: 15pt; font-weight: 600; text-align: left; background: transparent; padding: 5px 0 4px 50px; text-transform: uppercase; margin: 12px 0; } .style-old-h1:before { content: ""; background: #3169b6; width: 34px; height: 21px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .style-old-h1:after { content: ""; position: absolute; width: 0; height: 0; top: 0; bottom: 0; margin: auto; left: 34px; border: 0 solid transparent; border-width: 10px 6px; border-left-color: #3169b6; } .h2-style { border-bottom: 2px solid #3169b6; padding-bottom: 3px; text-transform: uppercase; } .style-title-block { text-align: center; color: #3169b6; border-bottom: 3px solid #3169b6; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; padding-bottom: 5px; } div.style-checkbox { float: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; box-shadow: none; } div.style-checkbox.checked, div.style-checkbox:hover { border-color: #4880cd; } div.style-checkbox:hover { cursor: pointer; } div.style-checkbox.jq-checkbox.checked .jq-checkbox__div { box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; margin: 0; font-size: 10px; } div.style-checkbox.jq-checkbox.checked .jq-checkbox__div:before { content: '\2713'; font-family: 'WebHostingHub-Glyphs'; color: #4880cd; width: 14px; height: 14px; position: absolute; left: 2px; top: 1px; } .quote-style { position: relative; font-size: 16px; border: 0; font-style: italic; background-color: #EAEAEA; padding: 15px 25px; } .quote-style:before { content: '\f328'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 5px; top: 5px; color: #A1A1A1; } .quote-style:after { content: '\f329'; font-family: 'WebHostingHub-Glyphs'; position: absolute; right: 10px; bottom: 5px; color: #A1A1A1; } .wrapper-quote-author div:first-child { font-size: 16px; font-weight: 700; } .wrapper-quote-author div:last-child { color: #747474; } .bold-600-style { font-weight: 600 !important; } .bold-700-style { font-weight: 700 !important; } .style-p-border { border: 2px solid #f26b19; padding: 20px; } .style-p-quote { border-top: 1px solid #828282; border-bottom: 1px solid #828282; padding: 20px 0; } /* Код для адаптации видео */ .video-responsive { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Конец кода для адаптации видео */ .overlay-ajax-loader:before { content: ""; position: absolute; left: 50%; top: 100px; margin-left: -32px; width: 32px; height: 32px; background-image: url("/local/templates/new/images/ajax-loader.gif"); background-repeat: no-repeat; background-position: center; z-index: 20; } .overlay-ajax-loader:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.1); z-index: 10; } .paragraph-title { display: inline-block; font-weight: 700; padding-top: 10px; padding-bottom: 10px; } /* количество */ .wrapper-quantity-block { margin: 0 auto; } .wrapper-quantity-block .quantity-minus, .wrapper-quantity-block .quantity-plus { width: 18px; height: 18px; float: left; cursor: pointer; font-size: 20px; font-weight: 700; background-color: #e8ecef; border: 1px solid #b8bec3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center; margin-top: 2px; line-height: 15px; } .wrapper-quantity-block .quantity-minus { margin-right: 6px; } .wrapper-quantity-block .quantity-plus { margin-left: 6px; } .wrapper-quantity-block .wrapper-quantity-input { position: relative; float: left; } .wrapper-quantity-block .quantity-input { float: left; width: 70px; padding: 0 10px; text-align: center; line-height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #b8bec3; font-size: 14px; } /* end количество */ .error-item-border { border-color: #f62d3d !important; } .footnote { display: block; padding: 30px; font-size: 18px; font-weight: 600; background-color: #e8ecef; border: 1px solid #d6dce1; text-align: center; } .footnote-i { font-size: 14px; } .footnote-i span { position: relative; } .footnote-i span:before { content: '\f315'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: -20px; top: 0; color: #3169b6; } .center-item { text-align: center; margin-top: 5px; } .small-wrapper-style { margin-left: 32px; margin-right: 32px; } /* table-one-column */ .table-one-column .column-title { text-align: center; font-size: 16px; font-weight: 600; color: #fff; background-color: #3169b6; padding: 7px 15px; margin-bottom: 0; } .table-one-column ul { list-style: none; padding-left: 0; margin-bottom: 0; } .table-one-column ul li { padding: 8px 15px; font-size: 14px; color: #666; border: 1px solid #d6dce1; border-top-width: 0; } .table-one-column ul li:nth-child(even) { background-color: #e8ecef; } /* end table-one-column */ /* single-slide-full-navigation-carousel */ .single-slide-full-navigation-carousel { margin-bottom: 30px; position: relative; float: left; width: 100%; } .single-slide-full-navigation-carousel .prev, .single-slide-full-navigation-carousel .next { position: absolute; top: 50%; margin-top: -18px; } .single-slide-full-navigation-carousel .prev { left: -5px; } .single-slide-full-navigation-carousel .next { right: -5px; } .single-slide-full-navigation-carousel .prev:before, .single-slide-full-navigation-carousel .next:before { color: #3169b6; font-size: 24px; margin-top: 0; top: auto; } .single-slide-full-navigation-carousel .prev:before { content: '\f489'; } .single-slide-full-navigation-carousel .next:before { content: '\f488'; } .single-slide-full-navigation-carousel .prev:hover:before, .single-slide-full-navigation-carousel .next:hover:before, .single-slide-full-navigation-carousel .prev:focus:before, .single-slide-full-navigation-carousel .next:focus:before, .single-slide-full-navigation-carousel .prev:active:before, .single-slide-full-navigation-carousel .next:active:before { color: #4880cd; } .single-slide-full-navigation-carousel .owl-controls { margin-top: 4px !important; } .single-slide-full-navigation-carousel .owl-controls .owl-page span { width: 10px; height: 10px; margin: 5px 4px; } .single-slide-full-navigation-carousel .owl-controls .owl-page.active span { background-color: #3169b6; } .single-slide-full-navigation-carousel .owl-controls.clickable .owl-page:hover span, .single-slide-full-navigation-carousel .owl-controls.clickable .owl-page:focus span, .single-slide-full-navigation-carousel .owl-controls.clickable .owl-page:active span { background-color: #4880cd; } @media (max-width: 767px) { .single-slide-full-navigation-carousel .item { background-size: contain; height: auto !important; padding-top: 56.2%; width: 100%; } } /* end single-slide-full-navigation-carousel */ .wrapper-block-center { text-align: center; } .button-style { background-color: #3169b6; color: #fff; display: inline-block; font-size: 18px; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 0 30px; line-height: 36px; height: 38px; } .button-style:hover, .button-style:focus, .button-style:active { background-color: #4880cd; color: #fff; text-decoration: none; } /* end base element */ * { margin: 0; padding: 0; } :focus, a, img { outline: none !important; } html { color: #2f3843; position: relative; width: 100%; overflow-x: hidden; } body { font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; color: #222; } .container, .row { position: relative; } .whiteback { background-color: white; } table { border-spacing: 0; } table td:nth-child(odd) { text-align: left; padding-left: 10px; padding-right: 5px; } table td:nth-child(even) { color: black; text-align: right; padding-right: 10px; padding-left: 5px; } .detail-product-info td { padding-top: 3px; padding-bottom: 3px; } input, select { outline: 0; } .rubles .icon:after { font-size: 13px; } .main img { max-width: 100%; } .prev, .next { width: 32px; height: 32px; border-radius: 16px; position: relative; text-align: center; cursor: pointer; } .prev:active::before, .next:active::before { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } .prev::before, .next::before { font-family: "WebHostingHub-Glyphs"; display: block; color: #fff; font-size: 31px; line-height: 31px; position: relative; top: 50%; margin-top: -16px; } .next::before { content: "\f473"; } .prev::before { content: "\f472"; } @media screen and (min-width: 768px) { h1.l, h2.l { text-transform: uppercase; position: relative; padding-left: 50px !important; } h1.l::before, h2.l::before { content: ""; background: #3169b6; width: 34px; height: 21px; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } h1.l::after, h2.l::after { content: ""; position: absolute; width: 0; height: 0; top: 0; bottom: 0; margin: auto; left: 34px; border-right: 0; border: 0 solid transparent; border-width: 10px 6px; border-left-color: #3169b6; } body { background-color: white; } .background-container { overflow: hidden; top: 0; position: absolute; padding: 90px; box-sizing: border-box; height: 283px; z-index: -1; width: 100%; background: url("/local/templates/new/images/back.svg"); background-repeat: repeat-x; background-size: auto 500px; } .leftimg { position: absolute; left: 0; height: 193px; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .rightimg { position: absolute; right: 0; height: 193px; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } } @media screen and (min-width: 768px) { .cond:hover { background: white !important; } .cond:hover h1::after { background: #e9eff2 !important; } } /*============================================================== header ==============================================================*/ .menuicon { display: inline; position: absolute; right: 0; top: 0; width: 65px; height: 50px; font-size: 17px; cursor: pointer; } .menuicon::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 48%; height: 37%; background: -webkit-linear-gradient(bottom, #fff, #fff 16%, transparent 16%, transparent 42%, #fff 42%, #fff 58%, transparent 58%, transparent 84%, #fff 84%, #fff 100%); background: linear-gradient(to top, #fff, #fff 16%, transparent 16%, transparent 42%, #fff 42%, #fff 58%, transparent 58%, transparent 84%, #fff 84%, #fff 100%); } header { background: #2f3843; } .lock:before { content: "\f133"; font-family: 'WebHostingHub-Glyphs'; vertical-align: middle; } @media (min-width: 992px) { header { height: 30px; width: 100%; } header .wrapper-auth > a { height: 100%; float: left; text-transform: uppercase; color: #79828d; font-size: 9pt; font-weight: bold; position: relative; padding-left: 25px; line-height: 30px; } header .container .wrapper-form-city { float: right; height: 30px; line-height: 28px; padding-right: 25px; } header .wrapper-auth > a:hover { color: #fff; text-decoration: none; } header .wrapper-auth > a:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } header .wrapper-auth > a .lock { height: 55%; left: 6px; position: absolute; top: 0; bottom: 0; margin: auto; line-height: 17px; } header .menuicon { display: none; } header nav ul { box-shadow: 0 0 16px 2px rgba(65, 86, 111, 0.21); position: absolute; top: 150px; width: 100%; z-index: 100; font-size: 11pt; background: white; } header nav ul li { z-index: 101; vertical-align: middle; } header nav ul li.active, header nav ul li:hover { color: #fff; background-color: #3169b6; } } @media screen and (min-width: 768px) { @media screen and (max-width: 991px) { .nav li a { padding: 10px 9px; font-size: .95em; } } } @media (max-width: 991px) { header { position: relative; } header p { display: none; } header nav { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.8s; transition: max-height 0.8s; } header nav .menuicon { -webkit-transition: background 0s .8s; transition: background 0s .8s; } header nav.active { max-height: 1000px; } header nav.active .menuicon { -webkit-transition: background 0s 0s; transition: background 0s 0s; } header nav { width: 100%; } header nav ul { color: #fff; } } @media screen and (max-width: 991px) { .lock { display: inline-block; font-size: 20px; margin-right: 5px; box-sizing: border-box; color: #fff; vertical-align: middle; } } /*============================================================== fixheader ==============================================================*/ .fixheader { position: fixed; background: rgba(47, 56, 67, 0.9); top: 0; left: 0; height: 75px; width: 100%; z-index: 999; margin: auto; box-shadow: 0 2px 7px 2px rgba(65, 86, 111, 0.21); display: none; } .fixheader input, .fixheader-basket .but, .fixheader form { outline: 1px solid transparent !important; } .fixheader > div { height: 100%; margin: auto; color: white; font-size: 11pt; } .fixheader-list > div:hover, .fixheader-search:hover, .fixheader-basket:hover { background: rgba(69, 81, 96, 0.7); } /*logo*/ .fixheader-logo { height: 100%; background: rgba(34, 89, 149, 0.9); position: relative; } .fixheader-logo img { max-width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } /*list*/ .fixheader-list { height: 100%; } .fixheader-list > div { height: 100%; padding: 20px 8%; cursor: pointer; } .fixheader-list .but { border: 1px solid #565d66; height: 20px; width: 20px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; border-radius: 10px; -webkit-transition: all .8s; transition: all .8s; } .fixheader-list .but:before { content: "\e805"; font: 9pt "icons"; position: absolute; top: 3px; left: 5px; } .fixheader-list:hover .but { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fixheader-list > ul { width: 200%; padding-right: 100%; -webkit-transition: all .7s; transition: all .7s; position: relative; background: rgba(47, 56, 67, 0.9); background: -webkit-linear-gradient(left, rgba(47, 56, 67, 0.9) 50%, transparent 50%); background: linear-gradient(left, rgba(47, 56, 67, 0.9) 50%, transparent 50%); display: none; } .fixheader-list ul { padding-left: 0; } .fixheader-list:hover > ul { display: inherit; } .fixheader-list > ul p { padding: 4px 0; cursor: pointer; margin: 0; } .fixheader-list > ul a { color: #fff; } .fixheader-list > ul a:hover { text-decoration: none; } .fixheader-list > ul p:hover { background: rgba(69, 81, 96, 0.9); } .fixheader-list > ul li:hover ul { display: inherit; } .fixheader-list > ul ul { position: absolute; width: 50%; display: none; min-height: 100%; top: 0; right: 0; color: #2f3843; background-color: rgba(206, 208, 210, .9); max-height: 90vh; overflow: auto; } .fixheader-list > ul li { list-style: none; text-align: center; } .fixheader-list > ul li ul li { padding: 5px 0; cursor: pointer; } .fixheader-list > ul li ul li a { color: #000; } .fixheader-list > ul li ul li:hover { background: rgba(135, 147, 160, 0.45); } .fixheader-phone .phone-icon, .fixheader-basket { height: 100%; border-left: 1px solid #565d66; position: relative; } .fixheader-phone { height: 100%; width: 230px; float: left; border-right: 1px solid #565d66; -webkit-transition: all 1s; transition: all 1s; position: relative; overflow: hidden; } .fixheader-phone .phone-icon { text-align: center; width: 50px; } .fixheader-phone .phone-icon::before { font-size: 20pt; line-height: 104px; } .fixheader .tel { position: absolute; left: 50px; top: 0; width: 180px; color: #fff; } .fixheader .tel:hover { text-decoration: none; } .fixheader .tel span { font-size: 15pt; height: 100%; line-height: 81px; } .fixheader-search { height: 100%; overflow: hidden; position: relative; } .fixheader-search form { width: 100%; height: 100%; } .fixheader-search form div:not(.but) { overflow: hidden; position: relative; margin: 0 30px; -webkit-transition: width 1s; transition: width 1s; height: 100%; } .fixheader-search form .but { left: auto; -webkit-transition: all 1s; transition: all 1s; z-index: 999; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); height: 30%; right: 40px; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; } .fixheader-search form .but::before { content: "\e801"; font: 17pt "icons"; position: relative; display: block; color: white; } .fixheader-search form input { background: transparent; border: 1px solid #8c9197; padding: 14px 35px 14px 14px; position: absolute; width: 100%; box-sizing: border-box; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: white; } .fixheader-basket { border-right: 1px solid #586068; position: relative; float: right; width: 145px; } .fixheader-basket .basketicon { position: relative; line-height: 108px; font-size: 23pt; left: 10px; } .fixheader-basket .but { border: 2px solid white; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 10px; font-size: 10pt; padding: 3px; height: 27px; box-sizing: border-box; } .fixheader-basket .but:active { padding-top: 4px; } .fixheader-basket .sum { line-height: 75px; width: 100px; font-size: 13pt; margin: 0 100px 0 45px; position: relative; float: left; } @media screen and (max-width: 1199px) and (min-width: 992px) { .fixheader-phone { width: 60px; } .fixheader-phone.active { width: 230px; } .fixheader .phone-icon { cursor: pointer; } .fixheader-search form div:not(.but) { width: 0; } .fixheader-search form .but { right: 50%; height: 35%; -webkit-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); } .fixheader-search.active form div:not(.but) { width: auto; } .fixheader-search.active .but { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); height: 30%; right: 40px; } } /*============================================================== logo ==============================================================*/ .logo { width: 353px; height: 74px; background: #225995; background: -webkit-linear-gradient(left, #5087c3, #225995); background: linear-gradient(to right, #5087c3, #225995); display: block; border-radius: 5px; border: 3px solid white; position: relative; } .logo img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .header-block .logo { width: 100%; } .header-block .logo img { width: 100%; } @media screen and (min-width: 768px) { .logo { box-shadow: 0 5px 0 0 rgba(55, 88, 124, 0.29); position: relative; margin: 13px 0 100px 0; } .logo::before, .logo::after { content: ""; position: absolute; bottom: -103px; height: 100px; width: 12px; background: -webkit-linear-gradient(left, #989797 26%, #d4d4d6 26%, #d4d4d6 80%, #aeb1b5 80%); background: linear-gradient(to right, #989797 26%, #d4d4d6 26%, #d4d4d6 80%, #aeb1b5 80%); } .logo::before { left: 14%; } .logo::after { right: 14%; } } @media (max-width: 991px) { .link-lk-block { float: left; display: inline-block; vertical-align: middle; } .link-lk-block:hover, .link-lk-block:active, .link-lk-block:focus { text-decoration: none; } .link-lk-block span { display: inline-block; color: #fff; border-bottom: 1px dashed #fff; font-size: 12px; vertical-align: middle; } .link-lk-block:hover .lock, .link-lk-block:active .lock, .link-lk-block:focus .lock { color: #9dc618; } .link-lk-block:hover span, .link-lk-block:active span, .link-lk-block:focus span { border-bottom-color: #9dc618; color: #9dc618; } } @media screen and (max-width: 767px) { .logo { box-shadow: 3px 4px 0 0 #c5cfd9; width: 293px; height: 60px; margin: 20px auto 15px auto; } .logo img { height: 90%; } .header-block .logo { max-width: 290px; } .header-block .logo img { max-width: 280px; } .wrapper-link-label-block { padding-top: 10px !important; } .contacts { width: 288px; } .header-block .contacts { max-width: 300px; width: 100% } } /*============================================================== address ==============================================================*/ .clock::before { content: "\e808"; font: 13pt "icons"; } .address { font-size: 9pt; position: absolute; padding: 2px 20px; top: 19px; left: 385px; } .header-block .address { position: relative; left: auto; top: auto; padding-top: 26px; padding-left: 15px; padding-right: 0; } .address b { line-height: 17px; } /*============================================================== contacts ==============================================================*/ .phone-icon::before { content: "\e802"; font: 19pt "icons"; } .contacts { font-size: 9pt; padding: 0 16px 15px 16px; position: relative; margin: auto; } .header-block .contacts { position: relative; right: auto; top: auto; padding-top: 19px; } .contacts .phone-icon { display: none; } .contacts .marker { height: 13px; float: left; margin: 0 4px 0 6px; } .contacts .marker::before { content: "\e804"; font: 12pt "icons"; color: #abb45c; position: relative; top: -2px; } .contacts a.tel { font-size: 17pt; line-height: 62px; color: #000; } .contacts a.tel:hover { text-decoration: none; } .contacts .but { background: #225995; width: 100px; box-sizing: border-box; height: 20px; line-height: 18px; color: white; text-align: center; position: absolute; right: -7%; top: 15px; bottom: 0; margin: auto; font-size: 9pt; } .contacts .but::before { content: ""; position: absolute; left: 0; top: -4px; width: 0; height: 0; border: 4px solid transparent; border-right: 0; border-left-color: #225995; } .contacts .but::after { content: ""; position: absolute; top: 0; right: -10px; width: 10px; height: 20px; background: -webkit-linear-gradient(22.5deg, #225995 50%, transparent 50%), -webkit-linear-gradient(157.5deg, transparent 50%, #225995 50%); background: linear-gradient(67.5deg, #225995 50%, transparent 50%), linear-gradient(-67.5deg, transparent 50%, #225995 50%); } .contacts .but::before, .contacts .but::after { display: inline; } .wrapper-link-label-block { padding: 40px 15px 0; text-align: center; } .wrapper-link-label-block a { text-align: center; display: inline-block; color: #fff; font-size: 12px; line-height: 14px; padding: 6px 12px; position: relative; text-transform: uppercase; font-weight: 700; background-color: #8db600; } .wrapper-link-label-block a:hover { background-color: #9dc618; text-decoration: none; } .wrapper-link-label-block a:before, .wrapper-link-label-block a:after { content: " "; width: 0; height: 0; position: absolute; right: -18px; } .wrapper-link-label-block a:before { border-top: 20px solid #8db600; border-right: 18px solid transparent; top: 0; } .wrapper-link-label-block a:after { border-bottom: 20px solid #8db600; border-right: 18px solid transparent; bottom: 0; } .wrapper-label-triangle { display: inline-block; position: relative; } .wrapper-label-triangle:before, .wrapper-label-triangle:after { content: " "; width: 0; height: 0; position: absolute; left: -18px; } .wrapper-label-triangle:before { border-top: 20px solid #8db600; border-left: 18px solid transparent; top: 0; } .wrapper-label-triangle:after { border-bottom: 20px solid #8db600; border-left: 18px solid transparent; bottom: 0; } .wrapper-label-triangle:hover:before, .wrapper-label-triangle:hover a:before { border-top-color: #9dc618; } .wrapper-label-triangle:hover:after, .wrapper-label-triangle:hover a:after { border-bottom-color: #9dc618; } @media screen and (min-width: 768px) { .contacts { position: absolute; right: 0; top: -2px; padding: 10px 0 25px 0; } .contacts .marker { margin-left: 15px; } .contacts .phone-icon { display: block; height: 40px; width: 40px; border-radius: 20px; background: white; left: 0; top: 0; bottom: 0; margin: auto; position: absolute; text-align: center; } .contacts .phone-icon::before { position: relative; top: 5px; color: #225995; } .contacts a.tel { margin-left: 55px; bottom: 0; position: relative; display: inline-block; width: 100%; } .contacts .but { right: auto; top: auto; left: 22%; bottom: 17%; } } /*============================================================== basket ==============================================================*/ .basketicon::before { content: "\e803"; font-family: "icons"; font-weight: normal; position: absolute; font-size: 24pt; top: 18px; bottom: 0; left: 14px; margin: 0; height: 24px; -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); } .inBasket .basketicon::before { content: ' '; background: url("/local/templates/new/images/cart.png") no-repeat; display: block; width: 29px; height: 29px; margin-top: -9px; margin-left: -1px; } .wrapper-block-add-product .inBasket .basketicon::before { margin-top: 0; margin-left: 0; top: -18px; left: 13px; } .basket-quentity::after { content: "" attr(data-quentity) ""; background-color: #4e7aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #fff; font-family: "icons"; font-size: 11px; font-weight: 700; height: 16px; left: 27px; line-height: 13px; min-width: 15px; position: absolute; text-align: center; top: 14px; padding: 0 3px; } .title-cart { padding-top: 12px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #basket { color: white; border-bottom: 4px solid #9ea251; background: #abb45c; padding: 0 15px 0 56px; position: relative; } #basket:hover { background-color: #b3bc64; text-decoration: none; } .wrapper-detail-cart > div { float: left; } .wrapper-detail-cart .rubles .icon { line-height: 18px; } .wrapper-detail-cart .rubles .icon:after { font-size: 11px; } #basket > a:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } #basket a div { font-weight: bold; margin-left: 35px; width: 75px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); } #basket #num, #basket .sum { font-weight: bold; position: absolute; top: 20px; left: 73%; } #basket .sum, #basket div:nth-child(3) { top: 42px; } @media screen and (min-width: 768px) { #basket { height: 65px; } #basket a { display: inline-block; margin-top: -9px; position: relative; } #basket a div { width: 135px; } #basket > div:nth-child(2), #basket div:nth-child(3), #basket .sum, #basket #num { bottom: 0; top: 3px; margin: auto; height: 21px; } #basket > div:nth-child(2) { left: 46%; } #basket #num { left: 57%; } #basket div:nth-child(3) { left: 65%; } #basket .sum { left: 81%; } } @media screen and (max-width: 767px) and (min-width: 550px) { #basket a div { width: 125px; } #basket > div:nth-child(2) { left: 42%; } #basket > div:nth-child(2), #basket div:nth-child(3), #basket .sum, #basket #num { bottom: 0; top: 0; margin: auto; height: 21px; } #basket #num { left: 57%; } #basket div:nth-child(3) { left: 65%; } #basket .sum { left: 82%; } } @media screen and (max-width: 1199px) and (min-width: 768px) { #basket > a:first-child div { width: 100px; } #basket > div:nth-child(2), #basket div:nth-child(3) { top: 10px; left: 51%; margin: 0; } #basket #num, #basket .sum { top: 10px; left: 73%; margin: 0; } #basket .sum, #basket div:nth-child(3) { top: 30px; } } /*============================================================== path ==============================================================*/ #path { border-bottom: 1px solid #d6dce1; padding-bottom: 10px; position: relative; margin: 10px 14px 20px; } #path .list-inline { margin-bottom: 0; margin-left: 0; } #path .list-inline>li { padding-left: 0; padding-right: 0; } #path a, #path span { vertical-align: top; } #path li:first-child a:hover, #path li:first-child a:active, #path li:first-child a:focus { color: #9dc618; text-decoration: none; } #path li:not(:last-child):not(:first-child) a{ color: #225995; } #path li:not(:last-child) a{ padding-right: 20px; position: relative; display: inline-block; } #path li:not(:last-child) a::after { content: "\f488"; font-family: 'WebHostingHub-Glyphs'; font-size: 8px; display: block; position: absolute; width: 14px; right: 0; top: 4px; color: #d6dce1; } #path li:first-child a{ font-family: 'WebHostingHub-Glyphs'; font-size: 16px; line-height: 17px; width: 34px; color: #8db600; } #path li:first-child a:after { top: 2px; } #path li:not(:last-child):not(:first-child) a:hover { text-decoration: underline; } /*============================================================== search ==============================================================*/ #search { padding: 11px 19px; height: 65px; background: #b9c868; border-bottom: 4px solid #abb45c; } #search .q { overflow: hidden; /*hack*/ } #search input { width: 100%; padding: 0 10px; border: 0; border-radius: 2px 0 0 2px; height: 40px; } #search select { float: right; /*hack*/ width: 231px; padding: 8px; border: 0; border-radius: 0; border-left: 1px solid #e6e7e7; height: 40px; background: white; box-shadow: none; } #search .but { float: right; /*hack*/ display: inline-block; width: 42px; cursor: pointer; height: 40px; background: white; border-radius: 0 2px 2px 0; position: relative; text-align: center; } #search .but:active::before { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } #search .but::before { content: "\e801"; font: 17pt "icons"; position: relative; top: 6px; display: block; color: #757a85; } /*============================================================== баннер ==============================================================*/ .banner-product-block { background-color: #fff; text-align: center; font-weight: 600; font-size: 12pt; max-width: 320px; margin-left: auto; margin-right: auto; padding: 15px 10px !important; } .wrapper-banner-img, .wrapper-srecial-label { display: inline-block; position: relative; } .wrapper-table-img-catalog:hover + td .dl-gotolink, .dl-gotolink:hover { color: #3169b6; } .wrapper-list-product > a, .wrapper-table-product > a { display: table; width: 100%; } .special-label-arrow { position: absolute; left: 0; bottom: -7px; width: 0; height: 0; border-top: 7px solid; border-left: 8px solid transparent; } .special-label, .special-label-right { color: #fff; font-size: 12px; line-height: 25px; padding: 0 12px; position: absolute; text-transform: uppercase; font-weight: 700; z-index: 90; } .special-label-right-big { color: #fff; font-size: 13px; line-height: 30px; padding: 0 12px; position: absolute; text-transform: uppercase; font-weight: 700; } .special-label { left: -8px; } .special-label-right, .special-label-right-big { right: 0; } .special-label-mini { font-size: 8px; padding: 0 6px; } .special-label-text { color: #ff6d26; font-weight: 700; } .special-label:before, .special-label:after { content: " "; width: 0; height: 0; position: absolute; right: -10px; } .special-label:before { border-top: 13px solid; border-right: 10px solid transparent; top: 0; } .special-label:after { border-bottom: 13px solid; border-right: 10px solid transparent; bottom: 0; } .special-label-right:before, .special-label-right:after { content: " "; width: 0; height: 0; position: absolute; left: -10px; } .special-label-right:before { border-top: 13px solid; border-left: 10px solid transparent; top: 0; } .special-label-right:after { border-bottom: 13px solid; border-left: 10px solid transparent; bottom: 0; } .special-label-right-big:before, .special-label-right-big:after { content: " "; width: 0; height: 0; position: absolute; left: -13px; } .special-label-right-big:before { border-top: 15px solid; border-left: 13px solid transparent; top: 0; } .special-label-right-big:after { border-bottom: 15px solid; border-left: 13px solid transparent; bottom: 0; } .have_time_to_buy { background-color: #ff6d26; } .have_time_to_buy.special-label:before, .have_time_to_buy.special-label-right:before, .have_time_to_buy.special-label-right-big:before, .have_time_to_buy .special-label-arrow { border-top-color: #ff6d26; } .have_time_to_buy.special-label:after, .have_time_to_buy.special-label-right:after, .have_time_to_buy.special-label-right-big:after { border-bottom-color: #ff6d26; } .have_time_to_buy_text { color: #ff6d26; } .presented_in_showroom { background-color: #990066; } .presented_in_showroom.special-label:before, .presented_in_showroom.special-label-right:before, .presented_in_showroom.special-label-right-big:before, .presented_in_showroom .special-label-arrow { border-top-color: #990066; } .presented_in_showroom.special-label:after, .presented_in_showroom.special-label-right:after, .presented_in_showroom.special-label-right-big:after { border-bottom-color: #990066; } .presented_in_showroom_text { color: #990066; } .torg_online { background-color: #8DB600; } .torg_online.special-label:before, .torg_online.special-label-right:before, .torg_online.special-label-right-big:before, .torg_online .special-label-arrow { border-top-color: #8DB600; } .torg_online.special-label:after, .torg_online.special-label-right:after, .torg_online.special-label-right-big:after { border-bottom-color: #8DB600; } .torg_online_text { color: #8DB600; } .sale, .aktsiya { background-color: #FF033E; } .sale.special-label:before, .sale.special-label-right:before, .sale.special-label-right-big:before, .sale .special-label-arrow, .aktsiya.special-label:before, .aktsiya.special-label-right:before, .aktsiya.special-label-right-big:before, .aktsiya .special-label-arrow { border-top-color: #FF033E; } .sale.special-label:after, .sale.special-label-right:after, .sale.special-label-right-big:after, .aktsiya.special-label:after, .aktsiya.special-label-right:after, .aktsiya.special-label-right-big:after { border-bottom-color: #FF033E; } .sale_text, .aktsiya_text { color: #FF033E; } .discount_phone { background-color: #FF033E; } .discount_phone.special-label:before, .discount_phone.special-label-right:before, .discount_phone.special-label-right-big:before, .discount_phone .special-label-arrow { border-top-color: #FF033E; } .discount_phone.special-label:after, .discount_phone.special-label-right:after, .discount_phone.special-label-right-big:after { border-bottom-color: #FF033E; } .discount_phone_text { color: #FF033E; } .sale-label { background-color: #FF033E; } .sale-label.special-label:before, .sale-label.special-label-right:before, .sale-label.special-label-right-big:before, .sale-label .special-label-arrow { border-top-color: #FF033E; } .sale-label.special-label:after, .sale-label.special-label-right:after, .sale-label.special-label-right-big:after { border-bottom-color: #FF033E; } .sale-label-text { color: #FF033E; } .novinka { background-color: #15CB16; } .novinka.special-label:before, .novinka.special-label-right:before, .novinka.special-label-right-big:before, .novinka .special-label-arrow { border-top-color: #15CB16; } .novinka.special-label:after, .novinka.special-label-right:after, .novinka.special-label-right-big:after { border-bottom-color: #15CB16; } .novinka_text { color: #15CB16; } .v_nalichii { background-color: #A142E0; } .v_nalichii.special-label:before, .v_nalichii.special-label-right:before, .v_nalichii.special-label-right-big:before, .v_nalichii .special-label-arrow { border-top-color: #A142E0; } .v_nalichii.special-label:after, .v_nalichii.special-label-right:after, .v_nalichii.special-label-right-big:after { border-bottom-color: #A142E0; } .v_nalichii_text { color: #A142E0; } .uspeite_kupit { background-color: #19C1CC; } .uspeite_kupit.special-label:before, .uspeite_kupit.special-label-right:before, .uspeite_kupit.special-label-right-big:before, .uspeite_kupit .special-label-arrow { border-top-color: #19C1CC; } .uspeite_kupit.special-label:after, .uspeite_kupit.special-label-right:after, .uspeite_kupit.special-label-right-big:after { border-bottom-color: #19C1CC; } .uspeite_kupit_text { color: #19C1CC; } .credit { background-color: #FF033E; } .credit.special-label:before, .credit.special-label-right:before, .credit.special-label-right-big:before, .credit .special-label-arrow { border-top-color: #FF033E; } .credit.special-label:after, .credit.special-label-right:after, .credit.special-label-right-big:after { border-bottom-color: #FF033E; } .credit_text { color: #FF033E; } .installment_plan { background-color: #FF033E; } .installment_plan.special-label:before, .installment_plan.special-label-right:before, .installment_plan.special-label-right-big:before, .installment_plan .special-label-arrow { border-top-color: #FF033E; } .installment_plan.special-label:after, .installment_plan.special-label-right:after, .installment_plan.special-label-right-big:after { border-bottom-color: #FF033E; } .installment_plan_text { color: #FF033E; } .sliv-v-podarok, .karkas_v_podarok { background-color: #8DB600; } .sliv-v-podarok.special-label:before, .sliv-v-podarok.special-label-right:before, .sliv-v-podarok.special-label-right-big:before, .sliv-v-podarok .special-label-arrow, .karkas_v_podarok.special-label:before, .karkas_v_podarok.special-label-right:before, .karkas_v_podarok.special-label-right-big:before, .karkas_v_podarok .special-label-arrow { border-top-color: #8DB600; } .sliv-v-podarok.special-label:after, .sliv-v-podarok.special-label-right:after, .sliv-v-podarok.special-label-right-big:after, .karkas_v_podarok.special-label:after, .karkas_v_podarok.special-label-right:after, .karkas_v_podarok.special-label-right-big:after { border-bottom-color: #8DB600; } .sliv-v-podarok_text, .karkas_v_podarok_text { color: #8DB600; } .product-label-video { position: relative; display: inline-block; color: #fff; background-color: #FF7B40; margin-left: -5px; padding-left: 54px; line-height: 24px; width: 196px; font-size: 14px; font-weight: 600; cursor: pointer; } .product-label-video:before { content: '\f142'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 34px; top: 0; font-weight: 400; } .product-label-video:hover { background-color: #ff8c59; } .wrapper-banner-img:hover + .wrapper-banner-name div, .wrapper-banner-name:hover div { color: #376eaa; } .wrapper-banner-name { display: block; margin: 10px 0; color: #000; } .wrapper-banner-name:hover { text-decoration: none; } .wrapper-banner-button .oldprice { color: #939393; display: inline-block; font-size: 14px; font-weight: 400; margin: 0 10px; text-decoration: line-through; vertical-align: middle; } .wrapper-banner-button .oldprice .icon:after { font-size: 11px; line-height: 18px; } .wrapper-banner-button .curprice { color: #ff6d26; display: inline-block; margin: 0 0 0 2px; vertical-align: middle; font-size: 18px; } .wrapper-banner-button .curprice .icon:after { font-size: 13px; line-height: 24px; } .wrapper-banner-button { margin-top: 5px; width: 100%; } .wrapper-banner-button .product-submit-button, .wrapper-banner-button .inBasket { position: relative; left: auto; top: auto; float: left; } .wrapper-banner-button .basketicon { color: #225995; } .wrapper-banner-button .basketicon:hover { color: #376eaa; } .wrapper-banner-button .basketicon:before { left: 0; top: -2px; } .wrapper-banner-button .addProductCart { display: inline-block; height: 26px; vertical-align: middle; width: 27px; position: relative; } .wrapper-catalog-menu { margin-top: 15px; } .col #catalog { background: #3169b6; color: white; position: relative; } .col #catalog .title { display: table; width: 100%; height: 72px; box-sizing: border-box; padding: 0 20px 0 80px; font-size: 16pt; position: relative; border-bottom: 1px dashed #4e7aaa; } .col #catalog .title span { display: table-cell; vertical-align: middle; } .col #catalog .title svg { width: 50px; height: 50px; position: absolute; left: 13px; top: 50%; margin-top: -25px; } .col #catalog > ul { padding: 14px 0; font-size: 12pt; } .col #catalog > ul li li, .col #catalog > ul p { padding: 9px 15px 9px 52px; position: relative; text-align: left; } .col #catalog > ul li li { list-style: none; } .col #catalog > ul p { padding-left: 44px; } .col #catalog > ul p::before, .col #catalog > ul li.collapsed p::before, .col #catalog > ul li.active p::before, .col #catalog > ul li.collapsed.active p::before { content: "\f488"; font-family: "WebHostingHub-Glyphs"; font-size: 10pt; color: #fff; display: block; position: absolute; bottom: 0; margin: auto; line-height: 24px; text-align: center; } .col #catalog > ul li.active p::before, .col #catalog > ul li.collapsed p::before { content: "\f48b"; top: 9px !important; left: 19px !important; } .col #catalog > ul li.active p::before, .col #catalog > ul li.collapsed p:hover::before { color: #4880cd; } .col #catalog > ul p::before { top: 8px; left: 19px; } .col #catalog > ul p:hover::before { color: #4880cd; } .col #catalog > ul li.collapsed p::before { top: 0; left: 12px; color: #fff; } .col #catalog > ul li.collapsed.active p::before { color: #4880cd; } .col #catalog > ul ul { padding-left: 0; display: none; -webkit-transition: max-height 0.5s; transition: max-height 0.5s; overflow: hidden; color: #fff; background-color: #4880cd; } .col #catalog > ul ul li:hover, .col #catalog > ul ul li.active { background-color: rgba(255, 255, 255, 0.2); color: #fff; } .col #catalog > ul p:hover, .col #catalog > ul > li.active p { background-color: #fff; } .col #catalog > ul p:hover a, .col #catalog > ul > li.active > p > a { color: #4880cd; } .col #catalog > ul > li p { margin: 0; cursor: pointer; } .col #catalog a { color: #fff; } .col #catalog a:hover { text-decoration: none; } .col #catalog > ul > li.active ul { display: block; padding-left: 0; -webkit-transition: max-height 2s; transition: max-height 2s; } .col #catalog > ul > li.active ul li::before { border: 0; } .col article a { color: #225995; } .col article a:hover { text-decoration: underline; } .col #ad { margin-top: 28px; border: 15px solid #fd815b; border-top: 0; } /*YM*/ .col #YM { display: block; border: 1px solid #d6dce1; margin: 40px 0 25px 0; padding-bottom: 20px; text-align: center; } .col #YM span { display: block; top: -15px; padding: 20px 0; margin: auto auto 40px; background: #3169b6; font-size: 16pt; color: white; text-align: center; position: relative; width: 230px; } .col #YM span::after { content: ""; position: absolute; width: 0; height: 0; bottom: -64px; left: 0; border-bottom: 0; border: 115px solid transparent; border-width: 32px 115px; border-top-color: #3169b6; } .col #YM #stars { height: 85px; width: 205px; margin: auto; position: relative; } .col #YM #stars img { float: left; position: absolute; top: 0; bottom: 0; margin: auto; } .col #YM #stars img:nth-child(1) { width: 25px; left: 0; } .col #YM #stars img:nth-child(2) { width: 35px; left: 15px; } .col #YM #stars img:nth-child(3) { width: 55px; left: 40px; } .col #YM #stars img:nth-child(4) { width: 70px; left: 75px; } .col #YM #stars img:nth-child(5) { width: 85px; left: 120px; } .col #YM > img { margin-top: 15px; width: 120px; } .col #stats { background: #eff3f4; font-size: 9pt; color: #8e8e8e; padding: 10px; margin-bottom: 15px; } .col #stats div { color: #225995; background: white; font-weight: bold; font-size: 11pt; padding: 12px 10px; } .col #stats div #pic { height: 11px; background: #abb45c; width: 3px; float: right; position: relative; margin: 2px 8px 0 0; } .col #stats div #pic::before, .col #stats div #pic::after { content: ""; background: #abb45c; width: 3px; height: 4px; position: absolute; bottom: 0; left: -5px; } .col #stats div #pic::after { left: auto; right: -5px; height: 7px; } .col #stats table { margin: 15px auto; width: 100%; } .col #stats table caption { font-weight: bold; color: black; text-align: left; padding: 0 0 10px 5px; } .col #stats table td { padding: 0 5px; line-height: 16px; } .col #stats table tr:nth-child(even) { background: white; } /*============================================================== offer ==============================================================*/ .goodnamelink { min-height: 30px; margin: 10px 0; } .forsection { float: left; position: relative; margin-bottom: 20px; width: 100%; } .detail-product-soputka { border: 0 !important; } .detail-product-soputka .owl-wrapper-outer { border-left: 1px solid #d6dce1; } .detail-product-soputka .owl-wrapper { margin-left: -1px; } .good { position: relative; float: left; font-size: 10pt; text-align: center; color: #8e8e8e; padding: 15px; margin: -1px auto 0 -1px; border: 1px solid #d6dce1; } .good > .id { margin-bottom: 10px; } .catalog-item-img { height: 250px; width: 100%; vertical-align: middle; display: table-cell; text-align: center; } .wrapper-element-detail .catalog-item-img { height: 205px; } .wrapper-list-product .catalog-item-img { height: 150px; } .wrapper-table-product .catalog-item-img { height: 50px; } .catalog-item-img-wrapper { display: inline-block; } .wrapper-design-block-image { position: relative; display: block; } .catalog-item-img-wrapper.wrapper-design-block-image .design-block-image { height: 250px; } .good-mini { height: 395px; } .good #id { margin-bottom: 14px; } .good h1 { font-weight: bold; margin: 15px 0; padding-left: 5px; font-size: 12pt; color: black; text-align: left; } .good img { width: auto; height: auto; max-width: 250px; max-height: 250px; overflow: hidden; line-height: 20px; vertical-align: middle; } .wrapper-list-product img { width: auto; height: auto; max-width: 150px; max-height: 150px; overflow: hidden; line-height: 20px; vertical-align: middle; } .wrapper-table-product img { width: auto; height: auto; max-width: 50px; max-height: 50px; overflow: hidden; line-height: 20px; vertical-align: middle; } .wrapper-element-detail img { max-width: 100%; max-height: 205px; } .good table { width: 100%; } .good table tr:nth-child(odd) { background: #e8ecef; } .good .basketicon, .good .inBasket .basketicon, .form-basket .basketicon { height: 23px; position: relative; color: #225995; font-size: 24pt; cursor: pointer; } .good .inBasket .basketicon { height: 29px; } .wrapper-button-product-cart { position: relative; display: inline-block; vertical-align: top; float: right; } .form-basket-list { bottom: 0; position: absolute; right: 0; } .form-basket .product-submit-button, .wrapper-options-product .product-submit-button, .wrapper-options-product .inBasket, .form-basket .inBasket { background-color: #3169b6; color: #fff; width: 100%; position: static; height: 40px; line-height: 40px; display: block; vertical-align: top; float: left; } .wrapper-options-product .product-submit-button, .wrapper-options-product .inBasket { float: none; margin-bottom: 8px !important; text-transform: uppercase; font-size: 16px; } .form-basket .product-submit-button:hover, .wrapper-options-product .product-submit-button:hover, .form-basket .product-submit-button:active, .wrapper-options-product .product-submit-button:active, .form-basket .product-submit-button:focus, .wrapper-options-product .product-submit-button:focus { text-decoration: none; background-color: #4880cd; } .wrapper-options-product .inBasket { background-color: #8db600; } .wrapper-options-product .inBasket:hover, .wrapper-options-product .inBasket:active, .wrapper-options-product .inBasket:focus { text-decoration: none; background-color: #9dc618; } .catalog_section_table td:last-child .basketicon { top: 12px !important; } .good .basketicon::before, .good .inBasket .basketicon::before, .form-basket .basketicon::before { position: relative; left: auto; top: auto; bottom: auto; } .good .basketicon:hover, .form-basket .basketicon:hover { color: #376eaa !important; } .product-submit-button, .inBasket { position: absolute; left: 15px; top: 18px; } .product-submit-button:hover, .inBasket:hover { text-decoration: none; } .good > div.price_area { position: absolute; left: 0; bottom: 15px; line-height: 36px; text-align: right; display: block; width: 100%; padding: 0 15px; } .good > div.price_area .label { margin-left: 10px; background: #8db600; font-size: 13pt; line-height: 12px; height: 36px; font-weight: 400; color: #fff; } .price_area + .indent-product-price { height: 57px; } .good > div.price_area .label .icon:after { font-size: 13px; } .good > div.price_area .label::before { border-right-color: #8db600; border-width: 18px 9px; } .good > div.price_area .label.sale-label-price { background: #FF033E; } .good > div.price_area .label.sale-label-price:before { border-right-color: #FF033E; } .wrapper-product-list-price-block { overflow: hidden; } .product-list-price-block .label-credit-period { font-size: 12px; } .product-list-old-price, .product-card-old-price { position: relative; font-size: 16px; display: inline-block; margin: 0 12px 0 9px; padding: 0 3px; } .product-card-old-price { float: right; } .product-list-old-price:before, .product-card-old-price:before { content: ""; height: 0; box-sizing: border-box; border-bottom: 1px solid #8e8e8e; width: 100%; position: absolute; left: 0; top: 50%; } .product-list-old-price .icon { vertical-align: baseline; } .product-card-old-price .icon { vertical-align: baseline; line-height: 20px; } .product-list-old-price .icon:after, .product-card-old-price .icon:after { font-size: 10px; } .product-card-price-block { overflow: hidden; margin-bottom: 5px; } .product-card-price-block-title { display: inline-block; line-height: 36px; } .wrapper-balance td:first-child { font-weight: 700; font-size: 14px; } .wrapper-balance td:last-child { color: #FF033E !important; font-weight: 700; font-size: 18px; } .element-menu-sale { color: #FF033E; font-weight: 700; } .element-menu-sale:hover, .active.element-menu-sale { color: #fff !important; background-color: #FF033E !important; } .label { display: inline-block; background: #fdbe5b; padding: 12px 14px 9px 20px; position: relative; font-weight: bold; } .label::before { content: ""; position: absolute; width: 0; height: 0; bottom: 0; left: -18px; border-left: 0; border: 0 solid transparent; border-width: 17px 9px; border-right-color: #fdbe5b; } .label::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 4px; background: white; top: 0; bottom: 0; left: 0; margin: auto; } .label.sale-label-price { background: #FF033E !important; } .label.sale-label-price:before { border-right-color: #FF033E !important; } .tabs { display: table; width: 100%; border-bottom: 1px solid #d6dce1; margin-bottom: 15px; margin-top: 20px; text-align: center; font-weight: 700; font-size: 9pt; } .tabs div { box-sizing: border-box; height: initial; color: #000; float: left; font-weight: 600; font-size: 16px; position: relative; text-transform: uppercase; margin-top: 10px; margin-right: -1px; margin-bottom: -1px; border: 1px solid #d6dce1; cursor: pointer; } .tabs div:first-child { -webkit-border-radius: 5px 0 0 0; -moz-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } .tabs div:last-child { -webkit-border-radius: 0 5px 0 0; -moz-border-radius: 0 5px 0 0; border-radius: 0 5px 0 0; } .tabs div:not(.active):hover { background-color: #eee; } .tabs div.active { border: 1px solid #4880cd; margin-top: 6px; margin-left: -1px; margin-right: 0; background-color: #4880cd; color: #fff !important; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabs a { display: inline-block; padding: 8px 15px; color: #000; } .tabs div.active a { color: #fff; padding-top: 10px; padding-bottom: 10px; } .tabs a:hover, .tabs a:active, .tabs a:focus { text-decoration: none; } .tabs div { padding: 8px 15px; } .tabs div.active { padding-top: 10px; padding-bottom: 10px; } /* tab switch */ .tab-switch { overflow: hidden; margin: 0 -10px 20px; padding-bottom: 5px; } .tab-switch a { padding: 8px 15px; color: #000; float: left; font-weight: 600; font-size: 16px; text-transform: uppercase; margin: 10px 10px 0; border: 1px solid #d6dce1; cursor: pointer; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1); box-shadow: 2px 2px 0 rgba(0,0,0,0.1); } .tab-switch a:hover, .tab-switch a:active, .tab-switch a:focus { background-color: #eee; text-decoration: none; } .tab-switch .active { border: 0; padding-top: 9px; padding-bottom: 9px; background-color: #4880cd; color: #fff; -webkit-box-shadow: inset 3px 3px 0 rgba(0,0,0,0.4); -moz-box-shadow: inset 3px 3px 0 rgba(0,0,0,0.4); box-shadow: inset 3px 3px 0 rgba(0,0,0,0.4); } .tab-switch .active:hover, .tab-switch .active:active, .tab-switch .active:focus { background-color: #3169b6; } .tab-switch .disabled-element { -webkit-box-shadow: inset 2px 2px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 2px 2px 0 rgba(0,0,0,0.1); box-shadow: inset 2px 2px 0 rgba(0,0,0,0.1); } .tab-switch .disabled-element:before { width: 26px; height: 26px; background-size: 26px; margin-top: -13px; margin-left: -13px; } /* end tab switch */ header .nav > li a { color: #000; } header .nav > li.active a { color: #fff; } header .nav > li:focus a, header .nav > li:hover a { color: #fff; } .nav > li { line-height: normal; } .wrapper-set-block { margin-bottom: 15px; } .set-title-block { font-size: 19px; text-transform: uppercase; color: #fff; padding: 10px 15px 10px 40px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; display: block; position: relative; line-height: 22px; } .set-title-block:before { content: '\f48b'; display: inline-block; position: absolute; left: 12px; top: 50%; margin-top: -12px; color: #fff; font-family: 'WebHostingHub-Glyphs'; } .set-title-block-click:before { content: '\f488'; } .set-title-block.green-bg { background-color: #8db600; } .set-title-block.blue-bg { background-color: #3169b6; } .set-title-block.green-bg:hover { background-color: #9dc618; cursor: pointer; color: #fff; text-decoration: none; } .set-title-block.blue-bg:hover { background-color: #4880cd; cursor: pointer; color: #fff; text-decoration: none; } .set-wrapper-content { border-left: 1px solid #d6dce1; border-right: 1px solid #d6dce1; border-bottom: 1px solid #d6dce1; } .set-element { display: table; width: 100%; padding: 15px 15px 15px 0; border-bottom: 1px solid #d6dce1; } .set-element:hover { background-color: #efefef; } .set-wrapper-content .set-element:last-child { border-bottom: 0; } .set-name { display: block; font-size: 16px; color: #3169b6; margin-bottom: 5px; } .set-name:hover, .set-img:hover + .set-description .set-name { color: #3169b6; text-decoration: underline; } .set-price { font-size: 17px; text-align: right; } .set-price .icon:after { font-size: 11px; } .set-img { margin-right: 10px; } .set-description { padding-left: 15px; padding-right: 15px; } .set-price-block { padding-left: 10px; } .set-link-img { display: table; position: relative; background-color: #fff; margin: 0 auto; } .set-link-img:hover:before { content: " "; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); } .set-link-img:hover:after { content: "\f0c5"; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 84px; font-family: 'WebHostingHub-Glyphs'; font-size: 32px; color: #fff; text-align: center; vertical-align: middle; } .set-item-img { height: 80px; width: 80px; vertical-align: middle; display: table-cell; text-align: center; border: 1px solid #dadada; } .set-item-img.mini-set-item { height: 74px; width: 74px; } .set-item-img-wrapper { display: inline-block; } .set-item-img-wrapper img { max-width: 80px; max-height: 80px; width: auto; height: auto; line-height: 20px; overflow: hidden; vertical-align: middle; } .set-img .set-item-img-wrapper.mini-set-img img { max-width: 74px; max-height: 74px; } .set-id-product { color: #7e7e7e; } .set-id-product span { color: #000; } .set-title-group { border-bottom: 1px dashed #3169b6; color: #3169b6; cursor: pointer; font-size: 16px; padding: 10px 15px 5px 40px; position: relative; } .set-title-group:hover { color: #4880cd; border-bottom-color: #4880cd; } .set-title-group:before { content: '\f48b'; display: inline-block; position: absolute; left: 12px; top: 50%; margin-top: -8px; color: #3169b6; font-family: 'WebHostingHub-Glyphs'; } .set-title-group:hover:before { color: #4880cd; } .set-title-group-click:before { content: '\f488'; } .default-checkbox-product { font-size: 24px; font-family: 'WebHostingHub-Glyphs'; color: #c4c4c4; } .set-img, .set-description, .set-price-block { float: none; display: table-cell; vertical-align: top; } .overflow-name .wrapper-banner-name > div { height: 38px; overflow: hidden; line-height: 18px; } .basket-static .basketicon:before { position: static; } .wrapper-block-add-product .product-submit-button { top: -23px; } .wrapper-block-add-product .basketicon { color: #225995; } .wrapper-block-add-product .basketicon:hover { color: #376eaa; } .wrapper-all-product-block { display: none; } .wrapper-set-element { max-height: 212px; overflow: hidden; } .wrapper-set-element.active { max-height: 100%; } .button-all-product-block { margin: 15px 0; text-align: center; } .button-all-product-block span { color: #3169b6; border-bottom: 1px dashed #3169b6; } .button-all-product-block span:hover { color: #4880cd; border-bottom-color: #4880cd; cursor: pointer; } @media screen and (min-width: 768px) { .good-mini:after { height: 375px; } } /*============================================================== clients ==============================================================*/ .clients-imgBlock { text-align: center; } .clients-imgBlock + p { line-height: normal; } .clients-img { width: 80%; } .clients p { margin-bottom: 30px; } /*============================================================== .plus, .minus ==============================================================*/ .plus, .minus { width: 29px; height: 40px; line-height: 40px; border: 1px solid #c1c5c8; position: relative; cursor: pointer; float: left; } .plus:before, .minus:before { font-family: 'WebHostingHub-Glyphs'; position: absolute; top: 0; left: 0; right: 0; text-align: center; bottom: 0; color: #3169b6; } .plus:hover:before, .minus:hover:before { color: #fff; background-color: #4880cd; } .plus:hover, .minus:hover { border-color: #4880cd; } .plus:active:before, .minus:active:before, .plus:active:after, .minus:active:after { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } .plus { border-left: 0; } .minus { border-right: 0; } .plus:before { content: '\002b'; } .minus:before { content: '\2212'; } /*===================================== gallery ========================================*/ .gallery img { max-width: 100%; } .gallery .close, .gallery .left, .gallery .right { color: rgb(157, 157, 157); font-size: 29pt; position: absolute; } .gallery .close { right: 10px; opacity: .5; top: 3px; } .gallery .close:hover { opacity: .95; } .gallery .left, .gallery .right { top: 50%; margin-top: -13px; } .gallery .left { left: 10px; } .gallery .right { right: 10px; } .gallery .item { text-align: center; } .owl-controls { height: 0; margin-top: 0 !important; } .owl-theme .owl-controls .owl-buttons div { padding: 0 !important; } /*===================================== preloader ========================================*/ #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fefefe; z-index: 9999; height: 100%; } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background: url(/local/templates/new/images/ajax-loader.gif) no-repeat center center; margin: -170px 0 0 -100px; } .fixheader-basket > a { float: left; color: #fff; } .fixheader-basket > a:hover { text-decoration: none; } .fixheader-basket .basketicon::before { left: 4px; top: 4px; } .title-block { display: block; float: left; width: 200px; height: 225px; padding-top: 15px; text-align: center; } .title-block:hover, .title-block:focus, .title-block:active { text-decoration: none; } .img-block { width: 131px; height: 131px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .title-block:hover .img-block { -webkit-filter: brightness(120%); filter: brightness(120%); } .img-title { display: block; text-align: center; margin: 10px; color: #2b313d; font-size: 16pt; } .wrapper-circle { float: left; width: 100%; margin-bottom: 15px; } .wrapper-top-section-desc { float: left; margin-bottom: 15px; width: 100%; } .filter-catalog-title { color: #8db600; font-size: 18px; font-weight: 700; margin-top: 20px; text-align: center; } .bx_my_order .bx_item_list { padding: 0 !important; } .bx_my_order .bx_item_list a, .bx_my_order .bx_item_list nobr { float: left; } .bx_my_order .bx_item_list a:hover { text-decoration: underline !important; } .payment-button-block { font-size: 16px !important; font-weight: 700; padding-top: 10px !important; } .payment-button-block b { margin-left: 5px; } .payment-button-block input[type="submit"], .payment-button { margin-bottom: 20px; padding: 0 26px; background-color: #3169b6 !important; border: 0; color: #fff !important; text-transform: uppercase; height: 34px; line-height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .payment-button { display: inline-block; padding: 0 12px; margin-right: 12px; } .payment-button-block input[type="submit"]:hover, .payment-button:hover { background-color: #4880cd !important; } .bx_order_list h3 { padding: 14px 0; } .order-element-desc { overflow: hidden; width: 100%; } /* стилизация элементов формы */ .check-element { float: none; display: table-cell; vertical-align: middle; } .wrapper-checkbox-product, .wrapper-radio-product { text-align: center; } .style-checkbox-product, .style-radio-product { width: 25px !important; height: 25px !important; left: 0; top: 0; } .style-checkbox-product.checked .jq-checkbox__div, .style-radio-product.checked .jq-radio__div { width: 19px !important; height: 19px !important; box-shadow: none !important; background: none !important; position: relative; } .style-checkbox-product.checked .jq-checkbox__div:before, .style-radio-product.checked .jq-radio__div:before { font-family: 'WebHostingHub-Glyphs'; color: #3169b6; position: absolute; display: inline-block; } .style-checkbox-product.checked .jq-checkbox__div:before { content: '\2713'; font-size: 16px; left: 0; right: 0; top: 0; } .style-radio-product.checked .jq-radio__div:before { content: '\f52f'; font-size: 11px; left: -2px; right: 0; top: 2px; } .bx-sls .dropdown-block { box-shadow: none !important; border-radius: 0 !important; border-color: #c1c5c8 !important; } .bx-sls .dropdown-block:active { border-color: #4880cd !important; } #example4.ipolkladrform form input[type="text"] { border-color: #c1c5c8 !important; } #example4.ipolkladrform form { box-shadow: none !important; } .bx-sls .quick-location-tag { margin-left: 0 !important; } .payment-link-accordion { color: #fff; border-bottom: 1px dashed #fff; text-transform: lowercase; margin-left: 6px; } /* end стилизация элементов формы */ /* детальная корзина */ .bx_ordercart .bx_ordercart_order_table_container table thead td { background-color: #3169b6 !important; color: #fff !important; } table td:nth-child(2n) { text-align: left; } .bx_ordercart .bx_ordercart_order_table_container { border: 0 !important; } .bx_ordercart .bx_ordercart_order_table_container > table > thead { border: 1px solid #3169b6; } .bx_ordercart .bx_ordercart_order_table_container > table > tbody { border-left: 1px solid #d6dce1; border-right: 1px solid #d6dce1; border-bottom: 1px solid #d6dce1; } .wrapper-cart-element-name a { font-size: 15px !important; font-weight: 400 !important; color: #3169b6 !important; line-height: 22px !important; } .wrapper-cart-element-name a:hover { text-decoration: underline !important; } .cart-current_price { font-weight: 400 !important; } .cart-product-minus, .cart-product-plus { display: inline-block; height: 32px; line-height: 32px; width: 24px; margin: 0; } .cart-product-count { float: left; max-width: 84px; border: 1px solid #c1c5c8; padding: 0 22px 0 12px; height: 32px; line-height: 32px; } .cart-product-count:active, .cart-product-count:focus { border-color: #4880cd; } .cart-product-measure { float: left; position: absolute; right: 36px; top: -1px; font-size: 10pt; color: #8e8e8e; } .wrapper-cart-product-count-block { min-width: 134px; margin-top: -6px; } .icon-eye-close, .icon-circledelete, .icon-addtocart { font-family: 'WebHostingHub-Glyphs'; color: #3169b6 !important; font-size: 24px !important; } .icon-eye-close:hover, .icon-circledelete:hover, .icon-addtocart:hover { color: #4880cd !important; } .cart-order-set-aside { margin-left: 10px; } .cart-order-delete { margin-left: 4px; } .itemphoto .set-item-img-wrapper img { white-space: normal; } .cart-code-product span { font-weight: 700; } .wrapper-cart-kits { margin-top: 10px; margin-right: 16px; } .wrapper-cart-kits .list-kit { font-size: 13px; margin-left: 30px; margin-top: 8px; padding-left: 0; white-space: normal; } .wrapper-cart-kits .list-kit li { line-height: 14px; list-style-type: decimal; margin-bottom: 8px; text-align: left; } .wrapper-cart-kits .list-kit li a { color: #3169b6; } .wrapper-cart-kits .list-kit li a:hover { text-decoration: underline; } /* end детальная корзина */ /* ЛК */ .order-list-date { float: left; } .order-list-status { float: left; } .order-list-button-block { float: left; } .order-list-button-block a { float: left; } .bx_my_order .bx_my_order_table td .order-list-button-block a:hover { text-decoration: none !important; } .personal li a { color: #3169b6; } .personal li a:hover { color: #4880cd; text-decoration: underline; background: none; } .payment-detail-order input[type="submit"] { margin-top: 15px; } /* end ЛК */ /* элементы управления */ .btn-primary { background-image: none; border: 0; background-color: #3169b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; box-shadow: none; } .btn-primary:hover { background-color: #4880cd; } .btn-default { background-image: none; border: 1px solid #3169b6; color: #3169b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; box-shadow: none; } .btn-default:hover { border: 1px solid #4880cd; background-color: #4880cd; color: #fff; } /* end элементы управления */ /* список заказов в ЛК */ .order-detail-link:hover { color: #4880cd !important; text-decoration: underline; } .order-detail-link-back { float: left; margin-top: 35px; border: 1px solid #3169b6 !important; background: none !important; color: #3169b6 !important; font-weight: 400 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none !important; } .order-detail-link-back:hover { background-color: #4880cd !important; border-color: #4880cd !important; color: #fff !important; } .payment-order-label { background: none; padding: 0; } .payment-order-label:before, .payment-order-label:after { display: none; } .payment-order-label input { display: none; } .payment-order-label label { background-color: #fff; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px !important; text-transform: uppercase; margin-bottom: 0; height: 40px; line-height: 40px; padding: 0 10px; color: #3169b6 !important; border: 1px solid #3169b6; } .payment-order-label input[checked="checked"] + label { background-color: #3169b6; color: #fff !important; } .payment-order-label label:hover { background-color: #4880cd; color: #fff !important; border-color: #4880cd; } .payment-order-label input[checked="checked"] + label:hover { cursor: default; } .wrapper-order-lk-detail .wrapper-cart-element-name, .wrapper-order-lk-detail .cart-code-product, .wrapper-order-lk-detail .wrapper-cart-kits > div { font-size: 15px; line-height: 20px; } .wrapper-order-lk-detail .list-kit li { font-size: 13px; } .wrapper-order-detail-prodict-lk, .wrapper-order-list-table, .bx_my_order { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; overflow-x: auto; } /* end список заказов в ЛК */ /* форма оплаты заказа/доставка и т.п. */ #sale_order_props { margin: 24px 0 10px; } .bx_section { margin-bottom: 20px; } .bx-soa-pp-price, .bx-soa-pp-delivery-cost, .bx-soa-pp-list { display: none; } /* end форма оплаты заказа/доставка и т.п. */ /* детальная товара */ .wrapper-included-kits a { display: block; color: #3169b6; } .wrapper-included-kits a:hover { color: #4880cd; text-decoration: underline; } .included-kits-title { color: #ff033e; font-size: 18px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .included-kits-link { overflow: hidden; } .wrapper-order-detail-text { line-height: 20px; margin: 15px 0; } .wrapper-order-detail-text br { content: " "; margin-bottom: 15px; display: block; } /* end детальная товара */ .navigation-arrows a, .navigation-pages a { color: #3169b6; } .navigation-arrows a:hover, .navigation-pages a:hover { color: #4880cd; text-decoration: underline; } .bx_my_order .bx_my_order_table td .order-detail-link { color: #fff; } .bx_my_order .bx_my_order_table td .order-detail-link { color: #fff !important; } .nav-justified > li.active { padding: 10px 15px; text-align: center; } .catalog-banner-link { display: block; margin-bottom: 15px; } .catalog-banner-link:hover { border-bottom: 0; } .bx-panel-tooltip { background: #4880cd !important; border-color: #3169b6 !important; } .bx-panel-tooltip .bx-panel-tooltip-text { color: #fff !important; font-size: 13px !important; text-shadow: none; } .seo-text-block { float: left; width: 100%; margin-bottom: 15px; } .catalog-main { float: left; width: 100%; } .product-postavki { display: none; margin-bottom: 7px; } .product-postavki.active { display: block; } .ajax-pager-wrap { display: block !important; float: left; width: 100%; text-align: center; margin-top: 15px; letter-spacing: normal; } #toTop { font-family: 'WebHostingHub-Glyphs'; width: 50px; height: 50px; line-height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #3169b6; text-align: center; position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; color: #fff; font-size: 28px; opacity: 0.5; } #toTop:hover, #toTop:active { background-color: #4880cd; opacity: 1; } #toTopCatalog, #toBottomCatalog { font-family: 'WebHostingHub-Glyphs'; width: 34px; height: 34px; line-height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #3169b6 !important; text-align: center; cursor: pointer; color: #3169b6; font-size: 18px; margin-bottom: 8px; } #toTopCatalog:hover, #toBottomCatalog:hover { background-color: #4880cd; color: #fff; border-color: #4880cd !important; } #toBottomCatalog { margin-top: 8px; padding-top: 1px !important; } .jGrowl { z-index: 11000 !important; } .wrapper-constructor { float: left; width: 100%; margin-top: 15px; margin-bottom: 25px; } .wrapper-options { float: left; width: 225px; height: 507px; overflow-y: scroll; border: 1px solid #aeb4b7; border-right: 0; } .wrapper-options .constructor-element { float: left; margin: 5px; cursor: pointer; } .wrapper-options .constructor-element.active, .wrapper-options .constructor-element:hover { border: 2px solid #9dc618; } .wrapper-demonstration { overflow: hidden; } .wrapper-full-img { position: relative; } .wrapper-full-img > * { width: 100%; position: absolute; left: 0; top: 0; } .wrapper-full-img img:nth-child(1) { position: static; } .wrapper-full-img img:nth-child(2) { z-index: 10; width: auto; left: auto; right: 0; top: auto; bottom: 0; } .wrapper-full-img img:nth-child(3) { z-index: 20; width: auto; left: 44px; top: auto; bottom: 0; } .name-color-element { z-index: 30; background-color: rgba(0, 0, 0, .6); color: #fff; line-height: 28px; text-align: center; text-transform: uppercase; font-size: 16px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; } .wrapper-demonstration:hover .name-color-element { opacity: 0; top: -28px; } .wrapper-panel-demonstration { float: left; width: 100%; border: 1px solid #aeb4b7; border-top: 0; padding: 10px 10px 0; } .mebel-color-element, .stena-color-element { float: left; width: 100%; padding-left: 100px; position: relative; } .block-color-element { float: left; width: 30px; height: 30px; background-color: red; cursor: pointer; margin-bottom: 10px; } .block-color-element.active, .block-color-element:hover { border: 1px solid #9dc618; } .mebel-color-element div, .stena-color-element div { float: left; margin-right: 10px; } .name-section-color { line-height: 16px; width: 90px; position: absolute; left: 0; top: 0; } .cur-product-color { width: 224px; float: left; margin-right: 15px; } .wrapper-alternative-product { overflow: hidden; } .wrapper-color-product .extra { display: block; position: relative; } .wrapper-color-product .extra .next, .wrapper-color-product .extra .prev { position: absolute; top: 6px; z-index: 100; font-size: 30px; line-height: 22px; opacity: 0.7; } .wrapper-color-product .extra .next:hover, .wrapper-color-product .extra .prev:hover { opacity: 1; } .wrapper-color-product .extra .next { right: 9px; } .wrapper-color-product .extra .prev { right: 50px; } .wrapper-color-product { float: left; width: 100%; } .wrapper-alternative-product .set-title-block:before, .cur-product-color .set-title-block:before { content: ""; } .wrapper-alternative-product .set-title-block, .cur-product-color .set-title-block { padding-left: 15px; } .wrapper-alternative-product .set-title-block.blue-bg:hover, .cur-product-color .set-title-block.blue-bg:hover { background-color: #3169b6; cursor: default; } .preload-image { display: block; margin: 0 auto; } .wrapper-color-product .price_area > span { display: none; } label.error { font-weight: 400; color: red; margin-top: 5px; } .color-red { color: #FF0000; } .table-brand th { color: #fff; background-color: #abb35d; padding: 10px; text-align: center; border-left: 1px solid #fff; } .table-brand th:first-child { border-left: 0; } .title-section-brand { border: 1px solid #fff; border-left: 0; padding: 10px 5px !important; } .title-section-brand div { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); padding-top: 15px !important; padding-bottom: 15px !important; } .table-brand { font-size: 13px; } .table-brand td { padding: 5px !important; border-right: 1px solid #d6dce1; border-bottom: 1px solid #d6dce1; color: #000 !important; } .table-brand td a { color: #3169b6; } .table-brand td a:hover { text-decoration: none; color: #4880cd; border-bottom: 1px solid #4880cd; } .wrapper-star { text-align: center; width: auto !important; } .wrapper-star .star-five { margin: 6px -1px; position: relative; display: inline-block; color: red; width: 0; height: 0; border-right: 8px solid transparent; border-bottom: 6px solid #ffaa00; border-left: 8px solid transparent; -moz-transform: rotate(35deg); -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); } .wrapper-star.active-block .star-five { float: right; cursor: pointer; } .wrapper-star.big-star .star-five { border-right-width: 16px; border-bottom-width: 12px; border-left-width: 16px; } .wrapper-star .star-five:before, .wrapper-star .star-five:after { content: ''; position: absolute; display: block; height: 0; width: 0; } .wrapper-star .star-five:before { top: -4px; left: -6px; border-bottom: 8px solid #ffaa00; border-left: 3px solid transparent; border-right: 3px solid transparent; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -o-transform: rotate(-35deg); } .wrapper-star.big-star .star-five:before { top: -8px; left: -12px; border-bottom-width: 16px; border-left-width: 6px; border-right-width: 6px; } .wrapper-star .star-five:after { top: 1px; left: -9px; border-bottom: 6px solid #ffaa00; border-left: 8px solid transparent; border-right: 8px solid transparent; -webkit-transform: rotate(-70deg); -moz-transform: rotate(-70deg); -ms-transform: rotate(-70deg); -o-transform: rotate(-70deg); } .wrapper-star.big-star .star-five:after { top: 2px; left: -18px; border-bottom-width: 12px; border-left-width: 16px; border-right-width: 16px; } .wrapper-star .disactive.star-five, .wrapper-star .disactive.star-five:before, .wrapper-star .disactive.star-five:after, .wrapper-star.active-block:hover .star-five, .wrapper-star.active-block:hover .star-five:before, .wrapper-star.active-block:hover .star-five:after { border-bottom-color: #b8b8b8; } .wrapper-star.active-block .star-five:hover, .wrapper-star.active-block .star-five:hover:before, .wrapper-star.active-block .star-five:hover:after, .wrapper-star.active-block .star-five:hover + .star-five, .wrapper-star.active-block .star-five:hover + .star-five:before, .wrapper-star.active-block .star-five:hover + .star-five:after, .wrapper-star.active-block .star-five:hover + .star-five + .star-five, .wrapper-star.active-block .star-five:hover + .star-five + .star-five:before, .wrapper-star.active-block .star-five:hover + .star-five + .star-five:after, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five:before, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five:after, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five + .star-five, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five + .star-five:before, .wrapper-star.active-block .star-five:hover + .star-five + .star-five + .star-five + .star-five:after { border-bottom-color: #ffaa00; } .review-title-step-1, .review-title-step-2 { font-size: 16px; font-weight: 600; margin-bottom: 15px; } .review-title-step-1.review-back-step { font-weight: 400; margin-bottom: 5px; } .review-title-step-1.review-back-step a { border-bottom: 1px dashed; } .review-title-step-1.review-back-step a:hover, .review-title-step-1.review-back-step a:active, .review-title-step-1.review-back-step a:focus { text-decoration: none; } .review-title-step-1.review-back-step .star-five { margin-top: 2px; margin-bottom: 2px; } .review-form-step-2 label { display: block; font-weight: 600; margin-bottom: 10px; } .review-form-step-2 .required { color: #f00; } .review-form-step-2 input, .review-form-step-2 textarea { max-width: 300px; width: 100%; border: 1px solid #c1c5c8; font-weight: 400; padding: 7px; } .review-form-step-2 input:active, .review-form-step-2 textarea:active, .review-form-step-2 input:focus, .review-form-step-2 textarea:focus { border-color: #4880cd; } .review-form-step-2 textarea { resize: vertical; height: 100px; } .review-form-step-2 .review-form-submit { text-decoration: none; color: #fff; background-color: #3169b6; padding: 10px 15px; display: inline-block; max-width: 300px; width: 100%; text-align: center; text-transform: uppercase; font-size: 16px; font-weight: 600; } .review-form-step-2 .review-form-submit:hover, .review-form-step-2 .review-form-submit:active, .review-form-step-2 .review-form-submit:focus { background-color: #4880cd; } .review-form-step-2 input.error, .review-form-step-2 textarea.error { border-color: #f00; } .review-form-step-2 label.error { border-color: #f00; font-weight: 400; margin-top: 0; margin-bottom: 10px; } .review-form-step-2 input.valid, .review-form-step-2 textarea.valid { border-color: #8db600; } .review-form-step-2 input.valid + .error + .field-valid, .review-form-step-2 textarea.valid + .error + .field-valid { display: inline-block; position: relative; vertical-align: top; } .review-form-step-2 input.valid + .error + .field-valid:after, .review-form-step-2 textarea.valid + .error + .field-valid:after { content: "\f479"; font-family: "WebHostingHub-Glyphs"; color: #8db600; position: absolute; top: 9px; right: -18px; } .review-form .result-review-message { text-align: center; } .review-form .result-review-message p { position: relative; color: #8db600; font-size: 22px; margin-top: 84px; text-transform: uppercase; } .review-form .result-review-message p:before { content: "\f479"; font-family: "WebHostingHub-Glyphs"; position: absolute; top: -90px; left: 50%; margin-left: -30px; font-size: 60px; font-weight: 600; } .review-form .result-review-message .result-review-link { display: inline-block; } .title-category-brand { border-top: 5px solid #fff; } .table-mobile { display: none; } .spacing-section { height: 15px; } .spacing-section td { border: 0; } .spacing-section + tr th { border-top: 1px solid #abb35d; } .spacing-section + tr td { border-top: 1px solid #d6dce1; } .magnific-form-style { width: 100%; max-width: 800px; margin: 0 auto; background-color: #fff; color: #222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .magnific-form-title { position: relative; color: #fff; background-color: #3169b6; padding: 15px 45px 15px 20px; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-transform: uppercase; font-size: 18px; line-height: 20px; } .form-options-product-ajax > button.mfp-close { display: none; } .wrapper-magnific-form-content { overflow: hidden; padding: 15px 20px 20px; } .wrapper-magnific-form-content > div { float: left; width: 100%; } .magnific-modal-dismiss, .magnific-modal-form-dismiss, .popup-close { position: absolute; right: 14px; top: 16px; font-size: 34px; line-height: 16px; color: #fff; z-index: 100; } .magnific-modal-dismiss:hover, .magnific-modal-form-dismiss:hover, .popup-close:hover { text-decoration: none; color: #fff; } .wrapper-calc-block { margin-top: 15px; } .calc-image { float: left; width: 59%; padding-right: 15px; } .calc-form-block { float: left; width: 41%; padding-left: 15px; } .calc-form-block-title { background-color: #3169b6; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; color: #fff; padding: 7px 10px; text-transform: uppercase; text-align: center; } .calc-form-block-element { padding: 5px 10px; } .calc-form-block-element span { font-weight: 700; } .calc-form-data { margin-bottom: 15px; } .calc-form-block-element input[type="text"] { width: 100px; border: 1px solid #3169b6; padding: 3px 18px 3px 5px; float: right; } .calc-form-block-element input[type="text"]:focus, .calc-form-block-element input[type="text"]:active { border-color: #4880cd; } .calc-form-block-content { padding-top: 7px; border: 1px solid #d6dce1; border-top: 0; } .calc-form-block-element lable { position: relative; float: left; width: 100%; margin-bottom: 10px; } .calc-form-block-element lable span { position: absolute; right: 6px; top: 3px; color: #979797; font-weight: 400; } .button-calc-plinths { background-color: #fff; border: 1px solid #3169b6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #3169b6; display: inline-block; line-height: 34px; margin: 6px 0; padding: 0 10px; text-align: center; text-transform: uppercase; width: 100%; } .button-calc-plinths:hover { background-color: #4880cd; border-color: #4880cd; color: #fff; } @media (max-width: 767px) { .wrapper-calc-block { text-align: center; } .calc-image { float: none; width: 100%; padding-right: 0; margin-bottom: 20px; } .calc-form-block { width: 100%; padding-left: 0; text-align: left; } } .error-field { border-color: #ff0000 !important; } .form-torg-online { width: 784px; } .form-torg-online .wrapper-calc-block { margin-top: 0; } .wrapper-form-torg-online { float: left; width: 100%; } .wrapper-price-old { float: left; max-width: 282px; width: 100%; } .wrapper-price-new { float: left; max-width: 282px; width: 100%; } .wrapper-link-torg { float: left; } .torg-price-title { color: #fff; background-color: #3169b6; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-align: center; text-transform: uppercase; padding: 8px; } .wrapper-torg-price-block { overflow: hidden; border: 1px solid #d6dce1; border-top: 0; padding: 15px; height: 183px; } .torg-submit-button { display: inline-block; text-transform: uppercase; width: 100%; float: left; text-align: center; color: #3169b6; border: 1px solid #3169b6; border-radius: 3px; padding: 10px; margin-top: 15px; } .torg-submit-button:hover { background-color: #4880cd; border-color: #4880cd; color: #fff; text-decoration: none; } .torg-submit-button:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } .wrapper-torg-price-block > div { color: #8e8e8e; } .price-torg-online { float: right; color: #222; font-size: 16px; } .measure-torg-online { font-weight: 700; } .wrapper-quantity-torg { margin-top: 10px; position: relative; float: left; width: 100%; } .torg-line-price { float: left; width: 100%; margin-bottom: 5px; } .torg-style-label-price { position: relative; float: right; padding: 4px 10px 4px 17px; } .torg-style-label-price:before { content: " "; width: 0; height: 0; position: absolute; left: -18px; bottom: 0; border: 0 solid transparent; border-width: 14px 9px; } .torg-style-label-price:after { content: " "; position: absolute; width: 8px; height: 8px; border-radius: 4px; background-color: #fff; top: 0; bottom: 0; left: 0; margin: auto; } .torg-style-label-price.label-green { background-color: #8db600; } .torg-style-label-price.label-red { background-color: #FF033E; } .torg-style-label-price.label-green:before { border-right-color: #8db600; } .torg-style-label-price.label-red:before { border-right-color: #FF033E; } .torg-style-label-price span { color: #fff !important; font-weight: 700; } .torg-line-price .icon { float: right; } .torg-line-price .icon:after { font-size: 12px; line-height: 20px; margin-left: 3px; } .wrapper-link-torg { float: left; } .wrapper-link-torg #submitOnline { float: left; width: 100%; text-align: center; } .wrapper-link-torg #submitOnline:hover { background-color: transparent; } .wrapper-link-torg #submitOnline:active { -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .wrapper-link-torg #submitOnline div { width: 120px; display: inline-block; text-decoration: none; color: #fff; font-weight: bold; padding: 10px 12px; font-size: 14px; line-height: 18px; border-radius: 10px; box-shadow: 0 5px 5px #A90606, 0 9px 0 #FF033E, 0 9px 10px rgba(0, 0, 0, 0.4), inset 0 2px 9px rgba(255, 255, 255, 0.2), inset 0 -2px 9px rgba(0, 0, 0, 0.2); background-color: #FF033E; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); margin-bottom: 10px; text-align: center; text-transform: uppercase; } .wrapper-link-torg #submitOnline:hover div { box-shadow: 0 5px 5px #A90606, 0 9px 0 #FF033E, 0 9px 10px rgba(0, 0, 0, 0.4), inset 0 2px 15px rgba(255, 255, 255, 0.4), inset 0 -2px 9px rgba(0, 0, 0, 0.2); } .wrapper-link-torg #submitOnline:active div { top: 7px; box-shadow: 0 2px 0 #FF033E, 0 4px 4px rgba(0, 0, 0, 0.3), inset 0 2px 5px rgba(0, 0, 0, 0.2); } .wrapper-link-torg #submitOnline img { width: 130px; cursor: pointer; margin: 0 15px; } .torg-ajax-loading { margin: 92px 35px 0 36px; } .wrapper-link-torg a:hover { background-color: #4880cd; } .wrapper-link-torg a:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } .wrapper-torg-active-block { float: left; width: 100%; padding: 30px; } .wrapper-torg-info { float: left; width: 100%; color: #fff; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; text-align: center; padding: 16px; font-size: 16px; text-transform: uppercase; } .torg-info-blue { background-color: #3169b6; } .torg-info-green { background-color: #8db600; font-weight: 700; } .form-torg-online .wrapper-magnific-form-content { padding: 0; } .bx-soa { padding-right: 15px; } .bx-soa-sidebar { padding-left: 15px; } .bx-soa-section-title { padding: 0 15px; } .block-edit-step { padding: 0 15px; } .bx-soa-section { border-radius: 0 !important; } .form-control { border-radius: 0 !important; } .bx-soa-editstep { color: #3169b6; border-bottom-color: #3169b6 !important; } .bx-soa-editstep:hover { color: #4880cd; border-bottom-color: #4880cd !important; text-decoration: none; } .bx-soa-tooltip.bx-soa-tooltip-static { height: auto !important; width: auto !important; left: auto !important; } #example4.ipolkladrform form, #example4.ipolkladrform form > div.top > input, #example4.ipolkladrform form > div.bottom > input:nth-child(1), #example4.ipolkladrform form > div.bottom > input:nth-child(2) { border-radius: 0 !important; } .bx-soa-customer-textarea { resize: vertical; } .bx-soa-item-title a { color: #3169b6; border-bottom: 1px solid transparent; } .bx-soa-item-title a:hover { color: #4880cd; border-bottom-color: #4880cd; text-decoration: none; } .bx-soa-section .bx-soa-item-code-block { display: none; } .bx-soa-section.bx-selected .bx-soa-item-code-block { display: block; } .bx-soa-item-list-kits-title { display: none; margin-top: 10px; margin-bottom: 5px; } .bx-soa-section.bx-selected .bx-soa-item-list-kits-title { display: block; } .bx-soa-section .list-kit { display: none; padding-left: 100px; } .bx-soa-section.bx-selected .list-kit { display: block; } .nobasemessage:hover { text-decoration: none; } .no_pay_default input[type="submit"] { display: none !important; } .sale-order-detail-general { border-color: #3169b6 !important; } .sale-order-detail-general-head { background-color: #3169b6 !important; } .filter-ajax-load:after { content: ' '; z-index: 100; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,.1); } .filter-ajax-load:before { content: ' '; z-index: 200; width: 64px; height: 64px; background-image: url("/local/templates/new/images/ajax-loader.gif"); position: absolute; left: 50%; top: 50%; margin-top: -32px; margin-left: -32px; } .title-block-city { font-size: 20px; margin-bottom: 15px; line-height: 1.1; } .wrapper-block-sostavpostavki { float: left; width: 100%; } .sostavpostavki-title { float: left; width: 100%; color: #3169b6; border-bottom: 3px solid #3169b6; text-transform: uppercase; text-align: center; padding-bottom: 5px; font-size: 18px; letter-spacing: 1px; margin-bottom: 15px; } .sostavpostavki-content { float: left; width: 100%; border-top: 0; overflow-y: scroll; height: 262px; } .sostavpostavki-content ol { padding-left: 15px; overflow: hidden; } .sostavpostavki-content ol li { display: none; font-size: 13px; padding-right: 20px; margin-bottom: 10px; float: left; width: 100%; } .sostavpostavki-content ol li.active { display: list-item; } .sostavpostavki-content ul { padding-left: 15px; list-style: none; color: #555; } .sostavpostavki-content ul li { display: list-item; margin-bottom: 0; } .sostavpostavki-product-name { float: left; width: 75%; display: inline-block; vertical-align: top; } .sostavpostavki-product-price { float: right; width: 25%; display: inline-block; text-align: right; } .sostavpostavki-product-price .icon:after { font-size: 8px; } .wrapper-sostavpostavki-product { width: 100%; float: left; background-color: #eff3f4; margin-bottom: 5px; } .wrapper-block-fixed-sostavpostavki { overflow: hidden; margin-bottom: 15px; } .wrapper-block-fixed-sostavpostavki.fixed-active { position: fixed; top: 75px; width: 847px; z-index: 900; overflow: inherit; } .wrapper-block-fixed-sostavpostavki.fixed-active .sostavpostavki-fixed-shadow { -webkit-box-shadow: 0 12px 15px -13px #444 inset; -moz-box-shadow: 0 12px 15px -13px #444 inset; box-shadow: 0 12px 15px -13px #444 inset; height: 25px; width: 847px; background: none; } .sostavpostavki-top-left { display: inline-block; font-size: 19px; margin-top: 5px; } .sostavpostavki-top-right { display: inline-block; font-size: 16px; } #p2Fixed { font-size: 19px; } #p2Fixed .icon:after { font-size: 16px; } .sostavpostavki-top-price { float: right; display: inline-block; margin-top: 5px; } .sostavpostavki-top-right .form-basket-detail { float: right; display: inline-block; margin-top: 0; } .sostavpostavki-top-right .form-basket .product-submit-button { margin-top: 0; margin-left: 15px; height: 35px; line-height: 35px; color: #fff; background-color: #3169b6; padding: 0 10px 0 37px; font-size: 15px; text-transform: uppercase; } .sostavpostavki-top-right .form-basket .product-submit-button:hover { background-color: #4880cd; } .sostavpostavki-top-right .form-basket .but { position: relative; } .sostavpostavki-top-right .form-basket .but:before { content: "\e803"; font: 22px "icons"; position: absolute; top: 3px; bottom: 0; left: -25px; margin: auto; } .sostavpostavki-top-right .form-basket .product-submit-button:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } .wrapper-sostavpostavki-bottom { display: none; overflow: hidden; padding-top: 8px; padding-bottom: 8px; border-bottom: 3px solid #3169b6; } .wrapper-sostavpostavki-bottom.active { display: block; } .wrapper-block-fixed-sostavpostavki.fixed-active .wrapper-sostavpostavki-bottom { background-color: #fff; } .wrapper-sostavpostavki-bottom .wrapper-bottom-item { display: none !important; margin: 7px; position: relative; } .wrapper-bottom-item .sostavpostavki-delete-item { display: none; position: absolute; top: 4px; right: 4px; font-family: 'WebHostingHub-Glyphs'; z-index: 100; cursor: pointer; background-color: #fff; font-size: 8px; padding-top: 3px; text-align: center; width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .wrapper-bottom-item:hover .sostavpostavki-delete-item { display: block; } .wrapper-sostavpostavki-bottom .wrapper-bottom-item.active { display: inline-block !important; } .wrapper-bottom-item-img { display: block; width: 80px; height: 80px; } .wrapper-bottom-item-name { display: block; font-size: 12px; width: 80px; text-align: center; margin-top: 5px; } .wrapper-sostavpostavki-top { overflow: hidden; border-bottom: 3px solid #3169b6; padding-bottom: 5px; } .wrapper-block-fixed-sostavpostavki.fixed-active .wrapper-sostavpostavki-top { padding-top: 15px; background-color: #fff; } .sostavpostavki-top-left a { border-bottom: 1px dotted #3169b6; } .sostavpostavki-top-left a:hover, .sostavpostavki-top-left a:active, .sostavpostavki-top-left a:focus { border-bottom: 1px dotted #3169b6; text-decoration: none; } /* footer */ body > footer { position: relative; width: 100%; height: 250px; overflow: hidden; background-color: #2f3843; color: #7d8691; margin-top: 30px; padding-top: 40px; } .wrapper-footer-content { float: right; } .wrapper-footer-contacts { padding-left: 43px; padding-right: 26px; } .footer-phone-block { display: block; text-align: center; } .footer-phone-block:hover, .footer-phone-block:active, .footer-phone-block:focus { text-decoration: none; } .footer-phone-block .phone { position: relative; display: inline-block; font-size: 21px; color: #7d8691; padding-left: 30px; } .footer-phone-block:hover .phone { color: #fff; } .footer-phone-block .phone:before { content: '\f15b'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 0; top: 4px; font-size: 13px; background-color: #fff; color: #3169b6; text-align: center; padding-top: 3px; width: 21px; height: 21px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .footer-phone-block:hover .phone:before { color: #4880cd; } .footer-phone-block .phone-action { display: block; position: relative; background-color: #3169b6; color: #fff; margin-top: 3px; padding: 0 10px; font-size: 12px; line-height: 20px; text-transform: lowercase; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .footer-phone-block .phone-action:hover, .footer-phone-block .phone-action:active, .footer-phone-block .phone-action:focus { text-decoration: none; background-color: #4880cd; } .footer-phone-block .phone-action:before, .footer-phone-block .phone-action:after { content: ' '; position: absolute; top: -7px; width: 0; height: 0; border-bottom: 7px solid #3169b6; } .footer-phone-block:hover .phone-action:before, .footer-phone-block:hover .phone-action:after { border-bottom-color: #4880cd; } .footer-phone-block .phone-action:before { left: 0; border-right: 7px solid transparent; } .footer-phone-block .phone-action:after { right: 0; border-left: 7px solid transparent; } .wrapper-footer-nav { padding-left: 26px; padding-right: 26px; } .footer-nav-title { text-transform: uppercase; font-weight: 700; font-size: 12px; margin-bottom: 15px; } .wrapper-footer-nav ul { list-style: none; margin: 0; padding: 0; } .wrapper-footer-nav ul a { color: #7d8691; font-size: 12px; } .wrapper-footer-nav ul a:hover { color: #fff; } .wrapper-footer-address { margin-top: 25px; font-size: 12px; } .footer-address-title { font-size: 12px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; } footer a:nth-child(3) { color: #7d8691 !important; } .wrapper-footer-logo { padding-right: 6px; } .wrapper-footer-logo .logo { margin-top: 0; margin-bottom: 135px; width: 100%; } .wrapper-footer-logo .logo:before, .wrapper-footer-logo .logo:after { height: 135px; bottom: -138px; z-index: 3; } .wrapper-footer-logo .logo img { width: 100%; } footer .wrapper-footer-logo > img { position: absolute; left: 40px; bottom: 0; height: 115px; } .wrapper-footer-networks { padding-left: 33px; } .footer-networks-block { overflow: hidden; width: 120px; } .footer-networks-block a { margin-right: 10px; margin-bottom: 5px; opacity: 0.6; } .footer-networks-block a:hover { opacity: 1; } .footer-networks-block a:nth-child(3n) { margin-right: 0; } .footer-networks-block img { width: 30px; } .footer-pay-block { display: block; margin-top: 5px; } .footer-pay-block img { width: 111px; } /* end footer */ .sale-order-payment-change-pp input[type="submit"] { display: none !important; } .tol_box { position: relative; } .wrapper-new-section { overflow: hidden; margin-bottom: 35px; } .wrapper-new-section .partition { padding: 0 5px 15px; } .wrapper-new-section .partition > div { position: relative; padding-top: 37px; } .wrapper-new-section .partition:nth-child(3n+1) { padding-left: 0; padding-right: 10px; } .wrapper-new-section .partition:nth-child(3n) { padding-left: 10px; padding-right: 0; } .wrapper-new-section .partition h3 { color: #fff; background-color: #3169b6; position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 10px; font-size: 16px; text-transform: uppercase; } .wrapper-new-section .partition .catalog-section-image { height: 140px; background-position: center; background-size: cover; } .wrapper-new-section .partition:hover .catalog-section-image { -webkit-filter: brightness(120%); filter: brightness(120%); } .catalog-main .text-section-block p { float: none !important; width: auto !important; height: auto !important; margin: 0 0 15px 0 !important; } .catalog-section-description-lable { float: left; width: 100%; margin-bottom: 15px; color: #fff; background-color: #3169b6; padding: 8px; text-align: center; font-size: 18px; } .catalog-section-banner a { display: inline-block; } .catalog-section-banner { margin-bottom: 35px; } .catalog-section-banner div { margin-top: 15px; } .wrapper-auth { float: right; } .wrapper-auth .link-auth { position: relative; } .wrapper-auth .link-auth:before { content: "/"; position: absolute; left: 10px; top: 0; color: #79828d; } body > header .fixheader-phone-top { display: none; } body > header .wrapper-buytoclick { display: none; } /* page contacts */ .wrapper-contact-info { margin: 25px 0 35px; } .contact-info-person { margin-top: 86px; } .contact-info-person img { width: 100%; max-width: 250px; margin-bottom: 15px; } .contact-info-person-detail { width: 100%; max-width: 250px; text-align: center; } .wrapper-contact-map { margin-bottom: 35px; } .wrapper-contact-map img { width: 100%; max-width: 467px; } .wrapper-contact-map ymaps { max-width: 467px; } .wrapper-contact-office { margin-bottom: 35px; } .wrapper-contact-showroom { margin-bottom: 35px; } .wrapper-contact-office > div:first-child, .wrapper-contact-map > div:first-child, .wrapper-contact-showroom > div:first-child { padding-right: 7px; } .wrapper-contact-office > div:last-child, .wrapper-contact-map > div:last-child, .wrapper-contact-showroom > div:last-child { padding-left: 7px; } .wrapper-contact-map > div:last-child { font-size: 13px; } .wrapper-contact-office > div:first-child .video-js { max-width: 417px; } /* end page contacts */ /* page collection */ .wrapper-collection-detail { padding-top: 20px; } .wrapper-collection-detail .wrapper-info-product { margin-top: 0 !important; } .wrapper-collection-detail .carousel-lable-banner-product .item { max-height: 180px; } /* end page collection */ /* collection list block */ .wrapper-collection-list, .wrapper-model-other-colors { margin-top: 15px; float: left; width: 100%; } .wrapper-model-other-colors { margin-top: 0; margin-bottom: 25px; } .wrapper-collection-item, .wrapper-model-other-colors-item { width: 100%; height: 278px !important; overflow-y: auto; } .collection-item, .model-other-colors-item { padding: 5px; } .collection-item-image, .model-other-colors-image { width: auto; max-width: 100%; height: 83px; background-repeat: no-repeat; background-size: contain; display: block; border: 1px solid transparent; background-position: center center; } .collection-item-image:hover, .model-other-colors-image:hover { border-color: #4880cd; } .wrapper-collection-link { text-align: center; margin-top: 5px; margin-bottom: 5px; } .wrapper-collection-link a { letter-spacing: normal; text-transform: uppercase; text-decoration: underline; } .wrapper-collection-link a:hover, .wrapper-collection-link a:active, .wrapper-collection-link a:focus { text-decoration: none; } /* end collection list block */ /* modal */ .wrapper-modal { width: auto !important; } .wrapper-modal .modal-header { text-transform: uppercase; -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .wrapper-buy1click-form .modal-header { color: #fff; background-color: #3169b6; } .wrapper-modal-vkredit .modal-header { color: #333; background-color: #ffdf00; text-transform: none; font-weight: 700; } .wrapper-modal .modal-header .close { margin-top: 0; opacity: .7; } .wrapper-buy1click-form .modal-header .close { color: #fff; } .wrapper-modal-vkredit .modal-header .close { color: #333; } .wrapper-modal .modal-header .close:hover { opacity: 1; } .wrapper-modal .modal-title { font-size: 18px; } .buy1click-name-product { text-align: center; font-weight: 700; font-size: 16px; margin-bottom: 10px; } .buy1click-form-left { padding-right: 14px; border-right: 1px solid #d6dce1; } .buy1click-form-right { padding-left: 15px; } .wrapper-description-buy1click { text-align: center; font-size: 12px; font-weight: 700; margin-top: 15px; padding-top: 10px; border-top: 1px solid #d6dce1; } .wrapper-buy1click-submit { position: relative; } .wrapper-buy1click-submit:before { content: '\e803'; font-family: "icons"; position: absolute; left: 10px; top: 3px; color: #fff; font-size: 28px; } .buy1click-submit { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-transform: uppercase; font-weight: 700; height: 40px; line-height: 42px; padding: 0; font-size: 16px; } .wrapper-buy1click-form .wrapper-detail-img-product { margin-bottom: 0; } /* end modal */ /* блок в каталоге "часто ищут" */ .wrapper-top-section-catalog { float: left; width: 100%; margin-bottom: 15px; } .top-section-catalog-title { padding: 10px 17px; color: #fff; background-color: #3169b6; text-transform: uppercase; font-weight: 700; font-size: 16px; letter-spacing: 1px; } .top-section-catalog-content { border: 1px solid #d6dce1; border-top: 0; } .top-section-catalog-visibility { padding: 15px 15px 5px; } .top-section-catalog-visibility a, .top-section-catalog-block-link a { color: #000; border-bottom: 2px solid; display: inline-block; margin-right: 10px; height: 21px; font-style: italic; } .top-section-catalog-block-link a { margin-bottom: 5px; } .top-section-catalog-visibility a { margin-bottom: 10px; } .top-section-catalog-visibility a:hover, .top-section-catalog-visibility a:active, .top-section-catalog-visibility a:focus, .top-section-catalog-block-link a:hover, .top-section-catalog-block-link a:active, .top-section-catalog-block-link a:focus { text-decoration: none; border-bottom-width: 3px; } .top-section-catalog-type { padding: 15px; } .top-section-catalog-hidden { display: none; margin-bottom: 10px; } .top-section-catalog-hidden .top-section-catalog-type:nth-child(even) { background-color: #ebebeb; } .top-section-catalog-type-title { display: inline-block; margin-right: 5px; } .top-section-catalog-detail { text-align: center; } .top-section-catalog-detail a { border-bottom: 1px dotted #3169b6; color: #3169b6; display: inline-block; font-size: 12px; margin-bottom: 13px; } .top-section-catalog-detail a:hover, .top-section-catalog-detail a:active, .top-section-catalog-detail a:focus { text-decoration: none; } .top-section-catalog-content.active .top-section-catalog-visibility { display: none; } .top-section-catalog-content.active .top-section-catalog-hidden { display: block; } /* end блок в каталоге "часто ищут" */ /* раздел каталога "дизайны проектов" */ .wrapper-design-block { position: relative; padding-bottom: 14px; } .wrapper-design-block:nth-child(odd) { padding-right: 7px; } .wrapper-design-block:nth-child(even) { padding-left: 7px; } .design-block-image { display: block; position: relative; height: 234px; overflow: hidden; } .design-block-image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; max-width: 100%; max-height: 100%; margin: auto; transition: transform .2s ease-out; } .design-block-image img:hover { transform: scale(1.15); -webkit-filter: brightness(120%); filter: brightness(120%); } .design-block-detail { display: none; position: absolute; bottom: 14px; background-color: #000; color: #fff; padding: 10px; } .wrapper-design-block:nth-child(odd) .design-block-detail { left: 0; right: 7px; } .wrapper-design-block:nth-child(even) .design-block-detail { left: 7px; right: 0; } .wrapper-design-block:hover .design-block-detail, .design-block-detail:hover { display: block; } .design-block-detail-left { float: left; width: 60%; } .design-block-detail-right { float: right; width: 40%; } .design-block-detail-right a { display: block; background-color: #3169b6; color: #fff; text-transform: uppercase; padding: 9px 10px; text-align: center; } .design-block-detail-right a:hover, .design-block-detail-right a:active, .design-block-detail-right a:focus { text-decoration: none; background-color: #4880cd; } #panorama { width: 100%; height: 100%; } .panorama-modal, .panorama-modal .wrapper-magnific-form-content { height: 100%; } [data-property-id-row='23'], [data-property-id-row='25'], [data-property-id-row='24'], [data-property-id-row='26'] { display: none; } /* end раздел каталога "дизайны проектов" */ /* форма "написать директору" */ .wrapper-form-director-button { position: fixed; line-height: 26px; left: -80px; bottom: 30%; background-color: #3169b6; color: #fff; cursor: pointer; font-size: 18px; padding: 6px 8px 16px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-border-radius: 7px 7px 0 0; -moz-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } .wrapper-form-director-button:hover, .wrapper-form-director-button:active, .wrapper-form-director-button:focus { background-color: #4880cd; color: #fff; text-decoration: none; } .wrapper-form-director-button:hover, .wrapper-form-director-button:active { left: -74px; } .form-director .wrapper-magnific-form-content { padding: 20px 0; } .wrapper-form-director-left { padding: 0 15px 0 20px; } .wrapper-form-director-right { padding: 0 20px 0 15px; } .form-director label { width: 100%; margin-bottom: 15px; } .form-director label span { font-weight: 400; } .form-director input, .form-director textarea { width: 100%; border: 1px solid #c1c5c8; font-weight: 400; padding: 7px; } .form-director textarea { resize: vertical; height: 148px; } .form-director input:focus, .form-director input:active, .form-director textarea:focus, .form-director textarea:active { border-color: #4880cd; } .form-director .style-select .jq-selectbox, .form-director .style-file .jq-file { width: 100%; } .form-director-submit input { width: 100%; display: block; background-color: #3169b6; color: #fff; text-transform: uppercase; padding: 10px; text-align: center; border: 0; } .form-director-submit input:hover, .form-director-submit input:focus, .form-director-submit input:active { background-color: #4880cd; color: #fff; } .form-result-error { float: left; width: 100%; } .form-result-error p { padding: 15px; margin-bottom: 0; } .form-result-success { text-align: center; padding: 0 15px; } .form-result-success > div { display: inline-block; color: #8db600; font-size: 20px; line-height: 30px; font-weight: 700; } /* end форма "написать директору" */ .wrapper-tabs-block > div { display: none; } .wrapper-tabs-block > .active { display: block; } .wrapper-tabs-block .preload-image { margin-top: 100px; margin-bottom: 100px; } @media screen and (max-width: 1199px) and (min-width: 992px) { #basket { padding: 0 10px 0 45px; } .basket-quentity::after { left: 22px; } .basketicon::before { left: 9px; } .title-cart, .wrapper-detail-cart { font-size: 12px; } .wrapper-panel-demonstration { padding: 10px; } .mebel-color-element, .stena-color-element { padding-left: 0; } .name-section-color { position: static; width: 100%; } .mebel-color-element div, .stena-color-element div { margin-right: 7px; } .block-color-element { margin-bottom: 0; } .wrapper-options { height: 457px; } .wrapper-full-img img:nth-child(2) { width: 294px; } .wrapper-full-img img:nth-child(3) { width: 351px; left: 34px; } #owl-product-color .owl-item { width: 229px !important; } .footer-phone-block .phone { font-size: 15px; padding-left: 24px; } .footer-phone-block .phone::before { top: 1px; font-size: 10px; padding-top: 3px; width: 18px; height: 18px; } .wrapper-block-fixed-sostavpostavki.fixed-active, .wrapper-block-fixed-sostavpostavki.fixed-active .sostavpostavki-fixed-shadow { width: 697px; } .wrapper-contact-map > div:first-child { height: 230px; overflow: hidden; } .extratext { margin: 14px 14px 14px 13px; } .wrapper-collection-item { height: 300px !important; } .collection-item-image { height: 92px; } } @media screen and (max-width: 991px) and (min-width: 768px) { .logo { margin-bottom: 36px; } .title-cart, .wrapper-detail-cart { font-size: 13px; } .wrapper-panel-demonstration { padding: 10px; } .mebel-color-element, .stena-color-element { padding-left: 0; } .name-section-color { position: static; width: 100%; } .mebel-color-element div, .stena-color-element div { margin-right: 7px; } .block-color-element { margin-bottom: 0; } .wrapper-options { height: 472px; } .wrapper-full-img img:nth-child(2) { width: 308px; } .wrapper-full-img img:nth-child(3) { width: 368px; left: 35px; } #owl-product-color .owl-item { width: 240px !important; } .footer-phone-block .phone { font-size: 15px; padding-left: 24px; } .footer-phone-block .phone::before { top: 1px; font-size: 10px; padding-top: 3px; width: 18px; height: 18px; } .wrapper-block-fixed-sostavpostavki.fixed-active, .wrapper-block-fixed-sostavpostavki.fixed-active .sostavpostavki-fixed-shadow { width: 720px; } .wrapper-contact-map > div:first-child { height: 237px; overflow: hidden; } .extratext { margin: 14px 14px 14px 38px; } } @media screen and (max-width: 767px) { #basket { display: block; height: 61px; float: right; z-index: 100; background: none; border-bottom-color: #abb45c; padding-left: 41px; } .wrapper-options { height: 216px; width: 100%; } .wrapper-demonstration { width: 100%; float: left; } .wrapper-full-img img:nth-child(2) { width: 62%; } .wrapper-full-img img:nth-child(3) { left: 7%; width: 75%; } .table-brand { display: none; } .table-brand.table-mobile { display: table; } body > footer { height: auto; padding-top: 30px; } .wrapper-footer-contacts, .wrapper-footer-nav, .wrapper-footer-networks, .wrapper-footer-logo { padding-left: 15px !important; padding-right: 15px !important; } .wrapper-footer-address, .wrapper-footer-nav, .wrapper-footer-networks, .wrapper-footer-logo { margin-top: 25px; } .footer-nav-title { margin-bottom: 5px; } .wrapper-footer-address, .footer-nav-title, .wrapper-footer-nav ul li, .wrapper-footer-networks { text-align: center; } .footer-networks-block { margin: 0 auto; } .wrapper-footer-logo .logo { box-shadow: 0 5px 0 0 rgba(55, 88, 124, 0.29); position: relative; margin: 13px 0 100px 0; } .wrapper-footer-logo .logo::before, .wrapper-footer-logo .logo::after { content: ""; position: absolute; bottom: -103px; height: 100px; width: 12px; background: -webkit-linear-gradient(left, #989797 26%, #d4d4d6 26%, #d4d4d6 80%, #aeb1b5 80%); background: linear-gradient(to right, #989797 26%, #d4d4d6 26%, #d4d4d6 80%, #aeb1b5 80%); } .wrapper-footer-logo .logo::before { left: 14%; } .wrapper-footer-logo .logo::after { right: 14%; } .footer-address-title, .footer-nav-title { font-size: 14px; } .wrapper-footer-address, .wrapper-footer-nav ul a { font-size: 13px; } .wrapper-footer-logo .logo { width: 300px; display: inline-block; } .wrapper-footer-logo { text-align: center; } footer .wrapper-footer-logo > img { left: 21%; bottom: 4px; } #path { padding: 0 0 10px 0; border: 0; border-bottom: 1px solid #d6dce1; } #path li:first-child a{ position: static; display: inline-block; border-right: 0; text-align: left; width: 25px; } .wrapper-new-section .partition:first-child { padding-right: 0; } .wrapper-new-section .partition:last-child { padding-left: 0; } .carousel-lable-banner-product { max-width: 390px; margin-left: auto; margin-right: auto; } .wrapper-block-sostavpostavki { float: none; max-width: 390px; margin-left: auto; margin-right: auto; } .sostavpostavki-top-price { float: left; } .sostavpostavki-top-right .form-basket-detail { float: none; } .sostavpostavki-top-left { font-size: 17px; } .sostavpostavki-top-right { margin-top: 7px; } .sostavpostavki-top-price { font-size: 14px; } #p2Fixed { font-size: 17px; } #p2Fixed .icon:after { font-size: 11px; } .sostavpostavki-top-right .form-basket .product-submit-button { height: 26px; line-height: 26px; font-size: 13px; padding: 0 10px 0 30px; } .sostavpostavki-top-right .form-basket .but:before { font-size: 18px; top: 2px; left: -21px; } .table-star-product { float: none !important; max-width: 390px; margin-left: auto; margin-right: auto; } .set-title-block { font-size: 17px; } .next + .set-title-block { padding-right: 90px; } .set-title-block:before { margin-top: -10px; } .set-name { font-size: 14px; } .set-price { font-size: 15px; } .wrapper-set-element .product-submit-button { left: -5px; } .header-block .contacts { padding: 10px 15px 13px; max-width: inherit; width: auto; } .contacts a.tel { line-height: 40px; } .contacts .but { left: 15px; right: auto; top: auto; bottom: 0; } .basket-container { margin-top: 15px; } .header-block .logo { margin-top: 15px; } #search { height: 61px; padding: 9px; } #search select { display: none; } #search .but { border-left: 1px solid #e6e7e7; } .title-cart { display: none; } .basket-quentity .title-cart, .wrapper-detail-cart { display: none; } .wrapper-block-sostavpostavki { overflow: hidden; } .wrapper-block-fixed-sostavpostavki.fixed-active { top: 50px; margin-left: -15px; } .wrapper-block-fixed-sostavpostavki.fixed-active .wrapper-sostavpostavki-top { padding-top: 5px; padding-left: 15px; } body > header.header-fix { position: fixed; } body > header.header-fix .link-lk-block > span, body > header.header-fix .link-auth { display: none; } body > header .fixheader-phone-top { margin-top: 15px; margin-left: 35px; } body > header .fixheader-phone-top a { position: relative; color: #fff; font-size: 15px; } body > header .fixheader-phone-top a:hover, body > header .fixheader-phone-top a:active, body > header .fixheader-phone-top a:focus { text-decoration: none; color: #9dc618; } body > header .fixheader-phone-top a:before { content: "\f15b"; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: -23px; top: 1px; } body > header.header-fix .fixheader-phone-top { display: inline-block; } body > header.header-fix .wrapper-buytoclick { display: inline-block; float: right; margin-right: 65px; padding-left: 32px; height: 50px; } body > header.header-fix .wrapper-buytoclick:hover { background: none; } body > header.header-fix .wrapper-buytoclick .buy1click-btn { position: relative; line-height: normal; height: auto; font-size: 11px; color: #fff; border-bottom: 1px dashed #fff; display: inline-block; margin-top: 18px; } body > header.header-fix .wrapper-buytoclick .buy1click-btn:before { content: "\f415"; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: -28px; top: -4px; font-size: 22px; color: #fff; } body > header.header-fix .wrapper-buytoclick .buy1click-btn:hover, body > header.header-fix .wrapper-buytoclick .buy1click-btn:active, body > header.header-fix .wrapper-buytoclick .buy1click-btn:focus { color: #9dc618; border-bottom-color: #9dc618; } body > header.header-fix .wrapper-buytoclick .buy1click-btn:hover:before, body > header.header-fix .wrapper-buytoclick .buy1click-btn:active:before, body > header.header-fix .wrapper-buytoclick .buy1click-btn:focus:before { color: #9dc618; } body > header.header-fix .wrapper-buytoclick + .wrapper-form-city { display: none; } .wrapper-contact-office > div:first-child, .wrapper-contact-map > div:first-child, .wrapper-contact-showroom > div:first-child { padding-right: 0; } .wrapper-contact-office > div:last-child, .wrapper-contact-map > div:last-child, .wrapper-contact-showroom > div:last-child { padding-left: 0; } .wrapper-contact-map, .wrapper-contact-office { text-align: center; } .wrapper-contact-map img, .wrapper-contact-showroom img { margin-bottom: 15px; } .wrapper-ymap { max-width: 467px; width: 100%; margin: 0 auto 15px; overflow: hidden; } .wrapper-contact-office img { margin-bottom: 15px; } .contact-info-person { margin-top: 0; margin-bottom: 15px; text-align: center; } .contact-info-person-detail { margin: 0 auto; } .wrapper-contact-map > div:last-child { text-align: left; } .wrapper-contact-office > div:first-child .video-js { margin: 0 auto 15px; } .bx_ordercart .bx_sort_container { position: relative; padding-left: 145px; padding-right: 15px; margin-bottom: 7px !important; } .bx_ordercart .bx_sort_container > span { position: absolute; left: 15px; top: 0; } #basket_items td.margin, #delayed_items td.margin, #basket_items_not_available td.margin, #basket_items > thead > tr > td, #delayed_items > thead > tr > td, #basket_items_not_available > table > thead > tr > td { display: none; } #basket_items, #delayed_items, #basket_items_not_available, #basket_items > thead, #delayed_items > thead, #basket_items_not_available > table > thead, #basket_items > tbody, #delayed_items > tbody, #basket_items_not_available > table > tbody, #basket_items tr, #delayed_items tr, #basket_items_not_available tr, #basket_items td, #delayed_items td, #basket_items_not_available td, #basket_items > thead > tr > td.item, #delayed_items > thead > tr > td.item, #basket_items_not_available > table > thead > tr > td.item { display: block; } #basket_items > thead > tr > td.item, #delayed_items > thead > tr > td.item, #basket_items_not_available > table > thead > tr > td.item { padding-left: 15px !important; padding-right: 15px !important; font-size: 14px; } #basket_items > tbody > tr > td, #delayed_items > tbody > tr > td, #basket_items_not_available > table > tbody > tr > td { padding: 0 15px 15px; } .bx_ordercart .bx_ordercart_order_table_container table tbody td { border-bottom: 0 !important; } #basket_items > tbody > tr > td, #delayed_items > tbody > tr > td, #basket_items_not_available > table > tbody > tr > td { float: left; width: 100%; } #basket_items .set-img, #delayed_items .set-img, #basket_items_not_available .set-img { margin-right: 0; padding-right: 7px; position: absolute; left: 0; width: 98px; } #basket_items > tbody > tr > td.item, #delayed_items > tbody > tr > td.item, #basket_items_not_available > table > tbody > tr > td.item { padding-left: 105px; min-height: 96px; } #basket_items > tbody > tr, #delayed_items > tbody > tr, #basket_items_not_available > table > tbody > tr { overflow: hidden; border-bottom: 1px solid #d6dce1; } #basket_items > tbody, #delayed_items > tbody, #basket_items_not_available > table > tbody { border-bottom: 0; } #basket_items > tbody > tr, #delayed_items > tbody > tr, #basket_items_not_available > table > tbody > tr { padding-top: 15px; } #basket_items .bx_ordercart_itemart, #delayed_items .bx_ordercart_itemart, #basket_items_not_available .bx_ordercart_itemart { display: none; } #basket_items .list-kit, #delayed_items .list-kit, #basket_items_not_available .list-kit { margin-bottom: 0; } #basket_items > tbody > tr > td.price, #delayed_items > tbody > tr > td.price, #basket_items_not_available > table > tbody > tr > td.price { position: relative; padding-left: 60px; } #basket_items > tbody > tr > td.price:before, #delayed_items > tbody > tr > td.price:before, #basket_items_not_available > table > tbody > tr > td.price:before { content: 'Цена:'; position: absolute; left: 15px; top: 0; } #basket_items > tbody > tr > td.price + .custom, #delayed_items > tbody > tr > td.price + .custom, #basket_items_not_available > table > tbody > tr > td.price + .custom { position: relative; padding-left: 105px; } #basket_items > tbody > tr > td.price + .custom:before, #delayed_items > tbody > tr > td.price + .custom:before, #basket_items_not_available > table > tbody > tr > td.price + .custom:before { content: 'Количество:'; position: absolute; left: 15px; top: 0; } #delayed_items > tbody > tr > td.price + .custom div, #basket_items_not_available > table > tbody > tr > td.price + .custom div { text-align: left !important; } #basket_items > tbody > tr > td.custom + .custom, #delayed_items > tbody > tr > td.custom + .custom { position: relative; padding-left: 70px; } #basket_items > tbody > tr > td.custom + .custom:before, #delayed_items > tbody > tr > td.custom + .custom:before { content: 'Сумма:'; position: absolute; left: 15px; top: -2px; } #basket_items td.control a:first-child, #delayed_items td.control a:first-child, #basket_items_not_available td.control a:first-child { margin-left: 0; position: relative; padding-right: 76px; } #basket_items td.control a:first-child:after, #delayed_items td.control a:first-child:after, #basket_items_not_available td.control a:first-child:after { content: 'отложить'; position: absolute; top: 2px; right: 0; font-size: 14px; color: #000; } #delayed_items td.control a:first-child { padding-right: 138px; } #basket_items_not_available td.control a:first-child { padding-right: 64px; } #delayed_items td.control a:first-child:after { content: 'добавить к заказу'; } #basket_items_not_available td.control a:first-child:after { content: 'удалить'; } #basket_items td.control a:last-child, #delayed_items td.control a:last-child { position: relative; padding-right: 64px; margin-left: 10px; } #basket_items td.control a:last-child:after, #delayed_items td.control a:last-child:after { content: 'удалить'; position: absolute; top: 2px; right: 0; font-size: 14px; color: #000; } #basket_items td.control a:hover:after, #delayed_items td.control a:hover:after, #basket_items_not_available td.control a:hover:after, #basket_items td.control a:active:after, #delayed_items td.control a:active:after, #basket_items_not_available td.control a:active:after, #basket_items td.control a:focus:after, #delayed_items td.control a:focus:after, #basket_items_not_available td.control a:focus:after { color: #4880cd; } .cart-product-measure { top: 5px; } .bx_ordercart .bx_ordercart_order_pay { padding-left: 15px; padding-right: 15px; margin-top: 15px !important; } .bx_ordercart .bx_ordercart_order_pay_left, .bx_ordercart .bx_ordercart_order_pay_right { width: 100% !important; } .bx_ordercart .bx_ordercart_order_pay_right { margin-top: 10px; } .bx_ordercart .bx_ordercart_coupon span { display: inline-block !important; } .bx_ordercart .bx_ordercart_order_table_container { border-radius: 0 !important; } .bx_ordercart .bx_sort_container a { margin-left: 10px !important; margin-bottom: 7px !important; } .bx_ordercart .bx_ordercart_order_sum tr td.fwb { text-align: left !important; } .bx_ordercart .bx_ordercart_order_pay_center { text-align: center !important; } .carousel-image-product { max-width: 330px; margin-left: auto; margin-right: auto; } .extratext { margin: 15px; } .wrapper-modal .modal-dialog { margin-left: auto; margin-right: auto; max-width: 320px; } .buy1click-form-left { padding-right: 0; border-right: 0; } .buy1click-form-right { padding-left: 0; } .price-block-buy1click #mynewinpBuy1ClickVisual + span { right: 44px !important; } #toTop { right: 10px; bottom: 10px; } /* comagic */ .comagic-c-sitephone-label { display: none; cursor: pointer; position: fixed !important; width: 50px !important; height: 50px !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important; left: 10px; top: auto !important; bottom: 10px !important; transition-delay: 0s !important; -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; -moz-transition-duration: 0s !important; transition-duration: 0s !important; transition-property: none !important; opacity: 1 !important; } .comagic-c-sitephone-label:hover, .comagic-c-sitephone-label:active, .comagic-c-sitephone-label:focus { background-color: #4880cd !important; } .comagic-c-sitephone-label:after { left: 22% !important; top: 17% !important; width: 56% !important; } .comagic-position { left: 70px !important; } /* end comagic */ /* jivosite */ .__jivoMobileButton { display: none !important; bottom: 10px !important; left: 10px; right: auto !important; top: auto !important; z-index: 10000 !important; } .__jivoMobileButton .button_1O { width: 50px; height: 50px; margin: 0; } .__jivoMobileButton .button_1O .icons_R9 { position: relative; background: none !important; width: 50px; height: 50px; text-align: center; } .__jivoMobileButton .button_1O .icons_R9:before { content: '\f12c'; font-family: "WebHostingHub-Glyphs"; display: inline-block; margin-top: 11px; color: #fff; font-size: 23px; } .visible-jivo { display: block !important; visibility: visible !important; } .jivo-position { left: 190px; } /* end jivosite */ .wrapper-form-director-button { display: none; left: 10px; bottom: 10px; font-size: 0; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 0; text-indent: -9999px; z-index: 300; } .wrapper-form-director-button:before { content: '\f1b7'; font-family: 'WebHostingHub-Glyphs'; font-size: 22px; color: #fff; position: absolute; left: 0; top: 0; width: 50px; height: 50px; text-align: center; text-indent: initial; padding-top: 12px; } .wrapper-form-director-button:hover, .wrapper-form-director-button:active { left: 70px; } } @media screen and (max-width: 1199px) and (min-width: 510px) { .good:nth-child(1), .good:nth-child(2) { border-top: 1px solid #d6dce1; } .good:nth-child(3) { border-top: 0; } .good:nth-child(3n-3) { border-right: 0; } .good:nth-child(2n-2) { border-right: 1px solid #d6dce1; } } @media screen and (max-width: 991px) { body { margin-top: 50px; } body > header { width: 100%; position: absolute; top: 0; left: 0; z-index: 999; } header .container .wrapper-form-city { float: right; line-height: 50px; margin-right: 68px; } .col #catalog > ul { display: none; } .col #catalog .menuicon { margin-top: 13px; } .col #catalog.active > ul { display: block; } header nav.active { padding: 10px 0; } header .nav > li { text-transform: uppercase; display: block; width: auto; } .nav-justified > li.active { padding: 7px 15px; color: #9dc618; } header .nav > li a { color: #fff; margin-bottom: 0; padding-top: 7px; padding-bottom: 7px; } header .nav > li a:hover, header .nav > li a:active, header .nav > li a:focus { color: #9dc618; } .menuicon:hover:before, .menuicon:active:before, .menuicon:focus:before, header nav.active .menuicon:before { background: -webkit-linear-gradient(bottom, #9dc618, #9dc618 16%, transparent 16%, transparent 42%, #9dc618 42%, #9dc618 58%, transparent 58%, transparent 84%, #9dc618 84%, #9dc618 100%); background: linear-gradient(to top, #9dc618, #9dc618 16%, transparent 16%, transparent 42%, #9dc618 42%, #9dc618 58%, transparent 58%, transparent 84%, #9dc618 84%, #9dc618 100%); } .wrapper-auth { float: left; margin-top: 12px; margin-left: 15px; } .wrapper-auth .link-auth { vertical-align: middle; display: inline-block; line-height: 24px; float: left; margin-left: 15px; } .wrapper-auth .link-auth:hover, .wrapper-auth .link-auth:active, .wrapper-auth .link-auth:focus { text-decoration: none; } .wrapper-auth .link-auth:hover span, .wrapper-auth .link-auth:active span, .wrapper-auth .link-auth:focus span { color: #9dc618; border-bottom-color: #9dc618; } .wrapper-auth .link-auth:before { left: -10px; top: 1px; color: #fff; } .wrapper-auth .link-auth span { color: #fff; border-bottom: 1px dashed #fff; font-size: 12px; vertical-align: middle; text-transform: uppercase; } } @media screen and (max-width: 510px) { .good { width: 100% !important; border-right: 1px solid #d6dce1; } .good:nth-child(1) { border-top: 1px solid #d6dce1; } .good:nth-child(2), .good:nth-child(3) { border-top: 0; } .good:nth-child(3n-3) { border-right: 0; } } @media screen and (max-width: 465px) { .wrapper-link-label-block { width: 100%; } .header-block .contacts { width: 100%; text-align: center; padding-bottom: 0; } .contacts .but { position: relative; left: -47px; top: -5px; } } /* main.css */ #crsl2 { margin-bottom: 25px; padding-bottom: 35px; } article { font-size: 9pt; padding-bottom: 20px; background: white; } article img { width: 100%; } article h2 { font-weight: bold; font-size: 12pt; margin: 18px 0; } @media screen and (max-width: 767px) { .reasons .container > h1, .present .container > h1, .clients.container > h1 { background: white; color: black; margin: 0 auto; padding: 15px 0; width: 65.6%; text-align: center; z-index: 10; font-size: 11pt; font-weight: 700; } } /*============================================================== mainbanner ==============================================================*/ #crsl1 .item { height: 230px; padding-left: 15px; background-size: cover; background-position: right; } #crsl1 .item div { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } #crsl1 .item div h1 { vertical-align: middle; display: inline; background: #22292b; color: white; font-size: 17pt; } #crsl1 .owl-controls { position: absolute; bottom: 4%; right: 0; left: 0; margin: auto; max-width: 100%; } #crsl1 .owl-controls span { background: white !important; } .mainbanner { position: relative; overflow: hidden; background: #ccc; } .mainbanner .wrapper-mainbanner { height: 240px; } .mainbanner #crsl1 .item { height: 240px; background-position: center center; background-size: contain; } .mainbanner #crsl1 .item h1 { font-size: 23pt; } .mainbanner #crsl1 .owl-controls { position: absolute; bottom: 12%; right: auto; left: 3%; } .mainbanner #YM { display: block; height: 108px; background: #eff3f4; color: #225995; text-align: center; font-size: 18pt; position: relative; } .mainbanner #YM > img { height: 70%; position: absolute; top: 0; bottom: 0; left: 2%; margin: auto; } .mainbanner #YM span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; line-height: 108px; } .mainbanner #YM #stars { height: 28px; position: absolute; top: 0; bottom: 0; margin: auto; width: 180px; right: 1.4%; } .mainbanner #YM #stars img { height: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .mainbanner .wrapper-mainbanner { height: 199px; } .mainbanner #crsl1 .item { height: 199px; } .mainbanner #YM { height: 149px; } .mainbanner #YM > img { height: 52%; left: 0; } .mainbanner #YM span { line-height: 149px; } } @media (min-width: 768px) and (max-width: 991px) { .mainbanner .wrapper-mainbanner { height: 205px; } .mainbanner #crsl1 .item { height: 205px; } .mainbanner #YM { height: 65px; } .mainbanner #YM span { line-height: 65px; } } @media (max-width: 767px) { .mainbanner .wrapper-mainbanner { height: auto; } .mainbanner #crsl1 .item { background-size: contain; height: auto; padding-top: 27.4%; width: 100%; } .mainbanner #crsl1 .owl-controls { bottom: 20%; } } /*============================================================== categories ==============================================================*/ .categories-main { padding: 15px; background: #eff3f4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .categories-main a:hover { text-decoration: none; } .cat { font-weight: 400; width: 200px; height: 240px; padding-top: 15px; } .categories-main .cat { padding: 15px 0 5px; text-align: center; font-weight: bold; font-size: 12pt; color: black; } .categories-main .cat img { border-radius: 65px; width: 130px; height: 130px; margin-bottom: 15px; } @media screen and (min-width: 768px) { .categories-main { background: white; box-sizing: border-box; } .categories-main .cat { margin: 0 40px; } .categories-main .cat h3 { min-height: 38px; color: #2b313d; margin: 12px 0; font-size: 16pt; } } /* vendors */ .wrapper-vendor-block { position: relative; } .wrapper-vendor-section { margin-top: 25px; } .wrapper-vendor-element { margin-top: 25px; } .vendor-filter, .vendor-category, .vendor-category-product { margin-bottom: 15px; } .vendor-filter .vendor-filter-title, .vendor-category .vendor-category-title { font-weight: 700; } .vendor-filter .active, .vendor-filter a, .vendor-category .active, .vendor-category a, .vendor-category-product a { display: inline-block; margin-left: 2px; margin-right: 2px; margin-bottom: 5px; padding: 0 15px; border-radius: 15px; line-height: 30px; } .vendor-filter .active, .vendor-category .active { color: #FFF; background-color: #717171; } .vendor-filter a, .vendor-category a, .vendor-category-product a { color: #717171; } .vendor-filter a:hover, .vendor-filter a:active, .vendor-filter a:focus { text-decoration: none; } .vendor-filter a:not(.active):hover, .vendor-filter a:not(.active):active, .vendor-filter a:not(.active):focus, .vendor-category a:hover, .vendor-category a:active, .vendor-category a:focus, .vendor-category-product a:hover, .vendor-category-product a:active, .vendor-category-product a:focus { text-decoration: none; background-color: #E6E6E6; } .vendor-element { position: relative; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; margin-top: 25px; } .vendor-element ul { list-style: none; page-break-inside: avoid; margin: 0 0 15px 0; padding: 0; } .vendor-element-section-title { font-size: 30px; font-weight: 700; padding-left: 10px; padding-right: 10px; } .vendor-element ul li > a { display: block; padding-left: 10px; padding-right: 10px; line-height: 24px; color: #222; } .vendor-element ul li > a:hover, .vendor-element ul li > a:active, .vendor-element ul li > a:focus { text-decoration: none; background-color: #E6E6E6; border-radius: 3px; } .vendor-element-detail { display: none; position: absolute; width: 400px; padding: 15px; background-color: #FFF; z-index: 100; box-shadow: 1px 1px 1px 1px rgba(0,0,0,.5); } .vendor-element ul li:hover .vendor-element-detail { display: block; } .vendor-element-detail img { max-width: 130px; float: left; margin: 4px 20px 0 0; } .vendor-element-detail-name { font-weight: 700; } img.vendor-element-image-no-description { float: none; display: block; } @media screen and (max-width: 810px) { .vendor-element-detail { width: 350px; } } @media screen and (max-width: 767px) { .vendor-element { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .vendor-element-detail { width: 300px; } } @media screen and (max-width: 450px) { .vendor-element { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } .vendor-element-sitemap .vendor-element-section-title { font-size: 12px; } .vendor-element-sitemap.vendor-element ul li > a { color: #3169b6; padding: 0; line-height: 14px; } .vendor-element-sitemap.vendor-element ul li > a:hover, .vendor-element-sitemap.vendor-element ul li > a:active, .vendor-element-sitemap.vendor-element ul li > a:focus { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; text-decoration: underline; } /* end vendors */ /*============================================================== reasons ==============================================================*/ .reasons { background: #eff3f4; color: white; text-align: center; padding-top: 20px; font-size: 9pt; } .reasons #crsl3 { margin-top: 30px; padding-bottom: 5px; } .reasons #crsl3 .owl-controls span { background: #8e8e8e !important; } .reasons #crsl3 .item { width: 152px; background: #b9c868; padding: 24px 0; } .reasons #crsl3 .item > div:first-child { margin: auto; background: white; width: 106px; height: 106px; border-radius: 53px; position: relative; color: #3e3e3e; font-size: 16pt; font-weight: 700; } .reasons #crsl3 .item > div:first-child * { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .reasons #crsl3 .item div.title-block-new { margin: 22px 0; font-weight: bold; font-size: 11pt; color: #2b313d; } .reasons #crsl3 .item p { line-height: 16px; } @media screen and (min-width: 768px) { .reasons { width: 100%; display: table; padding: 30px 0; } .reasons .container > .active { background: #abb45c; height: 256px; width: 20%; position: absolute; left: 0; margin-top: 30px; -webkit-transition: left .7s; transition: left .7s; } .reasons #crsl3 { display: table; width: 100%; margin: 30px auto 0 auto; color: black; } .reasons #crsl3 .active { color: white; } .reasons #crsl3 .active div:first-child { border: 0 !important; } .reasons #crsl3 .active p { opacity: 1 !important; } .reasons #crsl3 .item { float: left; position: relative; width: 20%; box-sizing: border-box; background: transparent; } .reasons #crsl3 .item > div:first-child { border: 1px solid #d6dce1; box-sizing: border-box; } .reasons #crsl3 .item div.title-block-new { margin: 22px auto; width: 150px; } .reasons #crsl3 .item p { -webkit-transition: opacity .7s; transition: opacity .7s; opacity: 0; width: 150px; margin: auto; } .reasons #crsl3 .item .arrow { background: #eff3f4; width: 35%; height: 16px; border-radius: 8px; position: absolute; top: 50%; right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); z-index: 100; } .reasons #crsl3 .item .arrow div { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 75%; height: 2px; background: #c6ced3; } .reasons #crsl3 .item .arrow div::before { content: ""; position: absolute; left: -4px; top: -1px; width: 2px; height: 2px; border-radius: 4px; border: 2px solid #c6ced3; } .reasons #crsl3 .item .arrow div::after { content: ""; position: absolute; width: 0; height: 0; right: -4px; top: -5px; border: 6px solid transparent; border-right: 0; border-left-color: #c6ced3; } .reasons #crsl3 .owl-controls { display: none !important; } } @media screen and (max-width: 767px) { .reasons #crsl3 .item { padding: 24px; margin: auto; } } /*============================================================== present ==============================================================*/ .present { position: relative; font-size: 11pt; } .present #crsl4 .item { height: 365px; background-position: center; background-size: cover; } .present #crsl4 .owl-controls { position: absolute; bottom: 9%; right: 0; left: 0; margin: auto; max-width: 100%; } .present #crsl4 .owl-controls span { background: white !important; } @media screen and (min-width: 768px) { .present { width: 100%; background: #d4d9dc; padding: 30px 0; } .present .container > div { margin-top: 20px !important; margin-bottom: 30px !important; position: relative; } .present .container > div .prev, .present .container > div .next { background-color: #3169b6; position: absolute; top: 0; bottom: 0; margin: auto; width: 46px; height: 46px; border-radius: 23px; font-size: 20pt; } .present .container > div .prev:hover, .present .container > div .next:hover { background-color: #4880cd; } .present .container > div .next { right: -15px; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .present .container > div .prev { left: -15px; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .present .owl-controls { display: none !important; } } @media screen and (max-width: 767px) { .present h1 { position: absolute; left: 0; right: 0; top: 25px; margin: auto; } .present p { background: #eff3f4; padding: 25px 15px 35px 15px; } } /*============================================================== offer ==============================================================*/ .offer { margin: 5px 15px; background: white; } @media screen and (min-width: 768px) { .offer { position: relative; margin: 0; } .offer .prev, .offer .next { position: absolute; right: 0; top: -16px; border: 1px solid #d6dce1; } .offer .prev { right: 46px; } .offer #crsl2 { height: 813px; } .offer #crsl2 .owl-item { border-right: 1px solid #d6dce1; } } /*============================================================== clients ==============================================================*/ .clients #crsl5 .item { background-position: center; background-repeat: no-repeat; height: 64px; } @media screen and (min-width: 768px) { .clients { padding: 25px 0 50px 0; font-size: 14pt; } .clients h2 { margin-bottom: 25px; } .clients.container > img { height: 120px; margin: 0 30px 40px 0; float: left; } .clients-partners { border: 1px solid #d6dce1; padding: 25px 55px; position: relative; margin: 35px auto 0 auto; box-sizing: border-box; } .clients-partners .prev, .clients-partners .next { border: 1px solid #eff3f4; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clients-partners .prev:before, .clients-partners .next:before { top: 14%; } .clients-partners .prev { left: 20px; } .clients-partners .next { right: 20px; } .clients #crsl5 { margin: auto; } .clients #crsl5 .owl-controls { display: none !important; } } @media screen and (max-width: 767px) { .clients { border-top: 1px solid #d6dce1; border-bottom: 1px solid #d6dce1; padding-bottom: 20px; } } .actions_carousel { padding-bottom: 70px; } .carousel-stock { position: relative; box-sizing: border-box; } .carousel-stock .item { background-position: center; background-repeat: no-repeat; height: 355px; cursor: pointer; } .stock-catalog .prev, .stock-catalog .next, .single-slide-carousel .prev, .single-slide-carousel .next, .clients-partners .prev, .clients-partners .next { background-color: #3169b6; position: absolute; bottom: 10px; margin: auto; width: 46px; height: 46px; border-radius: 50%; font-size: 20pt; z-index: 100; } .single-slide-carousel .prev, .single-slide-carousel .next { bottom: -56px; } .stock-catalog .prev:hover, .stock-catalog .next:hover, .single-slide-carousel .prev:hover, .single-slide-carousel .next:hover, .clients-partners .prev:hover, .clients-partners .next:hover { background-color: #4880cd; } .stock-catalog .prev, .single-slide-carousel .prev, .clients-partners .prev { left: 50%; margin-left: -10px; -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } .clients-partners .prev { bottom: 50%; margin-bottom: -23px; left: 50px; margin-left: 0; border: 0; } .stock-catalog .next, .single-slide-carousel .next, .clients-partners .next { right: 50%; margin-right: -10px; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .clients-partners .next { bottom: 50%; margin-bottom: -23px; right: 50px; margin-right: 0; border: 0; } .clients-partners .prev:before, .clients-partners .next:before { top: 50%; } .carousel-stock { margin: auto; } .carousel-stock .owl-controls, .single-slide-carousel .owl-controls { display: none !important; } .single-slide-carousel { margin-bottom: 80px; position: relative; } .description-slide { position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 10px 15px; background-color: rgba(0,0,0,.5); } /* end main.css */ /* item.css */ /*=========================================== top =============================================*/ #top { padding: 0 14px; float: initial; position: relative; min-height: 51px; overflow: hidden; } #top h1 { font-weight: bold; font-size: 15pt; text-transform: uppercase; } #top .wrapper-item-id { margin-top: 5px; font-size: 15px; } #top .item-id-label { display: inline-block; position: relative; background-color: #3169b6; color: #fff; padding: 1px 6px; height: 24px; line-height: 20px; z-index: 1; } #top .item-id-label:before, #top .item-id-label:after { content: ' '; position: absolute; right: -12px; width: 0; height: 0; border-right: 12px solid transparent; } #top .item-id-label:before { top: 0; border-top: 12px solid #3169b6; } #top .item-id-label:after { bottom: 0; border-bottom: 12px solid #3169b6; } #top .item-id { font-weight: 700; letter-spacing: 1px; } #top .backarrow { background-color: #3169b6; color: white; width: 200px; box-sizing: border-box; height: 24px; line-height: 24px; position: absolute; top: 24px; bottom: 0; right: 0; margin: auto; margin-left: 12px; padding-right: 20px; text-align: center; z-index: 2; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; margin-bottom: 37px; } #top .backarrow:before, #top .backarrow:after { content: ""; position: absolute; width: 0; height: 0; bottom: 0; left: -20px; border-left: 0; border: 0 solid transparent; border-width: 12px 10px; border-right-color: #3169b6; } #top .backarrow:after { left: initial; right: 0; border-right-color: white; } #top .backarrow:hover { background-color: #4880cd; } #top .backarrow:hover:before { border-right-color: #4880cd; } #top .backarrow:active { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } /*=========================================== col1 =============================================*/ #col1 { position: relative; padding-left: 15px; padding-top: 20px; } #col1 #vendor { width: 115px; height: 40px; background-position: center; background-repeat: no-repeat; margin: 6px 0; } .col1-bigimg { position: relative; display: block; margin: 0 auto 15px; text-align: center; } .col1-bigimg:hover { text-decoration: none; } .col1-bigimg #mark { color: white; background: #f76e44; text-align: center; padding-top: 14px; box-sizing: border-box; font-size: 13px; font-weight: 700; width: 58px; height: 58px; border-radius: 29px; position: absolute; top: 10px; left: 10px; } .col1-bigimg #mark span { font-size: 10px; } .col1-bigimg img { max-width: 100%; max-height: 400px; border: 1px solid #d6dce1; } .wrapper-project-designs-image .col1-bigimg { margin-left: auto; margin-right: auto; text-align: center; display: block; } .wrapper-project-designs-image .col1-bigimg img { max-width: 80%; max-height: 520px; border: 0; } .wrapper-project-designs-image .carousel-image-product { float: left; } #col1 .wrapper-detail-img-product .carousel-image-product .preview-gallery-product /*#smallimages img*/ { width: 55px; display: block; float: left; overflow: hidden; height: 55px; margin: 8px; cursor: pointer; border: 1px solid #d6dce1; background-repeat: no-repeat; background-size: contain; background-position: center center; } .wrapper-project-designs-image #col1 .wrapper-detail-img-product .carousel-image-product .preview-gallery-product { width: 96px; height: 96px; margin: 8px 20px 8px 0; } .wrapper-project-designs-image .owl-item { width: 116px !important; } #col1 .carousel-image-product .preview-gallery-product.active, #col1 .carousel-image-product .owl-item:not(:first-child) .preview-gallery-product:hover { border: 1px solid #4880cd; } .carousel-image-product .preview-gallery-video { position: relative; } .carousel-image-product .preview-gallery-video:before { content: '\f142'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 9px; font-size: 30px; color: #FF7B40; background-color: rgba(0,0,0,.5); } .carousel-image-product .preview-gallery-video:hover:before { color: #ff8c59; } .wrapper-gallery-video .special-label-right-big, .wrapper-gallery-video #vendor { display: none; } .wrapper-gallery-video .col1-bigimg:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); } .wrapper-gallery-video .col1-bigimg:after { content: '\f142'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -42px; color: #FF7B40; font-size: 72px; text-align: center; } .wrapper-gallery-video .col1-bigimg:hover:after { color: #ff8c59; } .wrapper-product-list-video { position: relative; } .wrapper-product-list-video:after { content: '\f142'; font-family: 'WebHostingHub-Glyphs'; position: absolute; right: 10px; bottom: 13px; font-size: 27px; color: #ff8c59; font-weight: 400; } .product-list-video-list:after { bottom: 15px; font-size: 20px; } .product-block-list-video:after { right: 7px; bottom: 7px; font-size: 20px; } @media screen and (max-width: 767px) { #col1 { text-align: center; padding-left: 0; } .col1-bigimg { padding: 0 15px 0; } #col1 #mark { left: 50%; margin-left: -130px; } #col1 #vendor { -webkit-transform: translate(-155px, 0); -ms-transform: translate(-155px, 0); transform: translate(-155px, 0); margin-left: 50%; } } /*=========================================== extratext =============================================*/ .extratext { margin: 14px 14px 14px 45px; } .extratext .wrapper-detail-text-collection { max-height: 128px; overflow: hidden; } .extratext .wrapper-detail-text-collection.active { max-height: none; } .extratext .wrapper-link-text-collection { display: none; text-align: center; margin-top: 5px; } .extratext .link-text-collection { font-size: 16px; border-bottom: 1px dashed; } .extratext .link-text-collection:hover, .extratext .link-text-collection:active, .extratext .link-text-collection:focus { text-decoration: none; } /*=========================================== col2 =============================================*/ #col2 { padding-top: 20px; } #col2 > *, #col2 table { margin: auto; width: 300px; } .product-special-packages-label { border-top: 1px solid #d6dce1; text-align: center; padding-top: 10px; margin-top: 5px; margin-bottom: 10px; } .product-special-packages-label span { position: relative; color: #000; } .product-special-packages-label span:before { content: '\f315'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: -20px; top: 0; color: #FF033E; } #col2 #price { padding: 15px; border: 1px solid #d6dce1; border-bottom: 0; color: #737373; display: table; } .price-block-buy1click { width: 100%; color: #737373; display: table; margin-bottom: 15px; } #col2 #price .label, .price-block-buy1click .label{ background: #8db600; padding: 8px 14px 7px 16px; margin-left: 30px; color: #fff !important; font-weight: 400 !important; } #col2 #price .label:before, .price-block-buy1click .label:before { border-right-color: #8db600; border-width: 19px 9px; } #col2 #price > span:nth-of-type(1), .price-block-buy1click > span:nth-of-type(1), #col2 #price > span:nth-of-type(2), .price-block-buy1click > span:nth-of-type(2) { line-height: 42px; position: relative; top: -3px; } #col2 #price span:nth-of-type(2), .price-block-buy1click span:nth-of-type(2) { top: -4px; } #col2 #price > span > b, .price-block-buy1click > span > b { font-weight: normal; } #col2 #price #p2, #col2 #price #p2credit, .price-block-buy1click #p2buy1click, #col2 #price .label, .price-block-buy1click .label { font-size: 16pt; font-weight: 700; color: black; float: right; padding-right: 6px; } #col2 #price #p2credit { color: #ff033e; font-weight: 400; } #col2 #price #p2, .price-block-buy1click #p2buy1click { font-weight: 400; } #col2 #price #p2, .price-block-buy1click #p2buy1click { line-height: 34px !important; } #col2 #price #p2 .icon:after, #col2 #price #p2credit .icon:after, .price-block-buy1click #p2buy1click .icon:after, #col2 #price .label .icon:after, .price-block-buy1click .label .icon:after { font-size: 16px !important; line-height: 22px !important; top: 0 !important; font-weight: 400 !important; } .wrapper-product-count { float: left; position: relative; width: 53%; } .wrapper-price-count-block { float: left; width: 47%; } .wrapper-price-count { padding-left: 8px; } .wrapper-price-count > div { float: none !important; } .wrapper-price-count > div:first-child { font-size: 13px; } .wrapper-price-count #measure_element { line-height: 12px; } #priceProduct .icon, #priceProductBuy1click .icon, #priceProductCredit .icon { top: 0 !important; } #col2 #price .wrapper-price-count #p2, #col2 #price .wrapper-price-count #p2credit, .price-block-buy1click .wrapper-price-count #p2buy1click { line-height: 22px !important; padding-right: 0; } #col2 .product-submit-button .but, #col2 .inBasket .but { text-align: center; font-weight: 700; line-height: 40px; height: 40px; position: relative; margin-top: 0; } #col2 .product-submit-button .but:before, #col2 .inBasket .but:before { content: "\e803"; font-family: "icons"; font-size: 28px; font-weight: 400; position: absolute; top: 14px; left: 9px; } #col2 .product-submit-button .but:active, #col2 .inBasket .but:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } #col2 #price input, .price-block-buy1click input, .wrapper-quantity-torg input { width: 84px; height: 40px; line-height: 40px; box-sizing: border-box; color: #262626; border: 1px solid #c1c5c8; font-size: 12pt; font-weight: 700; padding: 0 25px 0 4px; float: left; text-align: center; outline: 0; } #col2 #price input, .price-block-buy1click input { font-size: 14px; } .wrapper-quantity-torg input { max-width: 190px; width: 100%; } .form-basket-detail { margin-top: 6px; } #col2 #price input:active, .price-block-buy1click input:active, #col2 #price input:focus, .price-block-buy1click input:focus { border-color: #4880cd; } #col2 #price #mynewinpVisual + span, .price-block-buy1click #mynewinpBuy1ClickVisual + span { position: absolute; right: 34px; top: 12px; font-size: 12px; } #mynewinp-visual-torg + span { font-size: 10pt; position: absolute; top: 13px; right: 40px; left: auto; z-index: 100; } #col2 .but2 { font-size: 16px; font-weight: 700; text-align: center; } .wrapper-buytoclick { position: relative; color: #fff; background-color: #3169b6; text-transform: uppercase; } .wrapper-buytoclick:hover { background-color: #4880cd; } .wrapper-buytoclick:before { content: '\f0dd'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 8px; top: 8px; font-size: 22px; font-weight: 400; } .wrapper-vkredit { position: relative; color: #333; background-color: #ffdf00; text-transform: uppercase; } .wrapper-vkredit:hover { background-color: #FEE42F; } .wrapper-vkredit:before { content: '\f138'; font-family: 'WebHostingHub-Glyphs'; position: absolute; left: 8px; top: 8px; font-size: 22px; font-weight: 400; } .wrapper-vkredit a { color: #333; display: block; line-height: 40px; height: 40px; } .wrapper-vkredit a:hover, .wrapper-vkredit a:active, .wrapper-vkredit a:focus { text-decoration: none; color: #333; } .header-fix .wrapper-buytoclick:before { display: none; } .wrapper-torg-online:before { content: '\f252'; } .wrapper-torg-online a:hover, .wrapper-torg-online a:active, .wrapper-torg-online a:focus { text-decoration: none; } .wrapper-buytoclick.button-bg-style { margin-bottom: 8px !important; } .wrapper-buytoclick .buy1click-btn { display: block; line-height: 40px; height: 40px; } .wrapper-buytoclick .buy1click-btn:hover, .wrapper-buytoclick .buy1click-btn:active, .wrapper-buytoclick .buy1click-btn:focus { text-decoration: none; color: #fff; } #col2 .but2 a:active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); display: block; } .button-bg-style { background-color: #8db600; border-color: #8db600 !important; } .button-bg-style a { color: #fff; } .button-bg-style:hover { background-color: #9dc618 !important; border-color: #9dc618 !important; } #col2 #wrap { max-height: 224px; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; position: relative; margin-bottom: 60px; } #col2 #wrap:after { content: ""; width: 100%; height: 30px; background: -webkit-linear-gradient(bottom, white, rgba(255, 255, 255, 0)); background: linear-gradient(to top, white, rgba(255, 255, 255, 0)); position: absolute; bottom: 0; left: 0; } #col2 #wrap.active { max-height: 100%; padding-bottom: 18px; } .wrapper-info-product { width: 303px; margin-top: 25px !important; font-size: 13px; } .wrapper-info-product caption { text-align: center; color: #3169b6; border-bottom: 3px solid #3169b6; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; padding-top: 0; padding-bottom: 5px; } .wrapper-info-product tr:nth-child(even) { background: #eff3f4; } .wrapper-info-product td { padding: 2px 0; line-height: 20px; } .wrapper-info-product td:nth-child(odd) { color: #7B7B7B; padding-left: 0; } .wrapper-info-product td:nth-child(even) { text-align: left; color: #1f262f; padding-right: 0; } .table-star-product { float: left; width: 100%; margin-top: 25px !important; } .table-star-product tr td { padding-top: 8px; padding-bottom: 8px; line-height: 19px; } .table-star-product tr td:first-child { width: 170px; } .wrapper-link-stars-brand { float: left; width: 100%; text-align: center; margin-top: 15px; margin-bottom: 20px; } .link-stars-brand { text-transform: uppercase; border-bottom: 1px dashed #3169b6; color: #3169b6; display: inline-block; } .link-stars-brand:hover { color: #4880cd; border-color: #4880cd; text-decoration: none; } #col2 #add { margin: 10px auto; position: absolute; left: auto; right: auto; bottom: 0; text-align: center; text-transform: uppercase; color: #3169b6; height: 40px; line-height: 40px; cursor: pointer; width: 100% !important; } #col2 #add:active, #col2 #add:focus, #col2 #add:hover { text-decoration: none; } #col2 .style-options-link span { border-bottom: 1px dashed #3169b6; } #col2 .style-options-link { width: 300px; margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #col2 .style-options-link:hover { background-color: #4880cd; color: #fff; } #col2 .style-options-link:hover span { border-bottom: none; } /*=========================================== col3 =============================================*/ #col3 { padding-top: 20px; } .carousel-lable-banner-product .item { max-height: 130px; box-sizing: border-box; font-weight: bold; text-align: center; font-size: 16pt; } .carousel-lable-banner-product .item img { width: 100%; } .carousel-lable-banner-product .owl-controls span { width: 8px; height: 8px; border: 1px solid #225995; background: white !important; } .carousel-lable-banner-product *.active > span { background: #225995 !important; } .carousel-image-product { position: relative; } .carousel-image-product .item { max-height: 53px; } .carousel-image-product .item img { width: 53px; } .carousel-image-product .owl-controls .owl-buttons .owl-prev, .carousel-image-product .owl-controls .owl-buttons .owl-next { position: absolute; top: 8px; font-family: 'WebHostingHub-Glyphs'; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 55px; width: 25px; font-size: 20px; padding-top: 16px !important; background-color: #3169b6; opacity: 0.8; } .wrapper-project-designs-image .carousel-image-product .owl-controls .owl-buttons .owl-prev, .wrapper-project-designs-image .carousel-image-product .owl-controls .owl-buttons .owl-next { height: 96px; padding-top: 37px !important; } .carousel-image-product .owl-controls .owl-buttons .owl-prev { left: 0; padding-right: 2px !important; } .carousel-image-product .owl-controls .owl-buttons .owl-next { right: 0; padding-left: 2px !important; } .carousel-image-product .owl-controls .owl-buttons .owl-prev:hover, .carousel-image-product .owl-controls .owl-buttons .owl-next:hover { background-color: #4880cd; opacity: 1; } .wrapper-deals .par { margin-bottom: 6px !important; position: relative; padding-left: 80px; height: 85px; text-align: left; } .wrapper-deals .deals-icon { font-family: 'WebHostingHub-Glyphs'; width: 60px; height: 60px; border-radius: 50%; padding: 16px 12px 12px; box-sizing: border-box; background-color: #fff; position: absolute; top: 0; bottom: 0; margin: auto; left: 10px; font-size: 34px; line-height: 34px; text-align: center; } .wrapper-deals-description { height: 100%; display: table; } .deals-content { display: table-cell; vertical-align: middle; } .wrapper-deals .deals-title { font-weight: 700; font-size: 21px; line-height: 24px; text-transform: uppercase; } .wrapper-deals .deals-description { margin-top: 3px; font-size: 12pt; font-weight: normal; line-height: 14px; display: block; } .wrapper-deals .wrapper-deals-element a { color: #000; } .wrapper-deals .wrapper-deals-element a:hover, .wrapper-deals .wrapper-deals-element a:focus, .wrapper-deals .wrapper-deals-element a:active { text-decoration: none; } .wrapper-deals .wrapper-deals-element:nth-child(1) { padding-right: 5px; } .wrapper-deals .wrapper-deals-element:nth-child(2) { padding-left: 5px; padding-right: 5px; } .wrapper-deals .wrapper-deals-element:nth-child(3) { padding-left: 5px; } /*=========================================== col5 =============================================*/ #col5 { padding: 0 15px; } #col5 #tabs { margin-top: 8px; margin-bottom: 32px; } #col5 #tabs div { padding: 10px 20px; font-size: 11pt; border-bottom: 0 !important; position: relative; } #col5 #win { padding: 5px 0; margin-bottom: 0; display: block; } #col5 .extra { display: block; position: relative; } #col5 .extra > h1 { font-weight: bold; font-size: 15pt; margin-bottom: 10px; } #col5 .extra .next, #col5 .extra .prev { position: absolute; top: 5px; z-index: 100; font-size: 30px; line-height: 32px; opacity: 0.7; } #col5 .extra .next:hover, #col5 .extra .prev:hover { opacity: 1; } #col5 .extra .next { right: 9px; } #col5 .extra .prev { right: 50px; } @media screen and (max-width: 767px) { #col5 #win h1 { text-align: left; font-size: 14pt; font-weight: bold; margin-bottom: 15px; } #col5 #win img { float: none; } } /*=========================================== col =============================================*/ #col #ad .but { width: 66%; } @media screen and (max-width: 767px) { #col #catalog { max-height: 81px; overflow: hidden; -webkit-transition: max-height 0.8s; transition: max-height 0.8s; margin-bottom: 20px; } #col #catalog h1 { text-align: center; padding: 0; padding-top: 25px; } #col #catalog .menuicon { top: 13px; } #col #catalog.active { max-height: 650px; } } /*=========================================== reviews =============================================*/ .reviews div { font-size: 18px; font-weight: 700; margin-bottom: 15px; } .reviews > div { padding: 15px; } .reviews .form-group { position: relative; } #col5 #win .reviews .form-group a img { border: medium none; height: 15px; margin: 0; padding: 0; position: absolute; right: 10px; top: 31px; width: 15px; } #col5 #win .reviews_item p { padding: 0; } .reviews_item h5 { font-size: 14px; font-weight: bold; } .rating input { position: absolute; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor: pointer; width: 17px; } .rating span { width: 24px; height: 16px; line-height: 16px; padding: 1px 22px 1px 0; /* 1px FireFox fix */ background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAQCAYAAACV3GYgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAApRJREFUSEutlTFI5EAUhnPFgc2KleBeY+Pdcmi52F+aA5sgaCEExDZgeQREO9NYSTq7FLZTedXAgVhNYRuxNjbaiLisLuLc92433LqX5DarCz/JvHl58/HPm1nHqfiFYTirlPpZlTPJXOI3ZnXkvq0uYPtZltk4jr9NAlH2jY69/VSHVoWtyeri2owx5k7gtNanjD+8B2DsOzOpCu4yE1mT+Kex59Svi2s7AiZK01Tcc98DTsfuTmZCKxq4V68uLk3j2k0ON3DvLAiCj28BxLVpo/ybHE6eJvHOcK+4LiBLSZKs49Qu23cM1Dm6HwbL34k/oAvyTtAh32xHUbRcBJz4zpKKWus4tQvAMToH7D41Aa79VaoDS/zBKO+CnBOduIc6bm8nQWPZAWyLbXsugvlfDNCM7f5SBAfYVqr952GQcd+BzZKg2a8L4AaAvSIY6Tcg5FBYnLLkSv9ZHMtwvRAshwVwA8BeERRxmyqPbW1bHbesjpqc3oZNAifD9dd1WXQVkMf8AAzDCNCwALui/z6P038ArgLyKIAC1IdpAtP4R4Bd0X/FdQFYwZ2uOFQmXLseF2zIwRXc6f6BKhGuXZeC5YVY/FJcKxPzv8ZxbDSHxS9N0sK5YjFfXRdHpnDvSXqsTMzfklfr4sSRKXrqKVUt+qxYzN9WXsgsuiiOySHID4Jsr4DmMeZfyPtUxz0WXRTHUt3uS7Wt4RDIM48x/0JeeV1O35pADC7dDo0fAbLA4wCoTg5I7HstON9Zy7TL/ebKtna4wyJAFngeyFjiAkmsvC4Qe7jUo6+ORt1hPEc8BrJL3o86cEDs4VKPvjoadYfxHPHYqHaX01peF+c20deqhYGcR14dOP62NoGorMv8PHpV9zetngl7Yd/7uAAAAABJRU5ErkJggg==') no-repeat -22px 0; } .rating input:checked + span { background-position: -22px 0; } .rating input:checked + span ~ span, .rating span.not_active { background-position: 0 0; } .wrapper-detail-img-product { float: left; width: 100%; margin-bottom: 38px; } .wrapper-link-calc { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; margin-bottom: 20px; } .wrapper-link-calc a { text-transform: uppercase; color: #3169b6; border-bottom: 1px dashed #3169b6; } .wrapper-link-calc a:hover { color: #4880cd; border-bottom-color: #4880cd; text-decoration: none; } .wrapper-link-stars-brand { position: absolute; left: 0; bottom: 0; } .wrapper-deals { float: left; width: 100%; text-align: center; } .wrapper-option-product { display: table-cell; float: none; } .wrapper-option-product > div { padding: 2px 5px; line-height: 20px; display: inline-block; float: none; vertical-align: middle; } .wrapper-column-options { font-size: 13px; display: table-row; float: none; } .wrapper-column-options:nth-child(2n) { background-color: #eff3f4; } .option-product-title { color: #7B7B7B; } .wrapper-table-option-product { display: table; } .wrapper-option-product:nth-child(odd) { border-right: 1px solid #d6dce1; padding-right: 10px; } .wrapper-option-product:nth-child(even) { padding-left: 10px; } @media screen and (max-width: 767px) { .wrapper-table-option-product, .wrapper-column-options, .wrapper-option-product { display: block; } .wrapper-option-product:nth-child(odd) { padding-right: 0; border-right: 0; } .wrapper-option-product:nth-child(even) { padding-left: 0; } .magnific-form-title { font-size: 16px; } .magnific-modal-dismiss, .popup-close { font-size: 33px; } #top { height: auto; } .col1-bigimg img { max-height: 300px; } #top h1 { margin-bottom: 7px; } .wrapper-detail-img-product { float: none; display: inline-block; width: auto; position: relative; } #col3 { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 991px) { .wrapper-deals { float: none; } .wrapper-deals .wrapper-deals-element:nth-child(1) { padding-right: 0; } .wrapper-deals .wrapper-deals-element:nth-child(2) { padding-left: 0; padding-right: 0; } .wrapper-deals .wrapper-deals-element:nth-child(3) { padding-left: 0; } } .wrapper-panorama-link { position: absolute; bottom: 50px; left: 50%; display: inline-block; color: #fff; margin-left: -114px; background-color: rgba(0,0,0, .5); padding: 15px; text-transform: uppercase; font-size: 22px; -webkit-border-radius: 39px; -moz-border-radius: 39px; border-radius: 39px; } .wrapper-panorama-link:hover, .wrapper-panorama-link:active, .wrapper-panorama-link:focus { text-decoration: none; color: #fff; } .wrapper-panorama-link .panorama-link { background-color: #8db600; padding: 10px 15px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .wrapper-panorama-link:hover .panorama-link { background-color: #9dc618; } .panorama-modal .wrapper-magnific-form-content { padding: 15px 5px; } .magnific-modal-dismiss-circle { background-color: rgba(0,0,0, .5); padding: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 44px; height: 44px; top: 19px; } .magnific-modal-dismiss-circle div { font-family: 'WebHostingHub-Glyphs'; width: 30px; height: 30px; background-color: #8db600; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: 2px; margin-left: 2px; text-align: center; padding-top: 7px; font-size: 16px; } .magnific-modal-dismiss-circle:hover, .magnific-modal-dismiss-circle:active, .magnific-modal-dismiss-circle:focus { text-decoration: none; color: #fff; } .magnific-modal-dismiss-circle:hover div, .magnific-modal-dismiss-circle:active div, .magnific-modal-dismiss-circle:focus div { background-color: #9dc618; } /* end item.css */ /* basket.css */ #flex > h1 { order: 4; margin: 0 15px; font-weight: bold; font-size: 18pt; } #flex #tabs { order: 5; box-sizing: border-box; display: block; margin-left: 14px; margin-right: 14px; position: relative; top: 1px; } #flex #win { order: 6; width: 100%; border: 1px solid #d6dce1; border-top: 0; padding: 20px; box-sizing: border-box; margin: 0 14px; position: relative; } #flex #win #bar { background: #eff3f4; width: 100%; box-sizing: border-box; padding: 12px 20px; display: table; } #flex #win #bar select { border-bottom: 1px dotted #225995; color: #225995; margin-left: 15px; } #flex #win #bar span:last-child { float: right; } #flex #win #basketT { margin: auto; border-bottom: 0; } #flex #win #basketT input { width: 45px; height: 32px; box-sizing: border-box; color: #262626; border: 1px solid #d6dce1; background: white; font-weight: 700; font-size: 12pt; padding: 7px 4px 5px 4px; box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.15); float: left; margin-top: 5px; text-align: center; outline: 0; } #flex #win #basketT .cross { position: absolute; right: 0; width: 15px; height: 15px; margin: auto; border: 0; cursor: pointer; color: #fff; } #flex #win #basketT .cross:active { transform: translate(0, 2px); } #flex #win #basketT .cross:before, #flex #win #basketT .cross:after { content: ""; width: 2px; height: 14px; background: #5a6067; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; transform: rotate(45deg); } #flex #win #basketT .cross:after { width: 14px; height: 2px; } #flex #win #sumT { position: absolute; bottom: -60px; right: 45px; top: auto; } #flex #links { order: 7; flex: 1 100%; text-align: center; margin: 20px 0 45px 0; } #flex #links > a { color: #225995; font-size: 11pt; margin: 0 16px; } #flex #links > a:hover { text-decoration: underline; } #flex #buts { order: 8; flex: 1 100%; padding-right: 60px; } #flex #buts > .but { background: #225995; color: white; text-align: center; width: 220px; font-weight: 700; font-size: 13pt; cursor: pointer; display: table; } #flex #buts > .but a { padding: 20px 0; width: 100%; height: 100%; display: block; } #flex #buts > .but2 { border: 1px solid #d6dce1; color: #225995; width: 200px; text-align: center; padding: 12px; font-weight: 700; font-size: 11pt; cursor: pointer; margin: 10px 20px; float: left; } #flex #buts > .but, #flex #buts > .but2 { float: right; } #flex #buts > .but:active, #flex #buts > .but2:active { transform: translate(0, 1px); } #flex #extra { order: 9; flex: 1 100%; text-align: right; color: #acaeb1; width: 625px; margin: 35px 60px 65px 0; font-size: 11pt; } #flex #extra p { width: 735px; float: right; } @media screen and (max-width: 767px) { #flex > h1 { margin-top: 20px; } #tabs { display: none !important; } #win { border: 0 !important; margin: 0 !important; } #win #bar span { margin-top: 23px; } #links { clear: both; margin: 0 !important; } #links a { clear: both; padding: 7px 0; display: block; } #buts { display: table; padding: 15px !important; box-sizing: border-box; width: 100%; } #buts > * { width: 100% !important; box-sizing: border-box; margin: 0 !important; float: none !important; font-size: 17pt !important; } #buts .but { margin-bottom: 20px !important; font-size: 18pt !important; } #extra { display: table; width: 100% !important; padding: 0 15px; box-sizing: border-box; margin-top: 0 !important; margin-bottom: 35px !important; } #extra p { width: 100% !important; text-align: center; } } @media screen and (min-width: 768px) { #links { display: flex; flex-flow: row wrap; justify-content: center; margin: 20px 200px 35px 200px !important; } #links > a { margin-bottom: 10px !important; } } @media screen and (max-width: 1100px) and (min-width: 768px) { #tabs { display: none !important; } #win { margin-top: 20px !important; border-top: 1px solid #d6dce1 !important; } #win #bar span { margin-top: 10px; } } /* end basket.css */ /* custom.css */ #crsl1 .item div .title { vertical-align: middle; background-color: rgba(0, 0, 0, 0.6); color: white; font-size: 17pt; line-height: 19px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 8px; display: inline-block; } @media (max-width: 767px) { #crsl1 .item div .title { font-size: 11pt; line-height: 19px; } } .catalog-main p { float: left; margin: 0 10px 10px; width: 300px; height: 100px; } #basketT .row > div { width: 100px; } .small_basket_quantity { font-size: 24px; width: 44px; float: left; } .one-click_input { width: 300px; font-size: 14px; padding: 6px 4px; margin: 4px 0 4px 0; } .one-click_submit { font-size: 16px; padding: 4px 8px; } .personal li { max-width: 300px; text-align: left; } .profile-table .data-table td input { background: #fff; border: 1px solid #c1c5c8; border-radius: 2px; color: #000; box-shadow: inset 2px 2px 2px -1px rgba(180, 188, 191, 0.5); display: inline-block; outline: none; vertical-align: middle; font-size: 14px; padding: 6px 8px; margin-bottom: 3px; } .good h1 { height: 40px; } .good .title { display: table; width: 100%; margin: 0 auto; font-weight: 600; font-size: 12pt; line-height: 20px; color: black; position: relative; } .wrapper-element-detail .title { width: 100%; } .good .title:hover { text-decoration: none; } .good .title:hover .goodnamelink, .good .title:hover + .title .goodnamelink { color: #3169b6; } #col5 .extra { margin-top: 15px; float: left; width: 100%; } #col2 #wrap.active { max-height: 1000px; } .tooltip { z-index: 9999; position: absolute; height: 50px; width: 50px; display: none; left: 70px; color: white; } .datatool { margin: 5px 10px; height: 20px; width: 20px; float: left; } .more { font-sizE: 11px; text-decoration: none; border-bottom: 1px dotted gray; margin-bottom: 20px; } .more:hover, .more:focus, .more:active { text-decoration: none; } .search-page a { text-decoration: underline; font-weight: bold; font-size: 1.2em; } .remont { display: table; } .ourteam { display: table; } .ourteam .person { text-align: center; } .ourteam .person img { height: 131px; } .section_galery { cursor: zoom-in; } .paymentway img { max-width: inherit; } .profile-table td { padding-top: 3px; padding-bottom: 3px; vertical-align: middle !important; } .profile-table td:first-child { text-align: right; padding-right: 10px; } .profile-table td:last-child { text-align: left; } .profile-table input { padding: 3px 5px; border: 1px solid #c1c5c8; } .profile-table input:active, .profile-table input:focus { border-color: #4880cd } /* end custom.css */ /* catalog.css */ .main { padding-top: 15px; padding-left: 15px; padding-right: 15px; background: white; } .wrapper-catalog-section-circle { float: left; width: 100%; } .catalog-section-desc { margin: 15px 0; float: left; width: 100%; } .main > h1, h1, h3.catalog-section-circle { color: #2b313d; margin: 12px 0; font-size: 16pt; } .main .partition { float: left; text-align: center; } .main .partition:hover, .main .partition:focus, .main .partition:active { text-decoration: none; } .main .partition:hover img { -webkit-filter: brightness(120%); filter: brightness(120%); } .partition h1, h3.catalog-section-circle { padding: 0 10px; } #banner { height: 64px; margin: 25px 0; background: #d6dce1; text-align: center; line-height: 64px; font-size: 15pt; } .main > p ~ a, #extra > p ~ a { color: #225995; display: inline-block; } .main > p ~ a:hover, #extra > p ~ a:hover { text-decoration: underline; } #bar { float: left; height: 34px; box-sizing: border-box; border: 1px solid #d6dce1; margin-bottom: 15px; padding: 8px 10px; font-size: 11pt; display: table; width: 100%; } #bar span { display: inline-table; } #bar label { font-weight: 600; margin: 0 5px; } #bar #num { font-weight: bold; } #bar select { margin: 0 10px; border: 0; border-bottom: 1px dotted #225995; color: #225995; text-align: center; } #nav { text-align: center; position: relative; margin: 0 auto 20px; width: 580px; color: #2b313d; display: table; } #nav .prev { float: left; } #nav .next { float: right; } #nav .next, #nav .prev { font-size: 13pt; } #nav a:not(:nth-child(2)):not(:nth-last-child(2)) { width: 38px; height: 38px; line-height: 38px; border-radius: 19px; display: inline-block; font-size: 16pt; } #nav a.active { background: #225995; color: white; } #nav a:not(.active):hover { color: #225995; font-weight: bold; } #nav a:nth-child(2), #nav a:nth-last-child(2) { line-height: 38px; font-size: 11pt; position: absolute; font-weight: normal !important; top: 0; } #nav a:nth-child(2):hover, #nav a:nth-last-child(2):hover { text-decoration: underline; } #nav a:nth-child(2):active, #nav a:nth-last-child(2):active { -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); transform: translate(0, 1px); } #nav a:nth-child(2) { left: 50px; } #nav a:nth-last-child(2) { right: 50px; } #extra { margin-bottom: 40px; } #extra h1 { margin: 35px 0; } #extra img { margin: 34px auto; max-width: 550px; width: 100%; display: block; } @media screen and (min-width: 768px) { #filter > h1 { display: none; } } @media screen and (max-width: 991px) { h1 { font-weight: bold; } .col #catalog { max-height: 71px; overflow: hidden; -webkit-transition: max-height 0.8s; transition: max-height 0.8s; } .col #catalog .title { text-align: center; padding: 0; } .col #catalog .menuicon { /*top: 8px;*/ } .col #catalog.active { /*max-height: 900px;*/ max-height: inherit; } .col #catalog>ul ul { max-height: 400px; overflow: auto; } .col #YM { width: 300px; margin-left: auto !important; margin-right: auto !important; } .col > h1 { padding-top: 20px; width: 50%; padding-left: 10px; } #extra { padding: 0 10px; } #bar, #nav, #banner, #banner + p, #banner + p + a { display: none !important; } } /* end catalog.css */ .wrapper-filter-image-prop { width: 100%; margin-top: 10px; } .wrapper-filter-image-prop .filter-preview-image { display: inline-block; background-repeat: no-repeat; background-position: center center; width: 48px; height: 100px; cursor: pointer; } .wrapper-filter-image-prop .filter-preview-image:hover, .wrapper-filter-image-prop .filter-preview-image:active, .wrapper-filter-image-prop .bx_filter_param_label .checked + .filter-preview-image { box-shadow: 4px 3px 3px rgba(0,0,0,.4); } .wrapper-filter-image-prop .style-checkbox { display: none !important; } .wrapper-filter-image-prop .bx_filter_block { display: block; position: relative; top: auto; left: auto; box-shadow: none; border: 0 !important; z-index: 0; } .wrapper-filter-image-prop .wrapper-container-parameters-box { background-color: transparent !important; border: 0 !important; } .wrapper-filter-image-prop .bx_filter_param_label { display: inline-block; } .wrapper-filter-image-prop .filter-reset { display: none; } .wrapper-canvas-size { position: relative; margin-bottom: 25px; } .canvas-size-title { position: relative; cursor: pointer; border: 1px solid #d6dce1; background-color: #ebefff; padding: 5px 10px; } .canvas-size-title:after { content: '\f48b'; font-family: 'WebHostingHub-Glyphs'; position: absolute; right: 10px; top: 50%; margin-top: -5px; font-size: 9px; line-height: 10px; } .canvas-size-title:hover, .canvas-size-title:active, .canvas-size-title:focus { border-color: #4880cd; background-color: #4880cd; color: #fff; } .canvas-size-item { display: none; width: 100%; border: 1px solid #d6dce1; box-shadow: 3px 3px 5px rgba(0,0,0,.3); position: absolute; z-index: 100; background-color: #fff; top: 80px; } .canvas-size-item a { display: block; padding: 5px 10px; font-size: 13px; } .canvas-size-item a:nth-child(even) { background-color: #F0F0F4; } .canvas-size-item a:hover, .canvas-size-item a:active, .canvas-size-item a:focus { text-decoration: none; color: #fff; background-color: #4880cd; } .wrapper-canvas-size.active .canvas-size-item { display: block; } .content-block-title { width: 100%; font-weight: normal; float: left; line-height: 24px; } h3.content-block-title, h2.content-block-title { position: relative; font-size: 20px; color: #000; padding-left: 17px; } h2.content-block-title { text-transform: uppercase; } h3.content-block-title:before, h2.content-block-title:before { content: ''; position: absolute; left: 0; top: 0; height: 27px; border-left: 5px solid #3169b6; } .wrapper-advantages-work-block { margin-bottom: 25px; float: left; width: 100%; } .wrapper-advantages-work-block .advantages-work-item { text-align: center; } .wrapper-services-work-block { float: left; width: 100%; margin-top: 15px; margin-bottom: 25px; } .wrapper-services-work-block .services-work-item img, .wrapper-services-work-block .services-work-description { float: left; } .wrapper-services-work-block .services-work-title { font-size: 14pt; font-weight: 600; margin-bottom: 10px; } .wrapper-services-work-block .services-work-link { display: block; background-color: #3169b6; color: #fff; text-align: center; text-transform: uppercase; padding: 10px 0; margin-top: 15px; font-weight: 600; width: 300px; } .wrapper-services-work-block .services-work-link:hover, .wrapper-services-work-block .services-work-link:active, .wrapper-services-work-block .services-work-link:focus { background-color: #4880cd; text-decoration: none; } .wrapper-services-work-block .services-work-item { margin-bottom: 40px; display: table; width: 100%; } .wrapper-services-work-block .services-work-img, .wrapper-services-work-block .services-work-description { display: table-cell !important; vertical-align: middle; } .owl-main-wrap { margin-top: 25px; margin-bottom: 60px; } @media screen and (max-width: 767px) { .wrapper-services-work-block .services-work-item, .wrapper-services-work-block .services-work-img, .wrapper-services-work-block .services-work-description { display: block !important; float: left !important; } .wrapper-services-work-block .services-work-item { text-align: center; } .wrapper-services-work-block .services-work-img { margin-bottom: 20px; } .wrapper-services-work-block .services-work-img img { float: none; } .wrapper-services-work-block .services-work-link { margin: 25px auto 0; } } .remont { margin-top: 15px; margin-bottom: 25px; float: left; width: 100%; } .remont > div { padding-left: 7px; padding-right: 7px; } .remont > div:first-child { padding-left: 0; } .remont > div:last-child { padding-right: 0; } .remont h4 { font-size: 20px; margin-bottom: 5px; font-weight: 600; } .remont img { display: block; margin: 0 auto 25px; } .remont blockquote { margin-top: 15px; font-size: 15px; border: 0; } .remont-people { font-size: 13px; margin-top: 10px; } .wrapper-detail-work-info { float: left; width: 100%; text-align: center; margin: 10px 0 40px; } .wrapper-detail-work-info div { font-size: 21px; font-weight: 600; } .wrapper-detail-work-info a { color: #3169b6; font-size: 28px; font-weight: 600; margin-top: 10px; display: inline-block; } #feedback-work { width: 100%; float: left; } .owl-main-wrap .owl-pagination { margin-top: 10px; } .owl-main-wrap .owl-next { right: -10px !important; } .owl-main-wrap .owl-prev { left: -10px !important; } @media screen and (max-width: 767px) { .remont > div { padding: 0; } .wrapper-detail-work-info div { font-size: 18px; } .wrapper-detail-work-info a { font-size: 24px; } } span.set-link-img { cursor: pointer; } .set-name.style-no-link, .set-name.style-no-link:hover, .set-name.style-no-link:active, .set-name.style-no-link:focus, .set-img:hover + .set-description .set-name.style-no-link { text-decoration: none; color: #222; } .wrapper-order-detail-text.doors-description-style { text-align: center; margin-bottom: 25px; } .wrapper-order-detail-text.doors-description-style > div { display: inline-block; margin: 0 auto; max-height: 92px; height: 100%; overflow: hidden; text-align: left; } .wrapper-order-detail-text.doors-description-style.active > div { max-height: none; } .wrapper-order-detail-text.doors-description-style p { padding-bottom: 0 !important; } .wrapper-order-detail-text.doors-description-style .i-table-1 { margin-bottom: 20px; } .wrapper-order-detail-text.doors-description-style > a { display: inline-block; } .block-payment { display: table; } .block-service-list { display: table; text-align: center; margin: 0 -7px; } .block-payment > div { display: table-row; } .block-payment, .block-payment > div, .block-service-list, .block-service-list > div { overflow: hidden; } .block-payment > div > div { display: table-cell; vertical-align: middle; padding-bottom: 20px; } .block-service-list > div { display: table-cell; width: 33.3333%; padding: 0 7px 15px; } .block-payment > div > div:nth-child(odd) { width: 27%; } .block-payment > div > div:nth-child(even) { width: 73%; } .table-door-price, .table-door-price > div { overflow: hidden; } .table-door-price > div { padding: 5px 10px; } .table-door-price > div > div { float: left; } .table-door-price > div:nth-child(odd) { background-color: #DFDFDF; } .table-door-price > div > div:nth-child(odd) { width: 80%; } .table-door-price > div > div:nth-child(even) { width: 20%; text-align: right; } @media screen and (min-width: 768px) and (max-width: 1199px) { .block-payment > div > div:nth-child(odd) { width: 32%; } .block-payment > div > div:nth-child(even) { width: 68%; } } @media screen and (max-width: 767px) { .block-payment { margin-top: 25px; } .block-payment, .block-payment > div, .block-payment > div > div, .block-service-list, .block-service-list > div { display: block; } .block-service-list, .block-payment { float: left; width: 100%; } .block-payment > div > div:nth-child(odd), .block-payment > div > div:nth-child(even) { width: 100%; } .block-service-list > div { width: 50%; } .block-payment > div > div:nth-child(odd) { text-align: center; } .block-payment > div > div:nth-child(even) { padding-bottom: 0; } .table-door-price > div > div { display: inline; float: none; } .table-door-price > div > div:nth-child(even) { font-weight: 600; margin-left: 5px; } } .otdelka-price-list { margin-top: 35px; margin-bottom: 15px; overflow: hidden; } .wrapper-price-list { float: left; width: 100%; margin-bottom: 15px; } .section-name-price-list { overflow: hidden; position: relative; background-color: #8db600; color: #fff; padding: 10px 10px 10px 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 2px; } .section-name-price-list > span { float: left; width: 80%; } .section-name-price-list > div { float: right; width: 10%; } .section-name-price-list:before { content: "+"; position: absolute; left: 7px; top: 3px; font-size: 24px; } .section-name-price-list:hover, .section-name-price-list:active, .section-name-price-list:focus, .section-price-list.active .section-name-price-list { cursor: pointer; background-color: #9dc618; } .section-price-list.active .section-name-price-list { margin-bottom: 0; } .section-price-list.active .section-name-price-list:before { content: "-"; left: 10px; top: 0; } .wrapper-section-item-price-list { display: none; } .section-price-list.active .wrapper-section-item-price-list { display: block; border: 1px solid #9dc618; border-top: 0; margin-bottom: 15px; padding: 10px 0; } .section-item-price-list { overflow: hidden; position: relative; padding-left: 26px; margin-bottom: 3px; } .section-item-price-list span { cursor: pointer; color: #3169b6; border-bottom: 1px dashed #3169b6; line-height: 16px; display: inline-block; } .section-item-price-list span:hover, .section-item-price-list span:active, .section-item-price-list span:focus { color: #4880cd; border: transparent; } .section-item-price-list span:before { color: #3169b6; content: "+"; position: absolute; left: 13px; top: 3px; } .section-item-price-list.active span:before { content: "-"; left: 14px; top: 2px; } .item-price-list { overflow: hidden; } .item-price-list > div:nth-child(1) { float: left; width: 80%; padding-right: 15px; } .item-price-list > div:nth-child(2), .item-price-list > div:nth-child(3) { float: right; width: 10%; } .wrapper-item-price-list { display: none; overflow: hidden; margin-top: 2px; margin-bottom: 5px; } .section-item-price-list.active .wrapper-item-price-list, .section-price-list.active > .wrapper-section-item-price-list > .wrapper-item-price-list.active { display: block; } .wrapper-section-item-price-list > .wrapper-item-price-list.active { padding-left: 26px; } @media screen and (max-width: 767px) { .section-item-price-list { padding-right: 10px; } .section-name-price-list > span, .item-price-list > div:nth-child(1) { width: 66%; } .section-name-price-list > div, .item-price-list > div:nth-child(2), .item-price-list > div:nth-child(3) { width: 17%; text-align: right; } } .discounts-block { text-align: center; margin-top: 30px; margin-bottom: 25px; } .discounts-block .owl-controls { display: none !important; } .discounts-block .item { position: relative; height: 170px; background-position: center center; background-size: cover; } .discounts-block .owl-item { padding: 0 10px; } .discounts-block .discounts-carousel-name { position: absolute; left: 0; bottom: 0; background-color: rgba(0,0,0,.5); color: #fff; padding: 3px 7px; width: 100%; } .discounts-block .prev, .discounts-block .next { background-color: #3169b6; width: 36px; height: 36px; display: inline-block; margin-top: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .discounts-block .prev { margin-right: 5px; } .discounts-block .next { margin-left: 5px; } .discounts-block .prev:before, .discounts-block .next:before { top: 2px; line-height: 34px; font-size: 30px; margin-top: 0; } .discounts-list-block { margin-top: 30px; margin-bottom: 35px; overflow: hidden; } .wrapper-section-types-jobs { overflow: hidden; margin-top: 30px; margin-bottom: 30px; } .section-types-jobs { padding-left: 15px; padding-right: 15px; text-align: center; margin-bottom: 25px; } .section-types-jobs > a { margin-bottom: 10px; display: inline-block; } .section-types-jobs > div { text-align: left; } .section-types-jobs > div > a { font-size: 16px; font-weight: 600; margin-bottom: 5px; display: inline-block; } .section-types-jobs-element a { display: block; } .wrapper-types-jobs-block { margin-bottom: 30px; } .types-jobs-section, .types-jobs-desc { overflow: hidden; } .types-jobs-section { margin-top: 15px; margin-bottom: 30px; } .types-jobs-section a { float: left; margin-right: 15px; padding-right: 15px; border-right: 3px solid #3169b6; text-transform: uppercase; font-size: 16px; } .types-jobs-section a:hover, .types-jobs-section a:active, .types-jobs-section a:focus { text-decoration: none; } .types-jobs-section a span { border-bottom: 1px dashed #3169b6; display: inline-block; } .types-jobs-section a:hover span, .types-jobs-section a:active span, .types-jobs-section a:focus span { border-bottom: 1px dashed transparent; } .types-jobs-desc .preview-gallery-product { width: 55px; display: block; float: left; overflow: hidden; height: 55px; margin: 8px; cursor: pointer; background-repeat: no-repeat; background-size: contain; background-position: center center; border: 1px solid #d6dce1; } .types-jobs-desc .preview-gallery-product.active, .types-jobs-desc .preview-gallery-product:hover { border: 1px solid #4880cd; } .wrapper-types-jobs-img { float: left; } .types-jobs-desc .magnific-gallery { float: left; max-width: 400px; width: 100%; margin-right: 35px; margin-bottom: 20px; text-align: center; } .types-jobs-desc .carousel-image-product { text-align: left; } .types-jobs-desc .table-adaptive-style th { padding: 10px; } .types-jobs-desc .content-block-title, .types-jobs-desc .style-p-border, .types-jobs-desc .style-p-quote { float: none; } @media screen and (max-width: 767px) { .section-types-jobs > div { text-align: center; } .wrapper-types-jobs-img { width: 100%; text-align: center; } .types-jobs-desc .magnific-gallery { float: none; margin-right: 0; display: inline-block; } } .main-catalog-block { margin-top: 25px; } .hidden-removal-publication, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price + .wrapper-torg-online, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price + .wrapper-torg-online + .product-submit-button, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price + .wrapper-torg-online + .product-submit-button + .wrapper-buytoclick, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price + .product-submit-button, .hidden-removal-publication + [id*="hidden_removal_from_publication"] + #price + .product-submit-button + .wrapper-buytoclick { display: none !important; } /* блок схлопнуть/расхлопнуть по типу faq */ .wrapper-slide-block .slide-block { margin-bottom: 6px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15); box-shadow: 0 1px 2px rgba(0,0,0,0.15); background-color: #f3f3f5; } .wrapper-slide-block .slide-block:hover, .wrapper-slide-block .slide-block:focus, .wrapper-slide-block .slide-block:active { -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 7px rgba(0,0,0,.3); box-shadow: 0 1px 7px rgba(0,0,0,.3); } .wrapper-slide-block .slide-block-title { position: relative; font-size: 18px; padding: 15px 45px 15px 15px; font-weight: 300; color: #4880cd; cursor: pointer; } .wrapper-slide-block > h2 { font-size: 20px; margin-top: 15px; margin-bottom: 15px; } .wrapper-slide-block .slide-block-title:after { content: '\f48b'; font-family: 'WebHostingHub-Glyphs'; display: inline-block; position: absolute; right: 12px; top: 50%; margin-top: -12px; color: #4880cd; } .wrapper-slide-block .slide-block.active .slide-block-title:after { content: '\f48a'; } .wrapper-slide-block .slide-block .slide-block-description { display: none; padding: 5px 15px 20px; font-weight: 300; } .wrapper-slide-block .slide-block.active .slide-block-description { display: block; } /* end блок схлопнуть/расхлопнуть по типу faq */ /*!* new year *!*/ /*.logo-new-year {*/ /* position: absolute !important;*/ /* left: -46px !important;*/ /* top: -31px !important;*/ /* width: 115px !important;*/ /* height: auto !important;*/ /* margin: 0 !important;*/ /* z-index: 1000 !important;*/ /*}*/ /*@media screen and (max-width: 767px) {*/ /* .logo-new-year {*/ /* width: 89px!important;*/ /* left: -34px!important;*/ /* top: -21px!important;*/ /* }*/ /*}*/ /*!* end new year *!*/ /* sitemap */ .wrapper-sitemap-block { margin-left: 15px; margin-right: 15px; } .wrapper-sitemap-block ul { list-style: none; padding-left: 25px; margin-bottom: 0; } .sitemap-block { overflow: hidden; margin-bottom: 5px; padding-top: 15px; border-top: 1px solid #d8d8d8; } .sitemap-block-title a, .sitemap-block-title span { display: inline-block; font-weight: 700; font-size: 16px; } .sitemap-block-sections li { margin-bottom: 10px; } .sitemap-block-sections a { font-size: 12px; display: inline-block; line-height: 14px; vertical-align: top; } .sitemap-vendors .sitemap-block-sections a { padding: 5px; } .sitemap-one-list-block .sitemap-block-sections ul { padding-left: 0; } .sitemap-one-list-block .sitemap-block-sections li { padding-left: 25px; } @media screen and (max-width: 991px) { .sitemap-vendors .sitemap-block-sections a { padding: 2px; } } @media screen and (max-width: 767px) { .sitemap-block-sections { margin-top: 15px; } .sitemap-block-sections ul:nth-child(odd) { padding-left: 0; padding-right: 12px; } .sitemap-block-sections ul:nth-child(even) { padding-right: 0; padding-left: 12px; } .sitemap-one-list-block .sitemap-block-sections ul li:nth-child(odd) { padding-left: 0; padding-right: 12px; } .sitemap-one-list-block .sitemap-block-sections ul li:nth-child(even) { padding-right: 0; padding-left: 12px; } .sitemap-vendors .sitemap-block-sections ul li:nth-child(odd), .sitemap-vendors .sitemap-block-sections ul li:nth-child(even) { padding: 0; } .sitemap-vendors .sitemap-block-title a:first-child { position: relative; padding-right: 5px; } .sitemap-vendors .sitemap-block-title a:first-child:after { content: ','; position: absolute; right: 0; top: 0; color: #000; } } /* end sitemap */ .mobile-button-service { display: none; position: fixed; font-family: "WebHostingHub-Glyphs"; cursor: pointer; left: 10px; bottom: 10px; width: 50px; height: 50px; color: #fff; background-color: #3169b6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 24px; text-align: center; padding-top: 10px; z-index: 200000; opacity: 1; } .mobile-button-service.active { opacity: 0.5; } @media screen and (max-width: 767px) { .mobile-button-service { display: block; } } .button-call-me { display: inline-block; background-color: #ff033e; color: #fff; font-weight: 700; padding: 10px 15px; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.8; } .button-call-me:hover, .button-call-me:active, .button-call-me:focus { opacity: 1; color: #fff; text-decoration: none; } .dl-banner img { width: auto; max-width: 100%; } /*cookie bar*/ .cookie-notification-modal { display: none; width: 100%; position: fixed; bottom: 0; left: 0; padding: 10px; line-height: 1.5; background: #e2e2e2; z-index: 200010; } .cookie-agree { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .cookie-agree__text { line-height: 1.5; margin: 0; } .cookie-agree__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookie-agree__button:not(:last-child) { margin-right: 10px; } .cookie-agree__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 12px; height: 35px; border-radius: 4px; -webkit-transition: color .3s ease-out,background .3s ease-out; transition: color .3s ease-out,background .3s ease-out; cursor: pointer; } .cookie-agree__button.btn-green { background: #4880cd; border: 1px solid #4880cd; } .cookie-agree__button.btn-green:hover { background: #3169b6; border: 1px solid #3169b6; } .cookie-agree__button.btn-dark { background: #333f46; border: 1px solid #333f46; } .cookie-agree__button.btn-dark:hover { color: #333f46; background: #fff; text-decoration: none; } @media (max-width: 767px) { .cookie-agree { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cookie-agree__text { font-size: 11px; margin-bottom: 8px; line-height: 1.4; } .cookie-agree__buttons { -ms-flex-item-align: center; align-self: center; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; width: 100%; } .cookie-agree__button { -webkit-box-flex: 1; -ms-flex: 1 0 140px; flex: 1 0 140px; font-size: 11px; height: 30px; } } @media (min-width: 768px) { .cookie-agree__text { padding-right: 10px; } .cookie-agree__button { width: 140px; } } @media (max-width: 768px){ .col #catalog>ul ul::-webkit-scrollbar { -webkit-appearance: none; } .col #catalog>ul ul::-webkit-scrollbar:vertical { width: 5px; } .col #catalog>ul ul::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgba(255, 255, 255, .5); } } .footnote-order { padding-right: 15px; } .footnote-order span { display: inline-block; background-color: #f2f5f7; border: 1px solid #e8e9eb; font-size: 12px; padding: 7px 12px; } .form-by1click .footnote-order { padding-right: 0; margin-top: 10px; text-align: left; } .form-by1click .footnote-order span { font-size: 11px; } /* popup cost-delivery */ .wrapper-delivery-cost { display: none; text-align: center; } .wrapper-delivery-cost-block { display: none; text-align: left; } .find-address { position: relative; width: 100%; margin-bottom: 15px; } .find-address .suggest { height: 36px; line-height: 36px; border: 1px solid #b8bec3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; padding: 0 40px 0 15px; } .find-address .suggest:focus { color: #222; border-color: #3169b6; } .suggest-results { position: relative; background-color: #fff; width: 100%; margin-top: -6px; } .suggest-results.visible > ul { opacity: 1; } .suggest-results > ul { position: absolute; top: 5px; left: 0; right: 0; z-index: 10; border: 1px solid #3169b6; display: block; background-color: #fff; list-style: none; opacity: 0; transition: opacity .1s; margin: 0; padding: 0; border-radius: 5px; height: 300px; box-shadow: 2px 2px 3px rgba(0,0,0,.4); overflow-y: scroll; } .suggest-results > ul > li.message { display: block; color: #000; font-size: 14px; margin: 0; padding: 15px 20px; } .suggest-results > ul > li:not(.message) { display: block; color: #000; font-size: 14px; cursor: pointer; margin: 0; padding: 8px 16px; } .suggest-results > ul > li:not(.message):hover { background-color: #3169b6; color: #fff; } .suggest-close { position: absolute; top: 8px; right: 13px; z-index: 10; opacity: 0; visibility: hidden; } .suggest-close:before { content: "\00d7"; font-family: 'WebHostingHub-Glyphs'; color: #ccc; cursor: pointer; font-size: 10px; } .suggest-close.visible { opacity: 1; visibility: visible; } .delivery-product-name { font-size: 16px; font-weight: 700; text-align: center; margin-bottom: 15px; } .product-delivery-data { display: table; width: 100%; float: left; margin-bottom: 15px; } .product-delivery-data .wrapper-option-product:nth-child(odd) { padding-right: 15px; border-right: 0; } .product-delivery-data .wrapper-option-product:nth-child(even) { padding-left: 15px; } .product-delivery-data .wrapper-column-options:nth-child(2n) { background-color: #fff; } .product-delivery-data .wrapper-column-options:nth-child(odd) .wrapper-option-product-item { background-color: #e8ecef; } .product-delivery-data .wrapper-option-product-item { display: block; padding: 0; overflow: hidden; line-height: 24px; } .product-delivery-data .wrapper-option-product .wrapper-option-product-item > div { padding: 0 15px; font-size: 14px; } .product-delivery-data .option-product-title { color: #222; } .product-delivery-data .option-product-value { text-align: right; } .wrapper-delivery-product-quantity { margin-bottom: 15px; } .wrapper-delivery-product-quantity > div { text-align: center; } .wrapper-delivery-product-quantity .wrapper-quantity-block { margin: 10px 0; } .wrapper-delivery-product-quantity .wrapper-quantity-block > div { display: table; margin: 0 auto; } .delivery-product-quantity-button { margin-top: 10px; } .delivery-product-quantity-button button { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #3169b6; color: #fff; font-size: 14px; line-height: 32px; padding: 0 30px; border: 0; } .delivery-product-quantity-button button:hover, .delivery-product-quantity-button button:active { text-decoration: none; background-color: #4880cd; } .wrapper-delivery-cost .delivery-cost-title { position: relative; line-height: 32px; font-size: 14px; text-align: center; background-color: #3169b6; color: #fff; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .wrapper-delivery-cost .delivery-cost-title a { position: absolute; top: 1px; right: 10px; line-height: 30px; font-size: 16px; } .wrapper-delivery-cost .delivery-cost-title a:hover, .wrapper-delivery-cost .delivery-cost-title a:focus, .wrapper-delivery-cost .delivery-cost-title a:active { text-decoration: none; } .wrapper-delivery-cost .delivery-cost-title a:after { content: '\f473'; font-family: 'WebHostingHub-Glyphs'; color: #fff; opacity: 0.8; } .wrapper-delivery-cost .delivery-cost-title a:hover:after, .wrapper-delivery-cost .delivery-cost-title a:focus:after, .wrapper-delivery-cost .delivery-cost-title a:active:after { opacity: 1; } .wrapper-delivery-cost .wrapper-delivery-cost-price { border: 1px solid #b8bec3; border-top: 0; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; padding: 6px 15px 8px; } .wrapper-delivery-cost .wrapper-delivery-cost-price > div { line-height: 22px; } .wrapper-delivery-cost > div:nth-child(odd) { padding-right: 10px; } .wrapper-delivery-cost > div:nth-child(even) { padding-left: 10px; } .wrapper-delivery-cost-price > div > span { position: relative; display: inline-block; float: right; } .delivery-cost-discount-price > span:before { content: attr(data-discount); position: absolute; left: -50px; top: 4px; font-size: 12px; font-weight: 600; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #f62d3d; color: #fff; line-height: 15px; padding: 0 3px; z-index: 1; } .delivery-cost-discount-price span { font-weight: 700; } .wrapper-delivery-cost-price .icon, .wrapper-option-product-item .icon{ font-size: 10px; } .delivery-product-quantity-sum { font-weight: 600; } .cost-delivery .mfp-close { display: none; } .delivery-cost-link:hover .delivery-cost-link-description span { background-color: #3f86a3; } .delivery-cost-link-description { text-align: center; } .delivery-cost-link-description span { background-color: #6ca5bc; color: #fff; font-size: 14px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; padding: 2px 11px 3px; } .delivery-cost-link-description .location-icon { position: relative; padding-left: 26px; } .delivery-cost-link-description .location-icon:before { content: '\f220'; font-family: 'WebHostingHub-Glyphs'; position: absolute; top: 2px; left: 6px; color: #fff; } .delivery-cost-error { display: none; margin-top: 15px; border-top: 1px solid #b2b6bb; padding-top: 10px; } .delivery-cost-error .delivery-cost-error-icon { position: relative; height: 52px; } .delivery-cost-error .delivery-cost-error-icon:before { content: '\f316'; font-family: 'WebHostingHub-Glyphs'; position: absolute; top: 0; left: 50%; margin-left: -20px; font-size: 40px; color: #ff033e; } .delivery-cost-error span { font-weight: 700; margin-bottom: 8px; display: inline-block; font-size: 16px; } .delivery-cost-error button { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #3169b6; color: #fff; font-size: 14px; line-height: 32px; height: 32px; padding: 0 30px; border: 0; margin-top: 10px; } .delivery-cost-error button:hover, .delivery-cost-error button:active { text-decoration: none; background-color: #4880cd; } .delivery-cost-footnote { text-align: center; font-size: 12px; font-weight: 700; margin-top: 15px; } .delivery-cost-error .submit-success { background-color: #8db600; } .delivery-cost-error .submit-success:hover, .delivery-cost-error .submit-success:active, .delivery-cost-error .submit-success:focus { background-color: #8db600; } .delivery-cost-error .submit-success span { font-family: 'WebHostingHub-Glyphs'; margin: 0; line-height: 22px; display: inline-block; font-weight: 400; } .delivery-affiliate { display: none; border-top: 1px solid #b8bec3; margin-top: 7px; padding-top: 4px; } .delivery-affiliate-title { text-align: center; font-weight: 700; } .delivery-affiliate-address { position: relative; padding-left: 25px; margin-top: 3px; } .delivery-affiliate-address:before { content: '\f220'; font-family: 'WebHostingHub-Glyphs'; position: absolute; top: 0; left: 0; color: #3169b6; font-size: 20px; } @media (min-width: 992px) and (max-width: 1199px) { .delivery-cost-link .deals-title span:not(.visible-md-title) { display: none; } .delivery-cost-link-description span:not(.location-icon) { padding-left: 3px; padding-right: 3px; } } @media (max-width: 767px) { .product-delivery-data .wrapper-option-product:nth-child(odd) { padding-right: 0; } .product-delivery-data .wrapper-option-product:nth-child(even) { padding-left: 0; } .wrapper-delivery-cost > div:nth-child(odd) { padding-right: 0; margin-bottom: 15px; } .wrapper-delivery-cost > div:nth-child(even) { padding-left: 0; } .delivery-cost-link .deals-title span { display: none; } } /* end popup cost-delivery */ /* product-card-big-banner-center-block */ .wrapper-product-card-big-banner-center-block { display: block; float: left; width: 100%; background-color: #e1f3e6; margin-bottom: 10px; height: 80px; overflow: hidden; } .wrapper-product-card-big-banner-center-block:hover .big-banner-center-block-center-description, .wrapper-product-card-big-banner-center-block:hover .big-banner-center-block-right span { background-color: #77a400; } .big-banner-center-block-center { text-align: center; position: relative; } .big-banner-center-block-center-title { font-weight: 700; font-size: 21px; color: #222; text-transform: uppercase; margin-top: 12px; } .big-banner-center-block-center-title .icon { font-size: 14px; line-height: 28px; } .big-banner-center-block-center-title .measure-item { text-transform: none; } .big-banner-center-block-center-description { display: inline-block; font-size: 14px; background-color: #8db600; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 20px; margin: 5px auto 0; padding: 0 12px; } .big-banner-center-block-right { text-align: center; } .big-banner-center-block-right span { display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 14px; background-color: #8db600; color: #fff; padding: 0 15px 1px; line-height: 23px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 28px; } .big-banner-center-block-left { position: relative; } .big-banner-center-block-left .banner-label { background-color: #ff033e; color: #fff; text-transform: uppercase; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); text-align: center; font-weight: 700; font-size: 9px; position: absolute; top: 14px; left: -21px; line-height: 16px; padding: 0 20px; } .big-banner-center-block-left .banner-icon { background-color: #fff; width: 60px; height: 60px; padding: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: 10px; margin-left: 40px; } .big-banner-center-block-left .banner-icon path { fill: #8DB600; } .wrapper-product-card-big-banner-center-block:hover .big-banner-center-block-left .banner-icon path { fill: #77A400; } @media (max-width: 991px) { .wrapper-product-card-big-banner-center-block { margin-bottom: 6px; } } @media (max-width: 400px) { .big-banner-center-block-center-title { font-size: 16px; } .big-banner-center-block-center-description { padding: 0; } } .laminate-installation-carousel, .wrapper-single-slide-full-navigation-carousel { padding-left: 32px; padding-right: 32px; } /* end product-card-big-banner-center-block */ /* many-in-one-slide-carousel */ .many-in-one-slide-carousel .wrapper-many-in-one-slide { margin: 0; padding: 0; list-style: none; } .many-in-one-slide-carousel .wrapper-many-in-one-slide a { display: inline-block; width: 100%; height: 35px; border: 2px solid #fff; float: left; } .many-in-one-slide-carousel .wrapper-many-in-one-slide a:hover { border-color: #3169b6; } .many-in-one-slide-carousel .wrapper-many-in-one-slide .item.active a { border-color: #3169b6; } /* end many-in-one-slide-carousel */ /* kolerovka */ .collection-palette { margin-bottom: 20px; float: left; width: 100%; } .palette { float: left; width: 100%; } .palette-title, .collection-palette-title { text-align: center; font-size: 22px; font-weight: 700; margin-bottom: 15px; } .collection-palette-item { display: inline-block; border-bottom: 1px dashed; margin-right: 10px; } .collection-palette-item.active { border-color: transparent; color: #222; } .collection-palette-item:hover, .collection-palette-item:active, .collection-palette-item:focus { text-decoration: none; border-color: transparent; } .many-in-one-slide-carousel .next, .many-in-one-slide-carousel .prev { margin-top: -20px; } .interior-palette { float: left; width: 100%; } .interior-palette-small-picture { margin-top: 20px; float: left; margin-left: -10px; margin-right: -10px; } .interior-palette-small-picture a { padding-left: 10px; padding-right: 10px; } @media (max-width: 767px) { .many-in-one-slide-carousel { margin-bottom: 50px; } .wrapper-many-in-one-slide .item { padding-top: 0; } } /* end kolerovka */ /* End */ /* /local/templates/.default/ajax/ajax.min.css?1508316389417 */ /* /local/templates/new/css/gray.min.css?1508756211716 */ /* /local/templates/new/css/baron.min.css?15087562115076 */ /* /local/templates/new/css/jquery.jgrowl.min.css?15087562111676 */ /* /local/templates/new/css/jquery.formstyler.min.css?150875621110506 */ /* /local/templates/new/css/jquery.countdown.min.css?15087562111056 */ /* /local/templates/new/css/magnific-popup.min.css?15087562115136 */ /* /local/templates/new/owl-carousel/owl.carousel.min.css?15087562111118 */ /* /local/templates/new/owl-carousel/owl.theme.min.css?15087562111148 */ /* /local/templates/new/components/yenisite/geoip.city/main/style.min.css?15087562123824 */ /* /local/templates/new/components/yenisite/geoip.city/main/ice.min.css?1508756212593 */ /* /local/templates/new/components/yenisite/geoip.city/main/css/jquery.jgrowl.min.css?15087562123339 */ /* /local/templates/new/components/beono/flashmessage/.default/style.css?15795116291066 */ /* /local/templates/new/styles.min.css?15130665155603 */ /* /local/templates/new/template_styles.css?1586328742268529 */